*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.mb-10{margin-bottom:2.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.justify-center{justify-content:center}.gap-4{gap:1rem}.border{border-width:1px}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.text-\[14px\]{font-size:14px}.font-bold{font-weight:700}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(26 115 232 / var(--tw-text-opacity, 1))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}:root{--primary: #1a73e8;--primary-hover: #1765c1;--primary-soft: #e8f0fe;--bg-main: #f1f3f4;--bg-surface: #ffffff;--bg-sidebar: #f6f8fc;--border-subtle: #dadce0;--text-main: #202124;--text-secondary: #5f6368;--text-disabled: #9aa0a6;--shadow-soft: 0 1px 2px rgba(60, 64, 67, .3), 0 2px 6px rgba(60, 64, 67, .15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--text-main);background:var(--bg-main)!important;min-height:100vh;isolation:isolate}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-main);padding:16px}.login-card{width:100%;max-width:420px;background:var(--bg-surface);border-radius:16px;box-shadow:var(--shadow-soft);padding:24px 24px 20px;border:1px solid var(--border-subtle)}.login-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.login-header h1{font-size:20px;margin:0}.login-header p{font-size:12px;color:var(--text-secondary);margin:0}.login-form{display:flex;flex-direction:column;gap:12px}.login-label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.login-label span{display:flex;align-items:center;gap:6px}.login-label input{height:34px;border-radius:8px;border:1px solid var(--border-subtle);padding:0 10px;font-size:13px;outline:none;transition:all .2s ease}.login-label input:hover{border-color:var(--primary);box-shadow:0 0 0 3px #1a73e81a}.login-label input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);transform:translateY(-1px)}.login-error{font-size:12px;color:#c62828;background:#ffebee;border-radius:6px;padding:8px 10px}.login-submit{width:100%;margin-top:4px}.login-hint{font-size:11px;color:var(--text-secondary);margin-top:8px;text-align:center}.topbar-user{display:flex;align-items:center;margin-right:4px}.user-chip{display:inline-flex;align-items:center;gap:1px;padding:4px 10px;border-radius:999px;background:#e1ebfa;font-size:12px;color:var(--text-secondary)}.user-chip .user-email{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:24px}html,body{background-color:var(--bg-main)!important}.layout-root{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);z-index:10}.topbar-left{display:flex;align-items:center;gap:8px}.logo-circle{width:32px;height:32px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease;cursor:pointer}.logo-circle:hover{background:var(--primary);color:#fff;transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #1a73e84d}.logo-circle .anticon{font-size:16px}.topbar-title h1{font-size:18px;font-weight:500;transition:all .3s ease;cursor:default}.topbar-title:hover h1{color:var(--primary);transform:translate(2px)}.topbar-title p{font-size:12px;color:var(--text-secondary)}.topbar-center{flex:1;max-width:520px;display:flex;flex-direction:column;gap:4px;align-items:center}.fake-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:24px;background:#eef3fb;color:var(--text-secondary);justify-content:space-between;transition:all .3s ease}.fake-search:hover{background:#e0ebf9;box-shadow:0 2px 8px #1a73e826;transform:translateY(-1px)}.search-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.search-placeholder{font-size:13px;font-weight:500;color:#00f!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-expiry{font-size:10px;color:var(--text-secondary);font-weight:400}.expiry-time{font-size:11px;color:var(--text-secondary);font-weight:400;padding:2px 8px;transition:all .3s ease;border-radius:4px;cursor:default}.expiry-time:hover{background:var(--primary-soft);color:var(--primary);padding:2px 12px}.search-copy-btn{height:24px;padding:0 8px;font-size:11px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-main);display:inline-flex;align-items:center;gap:4px;cursor:pointer;flex-shrink:0;transition:all .2s}.search-copy-btn .anticon{font-size:12px}.search-copy-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.search-copy-btn .copy-icon{font-size:12px}.topbar-right{display:flex;align-items:center;gap:8px}.settings-container{position:relative;gap:8px}.settings-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-surface);border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid var(--border-subtle);min-width:160px;z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-item{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:10px 16px;border:none;background:transparent;color:var(--text-main);font-size:13px;text-align:right;cursor:pointer;transition:background .2s}.settings-item:hover{background:var(--primary-soft);color:var(--primary);transform:translate(4px);padding-left:20px}.settings-item .anticon{font-size:14px}.save-login-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:10001;cursor:default}.save-login-popup{position:fixed;width:420px;max-height:80vh;background:var(--bg-surface);border-radius:12px;box-shadow:0 8px 32px #0003;border:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s ease}.save-login-popup.maximized{border-radius:0;max-height:100vh}.save-login-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--primary-soft);border-bottom:1px solid var(--border-subtle);cursor:grab}.save-login-header:active{cursor:grabbing}.save-login-popup.maximized .save-login-header{cursor:default}.save-login-tabs{display:flex;border-bottom:1px solid var(--border-subtle);background:var(--bg-main)}.save-login-tab{flex:1;padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.save-login-tab:hover{background:var(--primary-soft);color:var(--primary)}.save-login-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--bg-surface);font-weight:600}.save-login-header-left{display:flex;align-items:center;gap:8px;color:var(--primary);font-weight:600;font-size:14px}.drag-handle{color:var(--text-secondary);cursor:grab}.save-login-window-controls{display:flex;align-items:center;gap:4px}.save-login-window-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px 10px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;font-size:12px}.save-login-window-btn:hover{background:#0000001a;color:var(--text-main)}.save-login-window-btn.minimize-btn:hover{background:#ffc10733;color:#f57c00}.save-login-window-btn.maximize-btn:hover{background:#4caf5033;color:#388e3c}.save-login-window-btn.close-btn:hover{background:#f4433633;color:#d32f2f}.save-login-minimized-indicator{position:fixed;bottom:20px;right:20px;background:var(--primary);color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 16px #1a73e866;display:flex;align-items:center;gap:8px;cursor:pointer;z-index:10002;transition:all .3s ease;font-size:14px;font-weight:600}.save-login-minimized-indicator:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #1a73e880}.save-login-minimized-indicator .anticon{font-size:16px}.save-login-content{padding:20px;overflow-y:auto;flex:1}.save-login-popup.maximized .save-login-content{max-height:calc(100vh - 60px)}.save-login-form{display:flex;flex-direction:column;gap:16px}.save-login-field{display:flex;flex-direction:column;gap:6px}.save-login-field label{font-size:13px;font-weight:600;color:var(--text-main)}.save-login-field input,.save-login-field textarea{padding:10px 12px;border:1px solid var(--border-subtle);border-radius:8px;font-size:14px;font-family:inherit;background:var(--bg-surface);color:var(--text-main);transition:all .2s;width:100%}.save-login-password-wrapper{position:relative;display:flex;align-items:center}.save-login-password-input{padding-right:40px!important}.save-login-password-toggle{position:absolute;right:8px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;z-index:1}.save-login-password-toggle:hover{background:var(--primary-soft);color:var(--primary)}.save-login-password-toggle .anticon{font-size:16px}.save-login-field input:focus,.save-login-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.save-login-field textarea{resize:vertical;min-height:60px}.save-login-save-btn{padding:12px 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;margin-top:8px}.save-login-save-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #1a73e84d}.save-login-saved{width:100%}.save-login-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary)}.save-login-empty .anticon{font-size:48px;color:var(--text-disabled);margin-bottom:16px}.save-login-empty p{margin:8px 0;font-size:14px}.save-login-empty-hint{font-size:12px;color:var(--text-disabled)}.save-login-saved h3{font-size:16px;font-weight:600;color:var(--text-main);margin:0 0 16px}.save-login-entries{display:flex;flex-direction:column;gap:12px}.save-login-entry{background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.save-login-entry-actions{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.save-login-action-buttons{display:flex;gap:2px;margin-top:-6px}.save-login-edit-btn,.save-login-delete-btn{padding:6px 10px;background:transparent;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.save-login-edit-btn:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.save-login-copy-buttons{display:flex;flex-direction:column;gap:1px;align-items:flex-end}.save-login-copy-btn-action{padding:4px 8px;background:transparent;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.save-login-copy-btn-action:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.save-login-copy-btn-action .anticon{font-size:12px}.save-login-entry-content{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.save-login-entry-item{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;transition:color .2s}.save-login-entry-item strong{color:var(--text-main);font-weight:600;margin-right:6px;flex-shrink:0;transition:color .2s}.save-login-entry.hover-email-copy .save-login-email-item,.save-login-entry.hover-email-copy .save-login-email-item strong,.save-login-entry.hover-email-copy .save-login-email-item .save-login-truncate,.save-login-entry.hover-password-copy .save-login-password-item,.save-login-entry.hover-password-copy .save-login-password-item strong{color:var(--primary)}.save-login-website-item{margin-bottom:4px}.save-login-website-item strong{display:none}.save-login-favicon-container{display:flex;align-items:center;gap:8px;width:100%}.save-login-favicon{width:24px;height:24px;border-radius:4px;-o-object-fit:contain;object-fit:contain;flex-shrink:0;background:var(--bg-main);padding:2px}.save-login-website-text{font-size:13px;color:var(--text-main);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 40px);display:block}.save-login-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;display:inline-block}.save-login-delete-btn{padding:6px 12px;background:transparent;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s;flex-shrink:0}.save-login-delete-btn:hover{background:#ffebee;border-color:#c62828;color:#c62828}.history-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.history-modal{background:var(--bg-surface);border-radius:12px;box-shadow:0 8px 24px #0003;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.history-modal-header{display:flex;align-items:center;justify-content:space-between;padding:3px 12px;border-bottom:1px solid var(--border-subtle)}.history-modal-header h2{font-size:18px;font-weight:600;margin:0}.history-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.history-close-btn:hover{background:var(--primary-soft);color:var(--primary);transform:rotate(90deg) scale(1.1)}.history-modal-content{flex:1;overflow-y:auto;padding:16px 20px}.history-empty{text-align:center;padding:40px 20px;color:var(--text-secondary)}.history-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.history-clear-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all .2s}.history-clear-btn:hover{background:#fee;color:#c33;border-color:#c33;transform:translateY(-1px);box-shadow:0 2px 8px #c6282833}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-main);transition:all .2s}.history-item:hover{background:var(--primary-soft);border-color:var(--primary);transform:translate(4px);box-shadow:-2px 0 8px #1a73e826}.history-item-content{flex:1;min-width:0}.history-item-address{display:flex;align-items:center;gap:8px;margin-bottom:6px}.history-email{font-size:13px;font-weight:500;color:var(--primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;word-break:break-all;flex:1}.history-copy-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.history-copy-btn:hover{background:var(--primary-soft);color:var(--primary);transform:scale(1.1)}.history-item-meta{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-secondary)}.history-date,.history-expiry{display:block}.history-delete-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0;margin-left:12px;margin-top:-43px}.history-delete-btn:hover{background:#fee;color:#c33;transform:scale(1.1) rotate(5deg)}.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.login-modal{background:var(--bg-surface);border-radius:12px;box-shadow:0 8px 24px #0003;max-width:420px;width:100%;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.login-header-content{display:flex;align-items:center;gap:12px}.login-header-content h2{font-size:20px;font-weight:600;margin:0}.login-header-content p{font-size:12px;color:var(--text-secondary);margin:4px 0 0}.login-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;width:32px;height:32px}.login-close-btn:hover{background:var(--primary-soft);color:var(--primary);transform:rotate(90deg) scale(1.1)}.login-modal .login-form{padding:20px 24px 24px}.login-info-section{padding:40px 0 56px;background:radial-gradient(circle at top left,#e8f0fe 0,#f1f3f4 40%,#fff);width:100%;margin-top:0}.login-info-section>div{width:100%;max-width:100%;padding:0 9px}.login-info-heading{max-width:960px;margin:0 auto 20px;display:flex;align-items:flex-start;gap:16px}.login-info-text{display:flex;flex-direction:column;gap:4px}.login-info-kicker{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:#1a73e814;color:var(--primary);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.login-info-heading h2{font-size:22px;font-weight:650;margin:2px 0 4px}.login-info-highlight{color:var(--primary)}.login-info-heading p{font-size:13px;color:var(--text-secondary);margin:0}.login-benefits-card,.login-benefits-header{display:none}.login-benefits-icon{width:40px;height:40px;border-radius:999px;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.login-benefits-icon .anticon{font-size:20px}.login-benefits-header h2{font-size:18px;font-weight:600;margin:0 0 4px}.login-benefits-header p{font-size:13px;color:var(--text-secondary);margin:0}.login-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:960px;margin:0 auto}.benefit-card{background:var(--bg-surface);border-radius:16px;border:1px solid var(--border-subtle);box-shadow:0 4px 12px #0000000f;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;transition:transform .2s,box-shadow .2s}.benefit-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.benefit-item{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--text-secondary)}.benefit-card .benefit-icon{width:48px;height:48px;border-radius:999px;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.benefit-card .benefit-icon .anticon{font-size:20px}.login-modern-card-header{width:100%;max-width:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:0 2px 8px #00000014;padding:32px;display:flex;align-items:flex-start;gap:20px;transition:all .3s ease;margin-top:-43px}.login-modern-card-header:hover{box-shadow:0 8px 24px #1a73e840,0 4px 12px #0000001a;transform:translateY(-2px);border-color:#1a73e84d}.login-modern-card-icon{width:56px;height:56px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px}.login-modern-card-content{flex:1}.login-modern-card-title{font-size:24px;font-weight:600;color:var(--text-main);margin:0 0 12px}.login-modern-card-text{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0}.login-modern-card{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:0 2px 8px #00000014;padding:35px;display:flex;flex-direction:column;gap:16px;transition:all .3s ease;margin-top:-33px;position:relative;overflow:hidden}.login-modern-card:hover{box-shadow:0 8px 24px #1a73e840,0 4px 12px #0000001a;transform:translateY(-2px);border-color:#1a73e84d}.color-motion-card{position:relative;isolation:isolate}.color-motion-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle 500px at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(26,115,232,.25) 0%,rgba(26,115,232,.15) 25%,rgba(26,115,232,.08) 45%,rgba(26,115,232,.03) 70%,transparent 100%);opacity:0;transition:opacity .4s ease,background .1s ease;pointer-events:none;z-index:0;border-radius:inherit}.color-motion-card:hover:before{opacity:1}.color-motion-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle 200px at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(144,202,249,.2) 0%,rgba(144,202,249,.1) 40%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:0;border-radius:inherit}.color-motion-card:hover:after{opacity:1}.color-motion-card>*{position:relative;z-index:1}.login-modern-card-icon-small{width:48px;height:48px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:20px}.login-modern-card-title-small{font-size:18px;font-weight:600;color:var(--text-main);margin:0}.login-modern-card-text-small{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0}.login-modern-card-text-small strong{color:var(--text-main);font-weight:600}.login-3d-parent{width:290px;height:300px;perspective:1000px}.login-3d-parent-large{width:1000px;height:197px;perspective:1000px}.login-3d-card{height:100%;border-radius:50px;background:linear-gradient(135deg,#d1e9fc,#b3d7fc 40%,#90caf9);transition:all .5s ease-in-out;transform-style:preserve-3d;box-shadow:#05471100 40px 50px 25px -40px,#05471133 0 25px 25px -5px;position:relative}.login-3d-glass{transform-style:preserve-3d;position:absolute;top:15px;right:15px;bottom:15px;left:15px;border-radius:55px 100% 55px 55px;background:#fff;transform:translateZ(25px);border-left:1px solid white;border-bottom:1px solid white;transition:all .5s ease-in-out}.login-3d-content{padding:100px 60px 0 30px;transform:translateZ(26px)}.login-3d-content .title{display:block;color:var(--text-main);font-weight:900;font-size:20px}.login-3d-content .text{display:block;color:var(--text-secondary);font-size:15px;margin-top:20px}.login-3d-bottom{padding:10px 12px;transform-style:preserve-3d;position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;transform:translateZ(26px)}.login-3d-bottom .view-more{display:flex;align-items:center;width:40%;justify-content:flex-end;transition:all .2s ease-in-out}.login-3d-bottom .view-more:hover{transform:translateZ(10px)}.login-3d-bottom .view-more .view-more-button{background:none;border:none;color:var(--bg-surface);font-weight:bolder;font-size:12px;cursor:pointer}.login-3d-bottom .view-more .svg{fill:none;stroke:#00c37b;stroke-width:3px;max-height:15px}.login-3d-bottom .social-buttons-container{display:flex;gap:10px;transform-style:preserve-3d}.login-3d-bottom .social-buttons-container .social-button{width:30px;aspect-ratio:1;padding:5px;background:#fff;border-radius:50%;border:none;display:grid;place-content:center;box-shadow:#05471180 0 7px 5px -5px;cursor:pointer}.login-3d-bottom .social-buttons-container .social-button .dot{width:8px;height:8px;border-radius:999px;background:var(--primary)}.login-3d-logo{position:absolute;right:0;top:0;transform-style:preserve-3d}.login-3d-logo .circle{display:block;position:absolute;aspect-ratio:1;border-radius:50%;top:0;right:0;box-shadow:#64646f33 -10px 10px 20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1a73e833;transition:all .5s ease-in-out}.login-3d-logo .circle1{width:170px;transform:translateZ(20px);top:8px;right:8px}.login-3d-logo .circle2{width:140px;transform:translateZ(40px);top:10px;right:10px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transition-delay:.4s}.login-3d-logo .circle3{width:110px;transform:translateZ(60px);top:17px;right:17px;transition-delay:.8s}.login-3d-logo .circle4{width:80px;transform:translateZ(80px);top:23px;right:23px;transition-delay:1.2s}.login-3d-logo .circle5{width:50px;transform:translateZ(100px);top:30px;right:30px;display:grid;place-content:center;transition-delay:1.6s}.login-3d-logo-icon{width:20px;height:20px;color:#fff}.login-3d-parent:hover .login-3d-card,.login-3d-parent-large:hover .login-3d-card-large{transform:rotate3d(1,1,0,30deg);box-shadow:#0547114d 30px 50px 25px -40px,#0547111a 0 25px 30px}.login-3d-parent:hover .login-3d-card .login-3d-bottom .social-buttons-container .social-button,.login-3d-parent-large:hover .login-3d-card-large .login-3d-bottom .social-buttons-container .social-button{transform:translateZ(50px);box-shadow:#05471133 -5px 20px 10px}.login-3d-parent:hover .login-3d-card .login-3d-logo .circle2,.login-3d-parent-large:hover .login-3d-card-large .login-3d-logo .circle2{transform:translateZ(60px)}.login-3d-parent:hover .login-3d-card .login-3d-logo .circle3,.login-3d-parent-large:hover .login-3d-card-large .login-3d-logo .circle3{transform:translateZ(80px)}.login-3d-parent:hover .login-3d-card .login-3d-logo .circle4,.login-3d-parent-large:hover .login-3d-card-large .login-3d-logo .circle4{transform:translateZ(100px)}.login-3d-parent:hover .login-3d-card .login-3d-logo .circle5,.login-3d-parent-large:hover .login-3d-card-large .login-3d-logo .circle5{transform:translateZ(120px)}@media (max-width: 900px){.login-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.login-info-section{padding:28px 16px 40px}.login-info-heading{flex-direction:column;align-items:flex-start}.login-info-heading h2{font-size:18px}.login-benefits-grid{grid-template-columns:minmax(0,1fr);gap:14px}.benefit-card{padding:18px 16px}}.benefit-card .benefit-text{flex:1}.benefit-card .benefit-text h3{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--text-main)}.benefit-card .benefit-text p{font-size:13px;line-height:1.6;color:var(--text-secondary);margin:0}.benefit-item .benefit-icon{width:24px;height:24px;border-radius:999px;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.benefit-item .benefit-icon .anticon{font-size:14px}.benefit-text h3{font-size:13px;font-weight:600;margin:0 0 4px;color:var(--text-main)}.benefit-text p{margin:0;line-height:1.5}@media (max-width: 900px){.login-benefits-grid{grid-template-columns:1fr;gap:16px;grid-template-columns:minmax(0,1fr)}}.login-container{margin-left:10px}.temp-mail-animation-section{padding:60px 0 80px;background:linear-gradient(135deg,#f5f7fa,#e8f0fe,#fff);width:100%;margin-top:0;position:relative;overflow:hidden}.temp-mail-animation-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(26,115,232,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(52,168,83,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.temp-mail-animation-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(26,115,232,.05) 0%,transparent 50%);pointer-events:none}.animation-bg-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.animation-particle{position:absolute;width:4px;height:4px;background:var(--primary);border-radius:50%;opacity:.3;animation:particleFloat 6s ease-in-out infinite}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0) scale(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) translate(50px) scale(1);opacity:0}}.animation-floating-icons{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-icon{position:absolute;font-size:48px;color:#1a73e814;animation:floatIcon 20s ease-in-out infinite}.floating-icon.icon-1{top:10%;left:10%;animation-delay:0s}.floating-icon.icon-2{top:30%;right:15%;animation-delay:5s}.floating-icon.icon-3{bottom:20%;left:20%;animation-delay:10s}.floating-icon.icon-4{bottom:10%;right:10%;animation-delay:15s}@keyframes floatIcon{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-30px) rotate(90deg)}50%{transform:translate(-20px,20px) rotate(180deg)}75%{transform:translate(20px,30px) rotate(270deg)}}.animation-section-container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1;opacity:1;transform:translateY(0)}.animation-section-container.visible{opacity:1;transform:translateY(0)}.animation-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px;flex-wrap:wrap;gap:16px}.animation-header-content{display:flex;align-items:center;gap:20px;flex:1}.animation-header-icon{width:64px;height:64px;border-radius:16px;background:#1a73e833;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:28px;box-shadow:0 8px 32px #1a73e833,inset 0 1px #ffffff80;animation:iconFloat 3s ease-in-out infinite;position:relative;overflow:hidden}.animation-header-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);animation:iconShine 3s infinite}@keyframes iconShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.animation-header-icon .icon-main{position:relative;z-index:1}.animation-header-icon .icon-sparkle{position:absolute;font-size:16px;top:8px;right:8px;z-index:2;animation:sparkleRotate 2s linear infinite}@keyframes sparkleRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}@keyframes iconFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.fade-in-up{animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animation-header-text{flex:1}.animation-section-title{font-size:32px;font-weight:700;margin:0 0 8px;color:var(--text-main);background:linear-gradient(135deg,var(--primary),#34a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;flex-wrap:wrap;gap:8px}.title-word{display:inline-block;animation:wordSlideIn .6s ease-out backwards}.title-word.word-1{animation-delay:.1s}.title-word.word-2{animation-delay:.2s}.title-word.word-3{animation-delay:.3s}.title-word.word-4{animation-delay:.4s}.title-word.word-5{animation-delay:.5s}@keyframes wordSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animation-section-subtitle{font-size:16px;color:var(--text-secondary);margin:0;line-height:1.6}.animation-play-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(26,115,232,.3);background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:20px;box-shadow:0 4px 16px #0000001a,inset 0 1px #fff9}.animation-play-btn:hover{background:#1a73e833;border-color:#1a73e880;transform:scale(1.1);box-shadow:0 6px 20px #1a73e84d,inset 0 1px #ffffffb3}.animation-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:40px}.animation-step-card{position:relative;background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:16px;padding:28px 24px;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px #fff9;opacity:1;transform:translateY(0) scale(1)}.animation-step-card.card-visible{opacity:1;transform:translateY(0) scale(1);animation:cardSlideIn .6s cubic-bezier(.4,0,.2,1)}@keyframes cardSlideIn{0%{opacity:.8;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animation-step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),#34a853);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.animation-step-card:hover{transform:translateY(-4px);background:#ffffffd9;border-color:#1a73e84d;box-shadow:0 12px 40px #00000026,0 4px 12px #0000001a,inset 0 1px #ffffffb3}.animation-step-card.active{background:#ffffffe6;backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);border-color:#1a73e866;box-shadow:0 12px 40px #1a73e840,0 4px 16px #1a73e826,inset 0 1px #fffc,inset 0 -1px #1a73e81a;transform:translateY(-4px) scale(1.02);animation:cardPulse 2s ease-in-out infinite}.animation-step-card.active:before{transform:scaleX(1)}.animation-step-card.completed{background:#ffffffbf;border-color:#34a8534d;opacity:.95;box-shadow:0 8px 32px #34a85326,0 2px 8px #34a8531a,inset 0 1px #fff9}@keyframes cardPulse{0%,to{box-shadow:0 12px 40px #1a73e840,0 4px 16px #1a73e826,inset 0 1px #fffc}50%{box-shadow:0 16px 48px #1a73e859,0 6px 20px #1a73e833,inset 0 1px #ffffffe6}}.animation-step-number{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#f1f3f4cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;transition:all .3s ease;z-index:2;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff80}.number-text{position:relative;z-index:1}.number-ripple{position:absolute;width:100%;height:100%;border-radius:50%;background:var(--primary);opacity:.3;animation:numberRipple 1.5s ease-out infinite}@keyframes numberRipple{0%{transform:scale(1);opacity:.3}to{transform:scale(2);opacity:0}}.animation-step-card.active .animation-step-number,.animation-step-card.completed .animation-step-number{background:#1a73e84d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:#1a73e866;color:var(--primary);transform:scale(1.1);animation:numberPulse 1s ease-in-out infinite;box-shadow:0 4px 12px #1a73e84d,inset 0 1px #fff9}@keyframes numberPulse{0%,to{transform:scale(1.1)}50%{transform:scale(1.2)}}.animation-step-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.icon-wrapper{position:relative;z-index:2;transition:transform .3s ease}.icon-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:2px solid var(--step-color);border-radius:50%;opacity:0;animation:iconRingExpand 2s ease-out infinite}@keyframes iconRingExpand{0%{width:56px;height:56px;opacity:.8}to{width:100px;height:100px;opacity:0}}.icon-sparkles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px}.sparkle{position:absolute;top:50%;left:50%;width:4px;height:4px;background:var(--step-color);border-radius:50%;transform:translate(-50%,-50%) rotate(var(--sparkle-angle)) translate(40px);animation:sparkleMove 1.5s ease-in-out infinite;animation-delay:var(--sparkle-delay)}@keyframes sparkleMove{0%,to{opacity:0;transform:translate(-50%,-50%) rotate(var(--sparkle-angle)) translate(40px) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) rotate(var(--sparkle-angle)) translate(50px) scale(1)}}.animation-step-card.active .animation-step-icon{transform:scale(1.1) rotate(5deg);animation:iconBounce .6s ease}.animation-step-card.active .animation-step-icon .icon-wrapper{animation:iconWiggle .5s ease-in-out infinite}@keyframes iconWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes iconBounce{0%,to{transform:scale(1.1) rotate(5deg)}50%{transform:scale(1.2) rotate(-5deg)}}.animation-step-content{flex:1}.animation-step-title{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--text-main);transition:color .3s ease;position:relative}.title-highlight{position:relative;display:inline-block}.animation-step-card.active .animation-step-title .title-highlight:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--step-color),transparent);animation:titleUnderline .5s ease}@keyframes titleUnderline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.animation-step-card.active .animation-step-title{color:var(--primary);animation:titleGlow 2s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 0 rgba(26,115,232,0)}50%{text-shadow:0 0 10px rgba(26,115,232,.3)}}.animation-step-description{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0}.animation-step-indicator{position:absolute;top:50%;right:-12px;transform:translateY(-50%);z-index:3}.animation-pulse-dot{width:12px;height:12px;border-radius:50%;background:var(--primary);animation:pulse 1.5s ease-in-out infinite;position:relative}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:var(--primary);animation:pulseRing 1.5s ease-out infinite}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(3);opacity:0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.active-badge{position:absolute;top:-8px;right:20px;background:var(--primary);color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;animation:badgePop .5s ease;box-shadow:0 2px 8px #1a73e84d}@keyframes badgePop{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}.animation-step-check{position:absolute;top:16px;left:16px;width:32px;height:32px;border-radius:50%;background:#34a8534d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(52,168,83,.4);color:#34a853;display:flex;align-items:center;justify-content:center;font-size:16px;animation:checkPop .4s ease;z-index:2;box-shadow:0 4px 12px #34a8534d,inset 0 1px #fff9}.check-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:#34a853;animation:checkRipple 1s ease-out infinite}@keyframes checkRipple{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}@keyframes checkPop{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0)}}.card-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.animation-step-card.active .card-shimmer{animation:shimmer 2s infinite}.card-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:16px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1;background:#1a73e81a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.animation-step-card.active .card-glow{opacity:1;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:.8}}.step-connector{position:absolute;top:50%;right:-40px;transform:translateY(-50%);display:flex;align-items:center;gap:8px;z-index:1;opacity:.3;transition:opacity .3s ease}@media (max-width: 900px){.step-connector{display:none}}.step-connector.completed{opacity:1}.connector-line{width:30px;height:2px;background:linear-gradient(90deg,var(--step-color),transparent);animation:connectorFlow 2s ease-in-out infinite}@keyframes connectorFlow{0%,to{background:linear-gradient(90deg,var(--step-color),transparent)}50%{background:linear-gradient(90deg,var(--step-color),var(--step-color))}}.connector-arrow{color:var(--step-color);font-size:16px;animation:arrowBounce 1s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.animation-progress-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 20px}.animation-progress-dot{width:16px;height:16px;border-radius:50%;transition:all .4s ease;position:relative;z-index:2;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff80}.dot-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;animation:dotPulseRing 1.5s ease-out infinite}@keyframes dotPulseRing{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.animation-progress-dot.active{transform:scale(1.3);background:#ffffffe6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-color:#ffffff80;box-shadow:0 4px 16px #1a73e866,0 0 20px #1a73e833,inset 0 1px #ffffffb3;animation:dotPulse 1.5s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1.3)}50%{transform:scale(1.5)}}.progress-label{text-align:center;margin-top:12px;font-size:14px;font-weight:600;color:var(--text-secondary);animation:labelFade .5s ease;background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 16px;border-radius:12px;display:inline-block;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000000d,inset 0 1px #ffffff80}@keyframes labelFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.animation-progress-line{position:absolute;top:8px;left:0;right:0;height:4px;background:var(--border-subtle);border-radius:2px;overflow:hidden}.animation-progress-fill{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #1a73e84d;position:relative;overflow:hidden}.progress-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:progressShimmer 2s infinite}@keyframes progressShimmer{0%{left:-100%}to{left:100%}}.animation-arrow-container{display:flex;justify-content:center;gap:8px;margin-top:32px;height:32px;position:relative}.animation-arrow{font-size:24px;opacity:0;transform:translate(-20px);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative}.arrow-trail{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:2px;background:linear-gradient(90deg,transparent,currentColor);opacity:0}.animation-arrow.visible{opacity:1;transform:translate(0);animation:arrowSlide .6s ease}.animation-arrow.visible .arrow-trail{animation:arrowTrail 1s ease-in-out infinite}@keyframes arrowTrail{0%{transform:translate(-50%,-50%) translate(-20px);opacity:0}50%{opacity:.5}to{transform:translate(-50%,-50%) translate(20px);opacity:0}}@keyframes arrowSlide{0%{opacity:0;transform:translate(-20px) scale(.8)}50%{transform:translate(5px) scale(1.1)}to{opacity:1;transform:translate(0) scale(1)}}@media (max-width: 900px){.animation-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.animation-section-title{font-size:28px}}@media (max-width: 640px){.temp-mail-animation-section{padding:40px 0 60px}.animation-section-container{padding:0 16px}.animation-section-header{flex-direction:column;align-items:flex-start;margin-bottom:32px}.animation-header-content{flex-direction:column;align-items:flex-start;gap:16px}.animation-header-icon{width:56px;height:56px;font-size:24px}.animation-section-title{font-size:24px}.animation-section-subtitle{font-size:14px}.animation-steps-grid{grid-template-columns:minmax(0,1fr);gap:16px}.animation-step-card{padding:24px 20px}.step-connector{display:none}.animation-progress-bar{padding:0 10px}.floating-icon{font-size:32px}.active-badge{font-size:10px;padding:3px 8px;top:-6px;right:16px}}.api-docs-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.api-docs-modal{background:var(--bg-surface);border-radius:12px;box-shadow:0 8px 24px #0003;max-width:900px;width:100%;max-height:90vh;position:relative;overflow-y:auto;padding:24px}.api-docs-close{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:28px;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.api-docs-close:hover{background:var(--primary-soft);color:var(--primary);transform:rotate(90deg) scale(1.1)}.api-docs{color:var(--text-main)}.api-docs-header{margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--border-subtle)}.api-docs-header h1{font-size:28px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:12px}.api-version{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.api-description{font-size:16px;color:var(--text-secondary);margin-bottom:16px}.api-base-url{display:flex;align-items:center;gap:8px;padding:12px;background:var(--bg-main);border-radius:8px;font-size:14px}.api-base-url code{flex:1;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;color:var(--primary)}.api-copy-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.api-copy-btn:hover{background:var(--primary-soft);color:var(--primary);transform:scale(1.1)}.api-endpoints{margin-bottom:32px}.api-endpoints h2{font-size:22px;font-weight:600;margin-bottom:20px}.api-endpoint{margin-bottom:24px;padding:16px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-main);transition:all .3s ease}.api-endpoint:hover{background:var(--bg-surface);border-color:var(--primary);box-shadow:0 4px 12px #1a73e81a;transform:translateY(-2px)}.endpoint-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.endpoint-method{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;background:var(--primary);color:#fff}.endpoint-path{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;color:var(--text-main)}.endpoint-description{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.endpoint-example{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px}.endpoint-example code{flex:1;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;color:var(--primary);background:var(--bg-surface);padding:4px 8px;border-radius:4px}.endpoint-response{margin-top:12px}.endpoint-response pre{background:var(--bg-main);padding:12px;border-radius:6px;overflow-x:auto;font-size:12px;border:1px solid var(--border-subtle)}.api-usage{margin-bottom:32px}.api-usage h2{font-size:22px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.api-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:2px solid var(--border-subtle)}.api-tab{padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;margin-bottom:-2px}.api-tab:hover{color:var(--primary);background:var(--primary-soft);transform:translateY(-2px)}.api-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.api-code-block{border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;background:var(--bg-main)}.code-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);font-size:12px;font-weight:600;color:var(--text-secondary)}.api-code-block pre{margin:0;padding:16px;overflow-x:auto;font-size:13px;line-height:1.6}.api-code-block code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;color:var(--text-main)}.api-notes{margin-top:32px;padding-top:20px;border-top:2px solid var(--border-subtle)}.api-notes h2{font-size:22px;font-weight:600;margin-bottom:16px}.api-notes ul{list-style:disc;padding-left:24px;color:var(--text-secondary);line-height:1.8}.api-notes li{margin-bottom:8px}.api-docs-page{flex:1;overflow-y:auto;background:var(--bg-main);padding:20px}.api-docs-container{max-width:1000px;margin:0 auto;background:var(--bg-surface);border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.api-docs-back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;margin-bottom:24px;background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-main);cursor:pointer;font-size:14px;transition:all .2s}.api-docs-back-btn:hover{background:var(--primary-soft);color:var(--primary);border-color:var(--primary);transform:translate(-4px);box-shadow:0 2px 8px #1a73e833}.api-warning{display:flex;align-items:flex-start;gap:12px;padding:16px;margin-bottom:24px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404}.api-warning .anticon{font-size:20px;color:#ffc107;flex-shrink:0;margin-top:2px}.api-warning strong{display:block;margin-bottom:8px;font-size:14px}.api-warning p{margin:6px 0;font-size:13px;line-height:1.6}.api-warning code{display:block;margin:8px 0;padding:8px 12px;background:#0000000d;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:12px}.api-setup-instructions{margin-bottom:32px;padding:20px;background:var(--bg-main);border-radius:8px;border:1px solid var(--border-subtle)}.api-setup-instructions h2{font-size:20px;font-weight:600;margin-bottom:20px;color:var(--text-main)}.setup-steps{display:flex;flex-direction:column;gap:20px}.setup-step{padding:16px;background:var(--bg-surface);border-radius:8px;border-left:3px solid var(--primary);transition:all .3s ease}.setup-step:hover{transform:translate(4px);box-shadow:0 4px 12px #1a73e826;background:var(--primary-soft)}.setup-step strong{display:block;font-size:14px;color:var(--text-main);margin-bottom:8px}.setup-step p{font-size:13px;color:var(--text-secondary);margin:6px 0;line-height:1.6}.setup-step code{display:block;margin:8px 0;padding:8px 12px;background:var(--bg-main);border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:12px;color:var(--primary);border:1px solid var(--border-subtle)}.app-main{flex:1;display:grid;grid-template-columns:445px minmax(12px,100%) minmax(0,1fr);gap:5px;padding:8px;min-height:calc(100vh - 60px)}.sidebar{background:var(--bg-sidebar);border-radius:16px;padding:12px;border:1px solid #e0e0e0;display:flex;flex-direction:column;gap:16px;overflow:auto}.mailbox-card{background:var(--bg-surface);border-radius:16px;padding:16px;box-shadow:0 1px 2px #00000014;border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:0;transition:all .3s ease}.mailbox-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #1a73e833;border-color:var(--primary)}.card-title{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eceff1}.card-title h2{font-size:14px;font-weight:600}.mailbox-content{display:flex;flex-direction:column;gap:16px}.address-display{display:flex;flex-direction:column;gap:8px}.address-label{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.label-icon{font-size:16px}.label-text{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.address-value{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:#f8f9fa;border:1px solid #e0e0e0;flex-wrap:wrap}.email-address{font-size:13px;font-weight:500;color:var(--primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;word-break:break-all;flex:1;min-width:160px}.copy-btn{height:28px;padding:0 10px;font-size:12px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-main);display:inline-flex;align-items:center;gap:6px;cursor:pointer}.copy-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-soft);transform:scale(1.05);box-shadow:0 2px 8px #1a73e833}.copy-btn:disabled{color:var(--text-disabled);cursor:not-allowed}.mailbox-actions{display:flex}.mailbox-status{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;border-top:1px solid #eceff1;flex-wrap:wrap}.status-item{display:flex;align-items:center;gap:6px}.status-label{font-size:12px;color:var(--text-secondary)}.status-value{font-size:12px;font-weight:600;color:var(--primary)}.folders-nav{display:flex;flex-direction:column;gap:4px}.nav-heading{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:4px}.nav-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:16px;border:none;background:transparent;color:var(--text-main);font-size:13px;text-align:left;cursor:pointer}.nav-item span:first-child{width:20px}.nav-item:hover:not(:disabled){background:var(--primary-soft);color:var(--primary);transform:translate(4px);box-shadow:-2px 0 8px #1a73e826}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:500}.nav-item:disabled{color:var(--text-disabled);cursor:default}.inbox-section{background:var(--bg-surface);border:1px solid var(--border-subtle);display:flex;flex-direction:column;min-height:0;transition:all .3s ease}.inbox-section:hover{box-shadow:0 2px 8px #1a73e81a}.section-header{display:flex;flex-direction:column;gap:2px;padding:10px 16px;border-bottom:1px solid #eceff1;transition:all .3s ease}.section-header:hover{border-bottom-color:var(--primary);background:#e8f0fe4d}.section-header h2{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.header-icon{font-size:16px;color:var(--primary);transition:all .3s ease}.section-header:hover .header-icon{transform:scale(1.2) rotate(10deg);color:var(--primary-hover)}.inbox-hint{font-size:12px;color:var(--text-secondary)}.inbox-list{flex:1;overflow-y:auto;padding:4px 0}.inbox-list.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 16px;color:var(--text-secondary);font-size:13px;gap:16px}.empty-icon{font-size:48px;color:var(--text-disabled);opacity:.5;transition:all .3s ease}.inbox-list.empty:hover .empty-icon{transform:scale(1.1);opacity:.7;color:var(--primary)}.inbox-list.empty p{max-width:280px}.inbox-list.loading{display:flex;align-items:center;justify-content:center;padding:48px 16px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary)}.spinner-circle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--primary-soft);border:3px solid var(--primary);position:relative}.spinner-circle:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:var(--primary);animation:spin .8s linear infinite}.spinner-circle .anticon{font-size:20px;color:var(--primary);position:relative;z-index:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{font-size:13px;color:var(--text-secondary);margin:0}.message-card{padding:10px 16px;cursor:pointer;border-bottom:1px solid #f1f3f4;display:flex;flex-direction:column;gap:2px;transition:all .2s ease}.message-card:last-child{border-bottom:none}.message-card:hover{background:#f8fbff;transform:translate(4px);box-shadow:-2px 0 8px #1a73e826;border-left:3px solid var(--primary);padding-left:13px}.message-card.active{background:var(--primary-soft)}.message-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.message-subject-wrapper{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.message-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0;display:inline-block}.message-header .subject{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.message-header .meta{font-size:11px;color:var(--text-secondary);white-space:nowrap}.message-card .body{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:16px;min-width:0;display:flex;flex-direction:column;min-height:0;transition:all .3s ease}.detail-panel:hover{box-shadow:inset 0 0 0 1px var(--primary-soft)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:5px;border-bottom:1px solid #eceff1;transition:all .3s ease}.detail-header:hover{border-bottom-color:var(--primary)}.detail-header h3{font-size:16px;font-weight:600}.detail-meta{text-align:right;font-size:12px;color:var(--text-secondary)}.detail-meta p{margin:2px 0}.detail-body{margin-top:12px;padding:16px;border-radius:8px;background:#fff!important;border:1px solid #e0e0e0;font-size:14px;line-height:1.6;overflow:auto;color:#000!important;max-width:100%;isolation:isolate;contain:layout style paint;justify-content:center;align-items:center}.detail-body-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background:var(--bg-main)!important;border:1px dashed var(--border-subtle)!important;gap:16px}.detail-empty-icon{font-size:64px;color:var(--text-disabled);opacity:.5;transition:all .3s ease}.detail-body-empty:hover .detail-empty-icon{transform:scale(1.1) rotate(5deg);opacity:.7;color:var(--primary)}.detail-empty-message{color:var(--text-secondary);font-size:14px;text-align:center;margin:0}.detail-empty-title{color:var(--text-secondary);font-weight:400;font-style:italic}.detail-body.loading{display:flex;align-items:center;justify-content:center;min-height:200px;padding:48px 16px}.detail-body *{max-width:100%;box-sizing:border-box;text-align:center;justify-content:center}.detail-body,.detail-body *,.detail-body * *{background-color:transparent!important;background:transparent!important;color:#000!important;text-align:center!important;justify-content:center!important;align-items:center!important;margin:auto!important}.detail-body table,.detail-body div,.detail-body section,.detail-body td,.detail-body th,.detail-body p,.detail-body span,.detail-body h1,.detail-body h2,.detail-body h3,.detail-body h4,.detail-body h5,.detail-body h6{background-color:transparent!important;background:transparent!important;color:#000!important}.detail-body img{max-width:100%;height:auto}.detail-body table{max-width:100%;border-collapse:collapse}.detail-body a{color:#1a73e8!important;text-decoration:none;word-break:break-all}.detail-body a.verify-link-button{display:inline-block;padding:8px 16px!important;background-color:#0c0c0c!important;color:#fff!important;margin-top:10px!important;margin-bottom:10px!important;font-size:14px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .2s;word-break:normal}.detail-body a.verify-link-button:hover{background-color:#1765c1!important;color:#fff!important;text-decoration:none;margin-top:5px!important;margin-bottom:5px!important}.detail-body a:hover{text-decoration:underline}.detail-body button,.detail-body .button,.detail-body .btn{cursor:pointer;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;border:1px solid #ccc;text-decoration:none;display:inline-block;background-color:#f0f0f0!important;color:#000!important}.detail-body button:hover,.detail-body .button:hover,.detail-body .btn:hover{background-color:#e0e0e0!important}.detail-body p,.detail-body div,.detail-body span,.detail-body td,.detail-body th,.detail-body li,.detail-body label{color:#000!important}.label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}button{height:32px;padding:0 14px;font-size:13px;border-radius:16px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}button .anticon{font-size:14px;display:inline-flex;align-items:center}button:hover:not(:disabled){background:#f8fbff}button:disabled{color:var(--text-disabled);cursor:default}button.primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px 2px #00000029}button.primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #1a73e866}button.secondary{background:#f1f3f4;border-color:transparent;transition:all .2s ease}button.secondary:hover:not(:disabled){background:var(--primary-soft);color:var(--primary);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 8px #1a73e833}.login-btn:hover{background:var(--primary-soft);color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 8px #1a73e833}.user-btn{transition:all .2s ease}.user-btn:hover{background:var(--primary-soft);transform:scale(1.1);box-shadow:0 2px 8px #1a73e84d}button.link{border:none;background:transparent;color:var(--primary);padding:0;height:auto}button.link:hover:not(:disabled){background:transparent;text-decoration:underline}@media (max-width: 960px){.app-main{grid-template-columns:260px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"sidebar inbox" "sidebar detail"}.sidebar{grid-area:sidebar}.inbox-section{grid-area:inbox}.detail-panel{grid-area:detail;margin-top:4px}}@media (max-width: 720px){.topbar{flex-wrap:wrap;align-items:flex-start}.topbar-center{order:3;width:100%}.app-main{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"sidebar" "inbox" "detail"}.sidebar,.inbox-section,.detail-panel{max-height:40vh}}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:9998;pointer-events:auto;transition:clip-path .3s ease}.tutorial-tooltip{position:fixed;z-index:9999;background:var(--bg-surface);border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:320px;min-width:280px;padding:0;pointer-events:auto;animation:tutorialFadeIn .3s ease-out}@keyframes tutorialFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tutorial-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-subtle)}.tutorial-header h3{font-size:16px;font-weight:600;color:var(--text-main);margin:0}.tutorial-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.tutorial-close:hover{background:var(--primary-soft);color:var(--primary);transform:rotate(90deg) scale(1.1)}.tutorial-description{padding:16px;font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0}.tutorial-footer{padding:12px 16px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-progress{font-size:12px;color:var(--text-secondary);font-weight:500}.tutorial-actions{display:flex;gap:8px;align-items:center}.tutorial-btn{height:32px;padding:0 12px;font-size:13px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.tutorial-btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.tutorial-btn.primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #1a73e866}.tutorial-btn.secondary{background:var(--bg-surface);color:var(--text-main)}.tutorial-btn.secondary:hover{background:var(--primary-soft);color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 8px #1a73e833}.tutorial-btn .anticon{font-size:12px}body.tutorial-active [data-tutorial].tutorial-highlight{position:relative;z-index:10000!important;transition:all .3s;box-shadow:0 0 0 4px var(--primary-soft),0 0 0 8px #1a73e84d!important;border-radius:4px;animation:tutorialPulse 2s ease-in-out infinite}@keyframes tutorialPulse{0%,to{box-shadow:0 0 0 4px var(--primary-soft),0 0 0 8px #1a73e84d!important}50%{box-shadow:0 0 0 4px var(--primary-soft),0 0 0 12px #1a73e880!important}}.hover\:text-primary-hover:hover{--tw-text-opacity: 1;color:rgb(23 101 193 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:gap-\[0\.5rem\]{gap:.5rem}}