*,: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}.static{position:static}.absolute{position:absolute}.relative{position:relative}.\!sticky{position:sticky!important}.sticky{position:sticky}.left-2{left:.5rem}.top-1\/2{top:50%}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.min-w-0{min-width:0px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50%;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))}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-amber-500\/60{border-color:#f59e0b99}.border-rose-200{--tw-border-opacity: 1;border-color:rgb(254 205 211 / var(--tw-border-opacity, 1))}.border-sky-200{--tw-border-opacity: 1;border-color:rgb(186 230 253 / var(--tw-border-opacity, 1))}.border-stone-200{--tw-border-opacity: 1;border-color:rgb(231 229 228 / var(--tw-border-opacity, 1))}.border-stone-700{--tw-border-opacity: 1;border-color:rgb(68 64 60 / var(--tw-border-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-rose-50{--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))}.bg-sky-50{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.bg-stone-100{--tw-bg-opacity: 1;background-color:rgb(245 245 244 / var(--tw-bg-opacity, 1))}.bg-stone-50{--tw-bg-opacity: 1;background-color:rgb(250 250 249 / var(--tw-bg-opacity, 1))}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-7{padding-left:1.75rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[10px\]{font-size:10px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-400\/80{color:#fbbf24cc}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-rose-500{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.text-rose-700{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.text-sky-400{--tw-text-opacity: 1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}.text-sky-500{--tw-text-opacity: 1;color:rgb(14 165 233 / var(--tw-text-opacity, 1))}.text-sky-600{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity, 1))}.text-sky-700{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.text-stone-400{--tw-text-opacity: 1;color:rgb(168 162 158 / var(--tw-text-opacity, 1))}.text-stone-500{--tw-text-opacity: 1;color:rgb(120 113 108 / var(--tw-text-opacity, 1))}.text-stone-600{--tw-text-opacity: 1;color:rgb(87 83 78 / var(--tw-text-opacity, 1))}.text-teal-600{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.accent-amber-500{accent-color:#f59e0b}.opacity-0{opacity:0}.opacity-60{opacity:.6}.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}:root{color-scheme:light;--bg-base: #f8f9fb;--bg-surface: rgba(255, 255, 255, .72);--bg-elevated: rgba(255, 255, 255, .88);--bg-float: rgba(255, 255, 255, .94);--bg-hover: rgba(0, 0, 0, .024);--bg-glass: rgba(255, 255, 255, .6);--bg-card: #ffffff;--border: rgba(0, 0, 0, .06);--border-subtle: rgba(0, 0, 0, .035);--border-accent: rgba(0, 0, 0, .09);--text-primary: #1a1a2e;--text-secondary: #3d3d5c;--text-muted: #8e8ea0;--accent: #0071e3;--accent-glow: rgba(0, 113, 227, .07);--accent-dim: #0058b0;--pop-green: #30d158;--pop-orange: #ff9f0a;--pop-pink: #ff375f;--pop-blue: #5ac8fa;--pop-teal: #64d2ff;--pop-cyan: #00c7be;--tag-new-customer-bg: rgba(48, 209, 88, .07);--tag-new-customer-text: #248a3d;--tag-new-customer-border: rgba(48, 209, 88, .2);--tag-existing-customer-bg: rgba(90, 200, 250, .08);--tag-existing-customer-text: #0077b6;--tag-existing-customer-border: rgba(90, 200, 250, .22);--tag-exchange-bg: rgba(255, 159, 10, .07);--tag-exchange-text: #c77800;--tag-exchange-border: rgba(255, 159, 10, .2);--tag-problem-bg: rgba(255, 55, 95, .06);--tag-problem-text: #d70015;--tag-problem-border: rgba(255, 55, 95, .18);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 22px;--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.02);--shadow-md: 0 4px 16px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.03);--shadow-lg: 0 12px 40px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.04);--shadow-glow: 0 0 20px rgba(0, 113, 227, .08)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;background:var(--bg-base);color:var(--text-primary);font-family:-apple-system,SF Pro Display,SF Pro Text,BlinkMacSystemFont,Inter,system-ui,sans-serif;font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(160deg,#f0f4ff,#f8f9fb 40%,#f0fdf4,#fef9ec);padding:24px;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-40%;right:-20%;width:80%;height:80%;background:radial-gradient(ellipse,rgba(0,113,227,.04) 0%,transparent 70%);pointer-events:none}.login-page:after{content:"";position:absolute;bottom:-30%;left:-10%;width:60%;height:60%;background:radial-gradient(ellipse,rgba(48,209,88,.04) 0%,transparent 70%);pointer-events:none}.login-card{width:100%;max-width:380px;background:#ffffffd9;-webkit-backdrop-filter:blur(40px) saturate(1.6);backdrop-filter:blur(40px) saturate(1.6);border-radius:24px;padding:44px 36px;box-shadow:0 16px 48px #0000000f,0 2px 6px #00000008,inset 0 0 0 1px #fffc;border:1px solid rgba(0,0,0,.04);position:relative;z-index:1}.login-logo{text-align:center;margin-bottom:36px;display:flex;flex-direction:column;align-items:center;gap:10px}.login-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.03em}.login-subtitle{font-size:13px;color:var(--text-muted);margin:0}.login-form{display:flex;flex-direction:column;gap:14px}.login-field{position:relative;display:flex;align-items:center}.login-field-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.login-field input{width:100%;padding:13px 14px 13px 40px;border:1px solid rgba(0,0,0,.06);border-radius:12px;font-size:14px;background:#ffffffb3;transition:all .2s ease;outline:none;color:var(--text-primary)}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0071e314,var(--shadow-sm);background:#fff}.login-error{font-size:12px;color:var(--pop-pink);margin:0;padding:4px 0}.login-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px;transition:all .2s ease;box-shadow:0 2px 8px #0071e333}.login-btn:hover{background:var(--accent-dim);box-shadow:0 4px 16px #0071e340;transform:translateY(-1px)}.login-btn:active{transform:translateY(0) scale(.98)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-switch{text-align:center;font-size:13px;color:var(--text-muted);margin-top:24px}.login-switch button{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;font-size:13px}.login-switch button:hover{text-decoration:underline}.login-guide-link{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:16px;padding:11px;background:none;border:1px solid var(--border);border-radius:12px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.login-guide-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0000002e}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-base)}.motd-banner{display:flex;align-items:center;gap:12px;padding:10px 20px;background:#ffffffb3;-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--border);min-height:42px;position:relative;z-index:10}.motd-line{width:3px;height:18px;background:linear-gradient(to bottom,var(--accent),var(--pop-teal));border-radius:2px;flex-shrink:0}.motd-text{font-size:12px;color:var(--text-secondary);font-style:italic;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.motd-input{flex:1;background:#00000006;border:1px solid var(--border-accent);border-radius:var(--radius-sm);padding:5px 10px;color:var(--text-primary);font-size:12px;outline:none;font-style:italic;transition:all .2s}.motd-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.motd-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.motd-btn-edit{background:transparent;color:var(--text-muted)}.motd-btn-edit:hover{background:var(--bg-hover);color:var(--text-secondary)}.motd-btn-confirm{background:#30d1581a;color:#248a3d}.motd-btn-cancel{background:transparent;color:var(--text-muted)}.main-layout{display:flex;flex:1;overflow:hidden;background:var(--bg-base)}.left-sidebar{width:224px;min-width:224px;background:#ffffff8c;-webkit-backdrop-filter:blur(40px) saturate(1.8);backdrop-filter:blur(40px) saturate(1.8);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;padding:16px 12px 0;gap:4px}.sidebar-scroll-area{flex:1;overflow-y:auto;min-height:0}.sidebar-bottom{display:flex;flex-direction:column;gap:4px;padding:8px 0 12px;border-top:1px solid var(--border-subtle);margin-top:4px;flex-shrink:0}.sidebar-menu-wrap{position:relative}.sidebar-dots-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:8px 0;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .2s}.sidebar-dots-btn:hover{background:var(--bg-hover);border-color:var(--border-accent);color:var(--text-secondary)}.sidebar-menu-popup{position:absolute;bottom:calc(100% + 6px);left:0;right:0;background:#ffffffeb;-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);border:1px solid var(--border-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:200;animation:menuSlide .15s ease}@keyframes menuSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sidebar-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;text-align:left;transition:all .12s}.sidebar-menu-item:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.sidebar-menu-item:disabled{opacity:.45;cursor:not-allowed}.sidebar-menu-divider{height:1px;background:var(--border-subtle);margin:2px 0}.logo-area{display:flex;align-items:center;gap:10px;padding:4px 4px 16px;border-bottom:1px solid var(--border-subtle);margin-bottom:12px}.logo-mark{width:36px;height:36px;border-radius:10px;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.logo-mark img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}.logo-name{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.04em}.logo-sub{font-size:9px;color:var(--text-muted);letter-spacing:.06em;font-weight:500;text-transform:uppercase}.sidebar-spacer{flex:1;min-height:8px}.accounts-panel{margin-bottom:8px}.panel-header{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:0 4px 8px;border-bottom:1px solid var(--border-subtle);margin-bottom:8px}.panel-add-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;transition:all .2s}.panel-add-btn:hover{color:var(--accent)}.account-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.account-row:hover{background:var(--bg-hover)}.account-row-active{background:var(--accent-glow);border-color:#0071e31f;box-shadow:0 0 0 1px #0071e30d}.account-avatar{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#0071e314,#5ac8fa14);border:1px solid rgba(0,113,227,.12);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--accent);flex-shrink:0}.account-name{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-primary-badge{display:inline-block;margin-left:6px;padding:1px 6px;font-size:8px;font-weight:700;letter-spacing:.5px;color:var(--accent);background:var(--accent-glow);border-radius:4px;vertical-align:middle}.account-email{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-action-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:3px;border-radius:5px;display:flex;align-items:center;transition:all .2s;opacity:0}.account-row:hover .account-action-btn{opacity:1}.account-action-btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.account-action-remove:hover{color:var(--pop-pink)!important}.add-account-btn{display:flex;align-items:center;gap:6px;width:100%;padding:8px;background:transparent;border:1px dashed var(--border-accent);border-radius:var(--radius-md);color:var(--text-muted);font-size:11px;cursor:pointer;transition:all .2s;margin-top:6px}.add-account-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.token-edit-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-top:4px;margin-bottom:4px}.token-edit-label{font-size:11px;color:var(--text-muted);margin-bottom:6px;font-weight:500}.token-edit-input{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:11px;color:var(--text-primary);font-family:SF Mono,ui-monospace,monospace;resize:none;outline:none;box-sizing:border-box;transition:border-color .2s}.token-edit-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.token-edit-actions{display:flex;gap:6px;margin-top:8px;justify-content:flex-end}.token-edit-cancel{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s}.token-edit-cancel:hover{color:var(--text-secondary);background:var(--bg-hover)}.token-edit-save{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;border-radius:6px;border:none;background:var(--accent);color:#fff;cursor:pointer;font-weight:600;transition:all .15s}.token-edit-save:disabled{opacity:.5;cursor:not-allowed}.token-edit-save:not(:disabled):hover{background:var(--accent-dim)}.connect-modal{background:var(--bg-float);border:1px solid var(--border-accent);border-radius:var(--radius-md);padding:12px;margin-top:6px;box-shadow:var(--shadow-md)}.connect-modal-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.connect-modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center}.connect-modal-close:hover{color:var(--text-secondary)}.connect-modal-hint{font-size:11px;color:var(--text-muted);line-height:1.5;margin-bottom:8px}.connect-modal-warn{display:flex;gap:6px;align-items:flex-start;font-size:10px;color:#c77800;background:#ff9f0a0f;border:1px solid rgba(255,159,10,.15);border-radius:8px;padding:7px 9px;line-height:1.5;margin-bottom:4px}.connect-label{display:block;font-size:10px;color:var(--text-muted);margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.sync-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#00000005;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;width:100%;margin-top:8px}.sync-btn:hover:not(:disabled){background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.sync-btn:disabled{opacity:.5;cursor:not-allowed}.settings-warn-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#ff9f0a0a;border:1px solid rgba(255,159,10,.15);border-radius:var(--radius-md);color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all .2s;width:100%;margin-top:6px}.settings-warn-btn:hover{background:#ff9f0a14}.settings-ok-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#30d1580a;border:1px solid rgba(48,209,88,.15);border-radius:var(--radius-md);color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all .2s;width:100%;margin-top:6px}.settings-ok-btn:hover{background:#30d15814}.key-input-area{padding:8px;background:#00000004;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);margin-top:4px}.email-column{width:340px;min-width:300px;display:flex;flex-direction:column;border-right:1px solid var(--border);background:#ffffff8c;-webkit-backdrop-filter:blur(40px) saturate(1.8);backdrop-filter:blur(40px) saturate(1.8);overflow:hidden}.email-column-header{padding:20px 16px 14px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.inbox-title{font-size:26px;font-weight:700;letter-spacing:-.035em;color:var(--text-primary);margin:0 0 2px;line-height:1.1}.inbox-meta{font-size:11px;color:var(--text-muted);font-weight:400}.email-list-panel{display:flex;flex-direction:column;flex:1;overflow:hidden;background:var(--bg-base)}.email-search{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.email-search-input{flex:1;background:#fffc;border:1px solid var(--border);border-radius:999px;outline:none;color:var(--text-primary);font-size:12px;padding:8px 16px;transition:all .2s ease}.email-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#fff}.email-search-input::-moz-placeholder{color:var(--text-muted)}.email-search-input::placeholder{color:var(--text-muted)}.suggest-delete-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#ff375f0d;border:1px solid rgba(255,55,95,.15);border-radius:var(--radius-md);color:var(--pop-pink);font-size:10px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.suggest-delete-btn:hover{background:#ff375f1a;border-color:#ff375f4d}.suggest-delete-btn:disabled{opacity:.5;cursor:not-allowed}.hide-delete-toggle{width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:#fffc;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.hide-delete-toggle:hover{background:var(--bg-hover);color:var(--text-secondary)}.filter-tabs{display:flex;gap:2px;padding:8px 12px;border-bottom:1px solid var(--border-subtle);flex-shrink:0;overflow-x:auto}.filter-tab{padding:5px 12px;background:transparent;border:1px solid transparent;border-radius:20px;font-size:11px;font-weight:500;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .2s}.filter-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.filter-tab-active{background:var(--accent-glow)!important;border-color:#0071e326!important;color:var(--accent)!important;font-weight:600}.filter-tab-delete{color:var(--pop-pink);border-color:#ff375f1f}.filter-tab-delete:hover{background:#ff375f0d!important;color:var(--pop-pink)}.filter-tab-delete-active{background:#ff375f0f!important;border-color:#ff375f33!important;color:var(--pop-pink)!important}.delete-count-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--pop-pink);color:#fff;font-size:9px;font-weight:700;border-radius:9px;padding:1px 5px;margin-left:3px;line-height:1.4}.email-items{flex:1;overflow-y:auto;padding:4px 0}.email-loading,.email-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 16px;color:var(--text-muted);font-size:12px}.loading-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.email-item{padding:11px 14px;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:all .15s ease;position:relative}.email-item:hover{background:#0071e305}.email-item-active{background:#0071e30a!important;border-left:3px solid var(--accent)}.email-item-delete-suggested{border-left:3px solid var(--pop-pink);background:#ff375f04}.email-item-delete-suggested:hover{background:#ff375f08}.delete-suggest-badge{display:inline-flex;align-items:center;gap:4px;background:var(--pop-pink);color:#fff;font-size:9px;font-weight:700;padding:3px 8px;border-radius:6px;border:none;cursor:pointer;letter-spacing:.03em;flex-shrink:0;transition:all .15s;animation:deletePulse 2s ease-in-out infinite}.delete-suggest-badge:hover{background:#e3002c;transform:scale(1.05)}@keyframes deletePulse{0%,to{box-shadow:0 0 #ff375f4d}50%{box-shadow:0 0 0 5px #ff375f00}}.email-item-unread .email-from{font-weight:700;color:var(--text-primary)}.email-item-unread .email-subject{color:var(--text-primary);font-weight:600}.email-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}.email-from{font-size:13px;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:5px}.email-from-pref{flex-shrink:0;color:var(--text-muted);opacity:.7}.email-date{font-size:10px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.email-subject{font-size:12px;color:var(--text-secondary);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.email-snippet{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.email-tag{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:500;padding:2px 8px;border-radius:10px;letter-spacing:0;position:relative}.tag-customer,.tag-new-customer{background:var(--tag-new-customer-bg);color:var(--tag-new-customer-text);border:1px solid var(--tag-new-customer-border)}.tag-new-customer-onetime{background:#5ac8fa14;color:#0077b6;border:1px solid rgba(90,200,250,.22)}.tag-existing-customer{background:var(--tag-existing-customer-bg);color:var(--tag-existing-customer-text);border:1px solid var(--tag-existing-customer-border)}.tag-exchange{background:var(--tag-exchange-bg);color:var(--tag-exchange-text);border:1px solid var(--tag-exchange-border)}.tag-problem{background:var(--tag-problem-bg);color:var(--tag-problem-text);border:1px solid var(--tag-problem-border)}.tag-none{display:none}.tag-pending{opacity:.7}.tag-confirmed{opacity:1}.tag-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.detail-column{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}.detail-close-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.detail-close-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted);transform:scale(1.05)}.email-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);background:#fff}.empty-inbox-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#0071e30a,#5ac8fa0a);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.empty-inbox-text{font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--text-secondary)}.empty-inbox-sub{font-size:12px;color:var(--text-muted)}.email-detail{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:#fff}.detail-header{padding:24px 28px 20px;border-bottom:1px solid var(--border);background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-shrink:0}.detail-meta{display:flex;align-items:center;gap:14px;margin-bottom:16px}.detail-from-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#0071e314,#5ac8fa1a);border:1.5px solid rgba(0,113,227,.12);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:600;color:var(--accent);flex-shrink:0}.detail-from-name{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.025em;line-height:1.2}.detail-from-email{font-size:12px;color:var(--text-muted);margin-top:1px}.detail-date{font-size:11px;color:var(--text-muted);margin-left:auto;white-space:nowrap}.detail-subject{font-size:17px;font-weight:600;letter-spacing:-.015em;color:var(--text-secondary);margin:0 0 12px;line-height:1.35}.ai-summary-bar{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#0071e308,#5ac8fa08);border:1px solid rgba(0,113,227,.1);border-radius:var(--radius-md);font-size:12px;color:var(--text-secondary);margin-bottom:10px;line-height:1.5}.customer-detect-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#30d15808;border:1px solid rgba(48,209,88,.1);border-radius:var(--radius-md);font-size:12px;color:var(--text-secondary);margin-bottom:10px}.tag-section{display:flex;flex-direction:column;gap:8px}.confirmed-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:5px 12px;border-radius:20px;width:-moz-fit-content;width:fit-content}.pending-tag-prompt{padding:12px 14px;background:#00000004;border:1px solid var(--border-accent);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px}.pending-tag-ai{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.pending-tag-actions{display:flex;gap:6px}.btn-confirm-tag{display:flex;align-items:center;gap:4px;padding:5px 12px;background:#30d1580f;border:1px solid rgba(48,209,88,.2);border-radius:8px;color:#248a3d;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s}.btn-confirm-tag:hover{background:#30d1581f}.btn-change-tag{padding:5px 12px;background:#00000005;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all .2s}.btn-change-tag:hover{border-color:var(--accent);color:var(--accent)}.btn-dismiss-tag{padding:5px 12px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-muted);font-size:11px;cursor:pointer;transition:all .2s}.btn-dismiss-tag:hover{color:var(--text-secondary)}.btn-tag-manual{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;background:transparent;border:1px dashed var(--border-accent);border-radius:20px;color:var(--text-muted);font-size:11px;cursor:pointer;transition:all .2s;width:-moz-fit-content;width:fit-content}.btn-tag-manual:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.tag-picker{display:flex;flex-wrap:wrap;gap:6px}.tag-option{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:500;cursor:pointer;border:none;transition:all .15s}.tag-option:hover{filter:brightness(.92)}.tag-option-cancel{display:flex;align-items:center;gap:4px;padding:5px 12px;background:transparent;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);font-size:11px;cursor:pointer}.detail-body{flex:1;overflow-y:auto;padding:28px;background:#fff}.email-iframe{width:100%;min-height:600px;height:100%;border:none;background:#fff;border-radius:4px}.email-body-html{font-size:15px;line-height:1.7;color:var(--text-primary);word-break:break-word}.email-body-html a{color:var(--accent)}.email-body-html img{max-width:100%;height:auto;border-radius:6px}.email-body-html table{max-width:100%;border-collapse:collapse}.email-body-html h1,.email-body-html h2,.email-body-html h3{color:var(--text-primary);margin:16px 0 8px;font-weight:700}.email-body-html p{margin:8px 0}.email-body-html blockquote{border-left:3px solid var(--accent);padding-left:14px;margin:12px 0;color:var(--text-muted)}.email-body-text{font-size:15px;line-height:1.7;color:var(--text-primary);white-space:pre-wrap;font-family:-apple-system,SF Pro Text,SF Pro Display,BlinkMacSystemFont,system-ui,sans-serif}.right-area{display:flex;flex-shrink:0}.right-nav{width:48px;background:#ffffff8c;-webkit-backdrop-filter:blur(40px) saturate(1.5);backdrop-filter:blur(40px) saturate(1.5);border-left:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:4px}.right-nav-btn{width:34px;height:34px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.right-nav-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.right-nav-btn-active{background:var(--accent-glow)!important;color:var(--accent)!important}.right-panel{width:300px;background:#ffffff8c;-webkit-backdrop-filter:blur(40px) saturate(1.5);backdrop-filter:blur(40px) saturate(1.5);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.side-panel{flex:1;overflow-y:auto;padding:14px 12px}.ai-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.ai-chat{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.ai-welcome{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 8px}.ai-welcome-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#0071e314,#5ac8fa14);border:1px solid rgba(0,113,227,.12);display:flex;align-items:center;justify-content:center}.ai-welcome-text{font-size:12px;color:var(--text-secondary);text-align:center}.ai-suggestions{display:flex;flex-direction:column;gap:4px;width:100%}.ai-suggestion{padding:8px 11px;background:#00000004;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;text-align:left;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.ai-suggestion:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.ai-exchange{display:flex;flex-direction:column;gap:6px}.ai-question{display:flex;justify-content:flex-end}.ai-question-bubble{padding:9px 14px;background:var(--accent);border-radius:16px 16px 4px;font-size:12px;color:#fff;max-width:90%;box-shadow:0 2px 8px #0071e326}.ai-answer{display:flex;gap:6px;align-items:flex-start}.ai-answer-icon{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#0071e314,#5ac8fa0f);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.ai-answer-bubble{padding:9px 13px;background:#00000005;border:1px solid var(--border);border-radius:4px 16px 16px;font-size:12px;color:var(--text-secondary);line-height:1.6;flex:1;white-space:pre-wrap}.ai-loading{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.ai-input-row{display:flex;gap:6px;padding:10px 12px;border-top:1px solid var(--border-subtle);flex-shrink:0}.ai-input{flex:1;padding:10px 14px;background:#fffc;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:12px;outline:none;transition:all .2s}.ai-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.ai-input::-moz-placeholder{color:var(--text-muted)}.ai-input::placeholder{color:var(--text-muted)}.ai-send-btn{width:36px;height:36px;border-radius:var(--radius-md);background:var(--accent);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;box-shadow:0 2px 8px #0071e333}.ai-send-btn:hover:not(:disabled){background:var(--accent-dim);transform:translateY(-1px);box-shadow:0 4px 12px #0071e340}.ai-send-btn:disabled{opacity:.4;cursor:not-allowed}.contact-row,.customer-row{border:1px solid transparent;border-radius:var(--radius-md);transition:all .2s;cursor:pointer}.contact-row{padding:8px}.contact-row:hover,.customer-row:hover{background:var(--bg-hover);border-color:var(--border-subtle)}.contact-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#0071e30f,#5ac8fa14);border:1px solid rgba(0,113,227,.1);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--accent);flex-shrink:0}.contact-avatar-cleaner{background:linear-gradient(135deg,#64748b0f,#64748b14)!important;border-color:#64748b26!important;color:#475569!important}.contact-name{font-size:12px;font-weight:600;color:var(--text-primary)}.contact-role{font-size:10px;color:var(--text-muted)}.contact-details{padding:8px 0 4px 36px;display:flex;flex-direction:column;gap:4px}.contact-detail-row{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.contact-notes{font-size:11px;color:var(--text-muted);background:#00000004;padding:4px 8px;border-radius:6px;line-height:1.5}.customer-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#30d1580f,#00c7be0f);border:1px solid rgba(48,209,88,.12);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#248a3d;flex-shrink:0}.customer-name{font-size:12px;font-weight:600;color:var(--text-primary)}.customer-email{font-size:10px;color:var(--text-muted)}.customer-notes{font-size:11px;color:var(--text-muted);margin-top:2px}.customer-type-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:5px;font-size:8px;font-weight:700;letter-spacing:.06em}.customer-badge-new{background:var(--tag-new-customer-bg);color:var(--tag-new-customer-text);border:1px solid var(--tag-new-customer-border)}.customer-badge-existing{background:var(--tag-existing-customer-bg);color:var(--tag-existing-customer-text);border:1px solid var(--tag-existing-customer-border)}.contact-pref-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:5px;font-size:8px;font-weight:500;background:#ff9f0a0d;color:#c77800;border:1px solid rgba(255,159,10,.15)}.scan-prefs-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:var(--accent-glow);border:1px solid rgba(0,113,227,.12);border-radius:var(--radius-md);color:var(--accent);font-size:10px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.scan-prefs-btn:hover{background:#0071e31a}.scan-prefs-btn:disabled{opacity:.5;cursor:not-allowed}.codebook-category-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.codebook-entry{padding:10px 12px;background:#ffffffb3;border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .2s}.codebook-entry:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.codebook-title{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.codebook-content{font-size:11px;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap}.codebook-hidden{font-size:13px;color:var(--text-muted);letter-spacing:4px}.add-form{background:#ffffffb3;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;margin-bottom:12px;display:flex;flex-direction:column;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-field{width:100%;padding:8px 12px;background:#ffffffe6;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;outline:none;transition:all .2s;font-family:inherit}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-field::-moz-placeholder{color:var(--text-muted)}.input-field::placeholder{color:var(--text-muted)}select.input-field option{background:#fff}.btn-primary{padding:8px 18px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0071e326}.btn-primary:hover{background:var(--accent-dim);transform:translateY(-1px);box-shadow:0 4px 12px #0071e333}.btn-ghost{padding:8px 16px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .2s}.btn-ghost:hover{border-color:var(--border-accent);color:var(--text-secondary)}.btn-sm-primary{padding:4px 10px;background:var(--accent-glow);border:1px solid rgba(0,113,227,.15);border-radius:6px;color:var(--accent);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-sm-primary:hover{background:#0071e31f}.toast-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:var(--radius-md);font-size:12px;z-index:400;box-shadow:var(--shadow-lg);animation:slideUp .3s ease;max-width:520px;width:-moz-max-content;width:max-content;-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5)}.toast-sticky{bottom:24px}.toast-info{background:#ffffffeb;border:1px solid var(--border);color:var(--text-primary)}.toast-error{background:#ff375f0d;border:1px solid rgba(255,55,95,.2);color:#d70015}.toast-log-btn{font-size:11px;background:#0000000a;border:1px solid var(--border);border-radius:6px;color:inherit;cursor:pointer;padding:3px 8px;white-space:nowrap;transition:all .15s}.toast-log-btn:hover{background:#00000012}.sync-log-panel{position:fixed;bottom:70px;left:50%;transform:translate(-50%);width:520px;max-width:90vw;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;z-index:399;font-family:SF Mono,ui-monospace,monospace;font-size:11px;max-height:220px;overflow-y:auto;box-shadow:var(--shadow-lg)}.sync-log-line{color:var(--text-secondary);padding:2px 0;line-height:1.6}.sync-log-error{color:#d70015}@keyframes slideUp{0%{transform:translate(-50%) translateY(12px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:#fffffff2;-webkit-backdrop-filter:blur(40px) saturate(1.5);backdrop-filter:blur(40px) saturate(1.5);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:32px;width:460px;max-width:92vw;box-shadow:0 32px 80px #0000001a,0 0 0 1px #00000008;animation:scaleIn .25s ease;display:flex;flex-direction:column;gap:20px}@keyframes scaleIn{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:flex-start;gap:12px}.modal-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#0071e314,#5ac8fa0f);border:1px solid rgba(0,113,227,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 2px;letter-spacing:-.02em}.modal-sub{font-size:12px;color:var(--text-muted);margin:0}.modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;margin-left:auto;transition:all .15s}.modal-close:hover{color:var(--text-secondary);background:var(--bg-hover)}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;background:#fffc;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.oauth-btn:hover{border-color:var(--border-accent);background:#fff;box-shadow:var(--shadow-sm)}.oauth-waiting{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ff9f0a0d;border:1px solid rgba(255,159,10,.15);border-radius:var(--radius-md);font-size:12px;color:var(--text-secondary)}.modal-divider{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:11px}.modal-divider:before,.modal-divider:after{content:"";flex:1;height:1px;background:var(--border)}.modal-field-hint{font-size:10px;color:var(--text-muted);margin-top:4px;line-height:1.5}.modal-error{font-size:12px;color:#d70015;background:#ff375f0a;border:1px solid rgba(255,55,95,.12);border-radius:8px;padding:8px 11px}.modal-actions{display:flex;gap:10px}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#f8f9fbe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:100}.welcome-card{background:#ffffffeb;-webkit-backdrop-filter:blur(40px) saturate(1.5);backdrop-filter:blur(40px) saturate(1.5);border:1px solid rgba(255,255,255,.8);border-radius:28px;padding:48px;max-width:480px;width:90%;text-align:center;box-shadow:0 24px 64px #0000000f,0 0 0 1px #00000008}.welcome-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,var(--accent),var(--pop-teal));display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px #0071e333}.welcome-title{font-size:30px;font-weight:700;letter-spacing:-.035em;color:var(--text-primary);margin:0 0 8px}.welcome-sub{font-size:13px;color:var(--text-muted);margin:0 0 16px}.welcome-desc{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:24px}.welcome-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;text-align:left}.welcome-step{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:var(--text-secondary)}.step-num{width:22px;height:22px;border-radius:50%;background:var(--accent-glow);border:1px solid rgba(0,113,227,.12);color:var(--accent);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.welcome-cta{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:14px;background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #0071e333}.welcome-cta:hover{background:var(--accent-dim);transform:translateY(-1px);box-shadow:0 6px 20px #0071e340}.ai-answer-blocks{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.ai-block-text{font-size:12px;color:var(--text-secondary);line-height:1.6;margin:0}.ai-block-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;border:none;transition:all .2s;width:-moz-fit-content;width:fit-content}.ai-block-btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #0071e333}.ai-block-btn-primary:hover{opacity:.85;transform:translateY(-1px)}.ai-block-btn-secondary{background:#00000008;border:1px solid var(--border);color:var(--text-secondary)}.ai-block-btn-secondary:hover{background:#0000000d;border-color:var(--border-accent)}.ai-block-btn-danger{background:#ff375f0f;border:1px solid rgba(255,55,95,.15);color:var(--pop-pink)}.ai-block-btn-danger:hover{background:#ff375f1f}.ai-block-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffffb3;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.ai-block-card:hover{background:#fff;border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.ai-block-card-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#0071e314,#5ac8fa0f);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.ai-block-card-body{flex:1;min-width:0}.ai-block-card-title{font-size:12px;font-weight:600;color:var(--text-primary)}.ai-block-card-desc{font-size:11px;color:var(--text-muted);margin-top:1px}.ai-block-card-arrow{color:var(--text-muted);flex-shrink:0}.ai-block-stat{display:flex;flex-direction:column;padding:10px 14px;background:#ffffffb3;border:1px solid var(--border);border-radius:var(--radius-md)}.ai-block-stat-value{display:flex;align-items:center;gap:6px;font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.ai-block-stat-label{font-size:10px;color:var(--text-muted);font-weight:500;margin-top:2px}.ai-block-list{padding:8px 12px;background:#ffffffb3;border:1px solid var(--border);border-radius:var(--radius-md)}.ai-block-list-title{font-size:11px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.ai-block-list ul{margin:0;padding-left:16px}.ai-block-list li{font-size:11px;color:var(--text-secondary);line-height:1.7}.ai-block-alert{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:500}.ai-block-alert-info{background:#5ac8fa0f;color:#0077b6;border:1px solid rgba(90,200,250,.15)}.ai-block-alert-warning{background:#ff9f0a0d;color:#c77800;border:1px solid rgba(255,159,10,.12)}.ai-block-alert-success{background:#30d1580d;color:#248a3d;border:1px solid rgba(48,209,88,.12)}.ai-block-progress{padding:8px 12px;background:#ffffffb3;border:1px solid var(--border);border-radius:var(--radius-sm)}.ai-block-progress-header{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted);margin-bottom:6px}.ai-block-progress-bar{height:6px;border-radius:3px;background:#0000000d;overflow:hidden}.ai-block-progress-bar>div{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--pop-teal));transition:width .4s ease}.ai-memory-badge{display:inline-flex;align-items:center;gap:3px;margin-left:auto;padding:2px 7px;border-radius:8px;background:var(--accent-glow);border:1px solid rgba(0,113,227,.1);color:var(--accent);font-size:9px;font-weight:600}.drafts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;flex-direction:column;animation:fadeIn .2s ease;overflow:hidden}.drafts-overlay-inner{flex:1;padding:32px 48px;overflow-y:auto}.drafts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.drafts-title{font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;margin:0}.drafts-subtitle{font-size:13px;color:var(--text-muted);margin:4px 0 0}.drafts-close{width:40px;height:40px;border-radius:50%;background:#00000008;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s}.drafts-close:hover{background:#0000000f;color:var(--text-primary)}.drafts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.draft-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:10px;transition:all .2s;box-shadow:var(--shadow-sm)}.draft-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-accent);transform:translateY(-2px)}.draft-card-header{display:flex;align-items:center;justify-content:space-between}.draft-card-tone{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:12px;background:var(--accent-glow);color:var(--accent)}.draft-copy-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;background:#00000005;border:1px solid var(--border);font-size:10px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s}.draft-copy-btn:hover{background:#0000000a;color:var(--text-secondary)}.draft-card-to{font-size:11px;color:var(--text-muted)}.draft-card-subject{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.draft-card-body{font-size:12px;color:var(--text-secondary);line-height:1.7;white-space:pre-wrap;max-height:200px;overflow-y:auto;padding-right:4px}.draft-card-actions{display:flex;gap:4px}.draft-card-footer{margin-top:8px;padding-top:12px;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end}.draft-send-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:20px;background:var(--accent);border:none;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0071e333}.draft-send-btn:hover{background:var(--accent-dim);transform:translateY(-1px);box-shadow:0 4px 12px #0071e340}.draft-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.draft-sent-badge{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;background:#30d1580f;border:1px solid rgba(48,209,88,.15);color:#248a3d;font-size:12px;font-weight:600}.draft-card-sent{opacity:.7;border-color:#30d15840}.sidebar-tool-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:var(--radius-sm);background:#00000004;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:4px}.sidebar-tool-btn:hover{background:#00000008;border-color:var(--border-accent);color:var(--text-primary)}.invoice-scan-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:20px;background:var(--accent);border:none;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0071e326}.invoice-scan-btn:hover{background:var(--accent-dim);transform:translateY(-1px)}.invoice-scan-btn:disabled{opacity:.6;cursor:not-allowed}.invoice-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.invoice-stat-card{display:flex;align-items:center;gap:14px;padding:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .2s}.invoice-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.invoice-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.invoice-stat-icon-green{background:#30d15814;color:#248a3d}.invoice-stat-icon-blue{background:#5ac8fa14;color:#0077b6}.invoice-stat-icon-amber{background:#ff9f0a14;color:#c77800}.invoice-stat-icon-rose{background:#ff375f0f;color:#d70015}.invoice-stat-value{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.invoice-stat-label{font-size:11px;color:var(--text-muted);font-weight:500;margin-top:2px}.invoice-section{margin-bottom:28px}.invoice-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.invoice-table{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:#fff}.invoice-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border-subtle);font-size:12px;transition:background .1s}.invoice-row:last-child{border-bottom:none}.invoice-row:hover{background:#0071e305}.invoice-row-vendor{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);min-width:140px;flex-shrink:0}.invoice-vendor-dot{width:8px;height:8px;border-radius:50%;background:var(--border-accent);flex-shrink:0}.invoice-vendor-dot-sub{background:var(--pop-green)}.invoice-row-desc{flex:1;color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-row-date{color:var(--text-muted);min-width:80px;flex-shrink:0}.invoice-row-amount{font-weight:700;color:var(--text-primary);min-width:90px;text-align:right;flex-shrink:0}.invoice-row-status{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:10px;min-width:60px;text-align:center;flex-shrink:0}.invoice-status-paid{background:#30d15814;color:#248a3d}.invoice-status-pending{background:#ff9f0a0f;color:#c77800}.invoice-status-unknown{background:#00000008;color:var(--text-muted)}.invoice-vendors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.invoice-vendor-card{padding:14px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s}.invoice-vendor-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.invoice-vendor-name{font-size:12px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.invoice-sub-badge{font-size:8px;font-weight:700;padding:1px 5px;border-radius:4px;background:#30d15814;color:#248a3d}.invoice-vendor-total{font-size:18px;font-weight:700;color:var(--text-primary);margin-top:4px}.invoice-vendor-count{font-size:10px;color:var(--text-muted)}.lead-stats-row{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.lead-stat-pill{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--border);transition:all .2s}.lead-stat-pill:hover{border-color:var(--border-accent)}.lead-stat-all{background:#00000004;color:var(--text-secondary)}.lead-stat-hot{background:#ff375f0a;color:#d70015;border-color:#ff375f1f}.lead-stat-warm{background:#ff9f0a0a;color:#c77800;border-color:#ff9f0a1f}.lead-stat-cold{background:#5ac8fa0d;color:#0077b6;border-color:#5ac8fa1f}.lead-stat-active{box-shadow:0 0 0 2px var(--accent)}.leads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.lead-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:8px;transition:all .2s;box-shadow:var(--shadow-sm)}.lead-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.lead-card-top{display:flex;align-items:center;justify-content:space-between}.lead-urgency-badge{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:700;letter-spacing:.05em;padding:3px 8px;border-radius:10px}.lead-badge-hot{background:#ff375f0f;color:#d70015}.lead-badge-warm{background:#ff9f0a0f;color:#c77800}.lead-badge-cold{background:#5ac8fa0f;color:#0077b6}.lead-date{font-size:10px;color:var(--text-muted)}.lead-name{font-size:15px;font-weight:700;color:var(--text-primary)}.lead-email{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted)}.lead-interest{font-size:12px;color:var(--text-secondary);line-height:1.5}.lead-notes{font-size:11px;color:var(--text-muted);font-style:italic;line-height:1.5}.lead-convert-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;padding:8px 14px;border-radius:var(--radius-sm);background:var(--accent-glow);border:1px solid rgba(0,113,227,.12);color:var(--accent);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.lead-convert-btn:hover{background:#0071e31a;border-color:#0071e333}.lead-scan-progress{margin-bottom:20px;padding:14px 18px;background:#fffc;border:1px solid var(--border);border-radius:var(--radius-md)}.lead-scan-progress-text{font-size:11px;color:var(--text-secondary);margin-bottom:8px}.lead-scan-progress-bar{height:8px;background:#0000000a;border-radius:4px;overflow:hidden}.lead-scan-progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--pop-teal));transition:width .3s ease}.lead-scan-progress-pct{font-size:10px;color:var(--text-muted);text-align:right;margin-top:4px;font-weight:600}.lead-freq-badge{font-size:9px;font-weight:700;letter-spacing:.05em;padding:3px 8px;border-radius:10px}.lead-freq-recurring{background:#30d15814;color:#248a3d}.lead-freq-monthly{background:#ff9f0a14;color:#c77800}.lead-freq-onetime{background:#ffcc0014;color:#a16207}.lead-card.lead-freq-recurring{border-left:3px solid var(--pop-green);background:#30d15804}.lead-card.lead-freq-monthly{border-left:3px solid var(--pop-orange);background:#ff9f0a04}.lead-card.lead-freq-onetime{border-left:3px solid #ffcc00;background:#ffcc0003}.lead-existing-badge{font-size:8px;font-weight:700;padding:2px 6px;border-radius:6px;background:#30d15814;color:#248a3d;letter-spacing:.04em}.lead-new-badge{font-size:8px;font-weight:700;padding:2px 6px;border-radius:6px;background:#5ac8fa14;color:#0077b6;letter-spacing:.04em}.lead-email-count{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-muted)}.lead-card-footer{display:flex;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid var(--border-subtle)}.lead-view-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-sm);background:#00000005;border:1px solid var(--border);color:var(--text-secondary);font-size:10px;font-weight:500;cursor:pointer;transition:all .2s}.lead-view-btn:hover{background:#0000000a;color:var(--text-primary)}.lead-back-btn{width:36px;height:36px;border-radius:50%;background:#00000008;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s}.lead-back-btn:hover{background:#0000000f;color:var(--text-primary)}.lead-detail-meta{padding:14px 18px;background:#00000004;border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:20px;display:flex;flex-direction:column;gap:6px}.lead-detail-interest{font-size:13px;color:var(--text-secondary)}.lead-detail-notes{font-size:12px;color:var(--text-muted);font-style:italic}.lead-emails-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.lead-emails-list{display:flex;flex-direction:column;gap:10px;max-height:55vh;overflow-y:auto}.lead-email-card{padding:16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s}.lead-email-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.lead-email-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.lead-email-subject{font-size:13px;font-weight:600;color:var(--text-primary)}.lead-email-date{font-size:11px;color:var(--text-muted);flex-shrink:0}.lead-email-body{font-size:12px;color:var(--text-secondary);line-height:1.7;white-space:pre-wrap;max-height:200px;overflow-y:auto}.pattern-empty{padding:6px 0}.pattern-scan-btn{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;background:transparent;border:1px dashed rgba(0,113,227,.2);border-radius:var(--radius-md);color:var(--text-muted);font-size:11px;cursor:pointer;transition:all .2s}.pattern-scan-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.pattern-scan-btn:disabled{opacity:.5;cursor:wait}.pattern-panel{border:1px solid rgba(0,113,227,.15);border-radius:var(--radius-md);background:#0071e305;overflow:hidden;margin-bottom:4px}.pattern-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s}.pattern-header:hover{background:var(--accent-glow)}.pattern-header-left{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-secondary)}.pattern-count{background:#0071e31a;color:var(--accent);font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px}.pattern-header-right{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.pattern-rescan-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px;border-radius:4px;display:flex;align-items:center;transition:color .15s}.pattern-rescan-btn:hover{color:var(--accent)}.pattern-rescan-btn:disabled{opacity:.4;cursor:wait}.pattern-list{padding:0 8px 8px;display:flex;flex-direction:column;gap:6px}.pattern-intro{font-size:10px;color:var(--text-muted);line-height:1.5;padding:4px 2px 6px;border-bottom:1px solid var(--border-subtle);margin-bottom:2px}.pattern-item{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s}.pattern-item:hover{border-color:#0071e333;box-shadow:var(--shadow-sm)}.pattern-item-acting{opacity:.5;pointer-events:none}.pattern-item-main{flex:1;min-width:0}.pattern-rule{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:4px}.pattern-type-label{font-size:10px;color:var(--text-muted)}.pattern-value{font-size:11px;font-weight:600;color:var(--text-primary);word-break:break-all}.pattern-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.pattern-tag{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:500;padding:1px 7px;border-radius:10px}.pattern-tag-new{background:var(--tag-new-customer-bg);color:var(--tag-new-customer-text);border:1px solid var(--tag-new-customer-border)}.pattern-tag-existing{background:var(--tag-existing-customer-bg);color:var(--tag-existing-customer-text);border:1px solid var(--tag-existing-customer-border)}.pattern-tag-exchange{background:var(--tag-exchange-bg);color:var(--tag-exchange-text);border:1px solid var(--tag-exchange-border)}.pattern-tag-problem{background:var(--tag-problem-bg);color:var(--tag-problem-text);border:1px solid var(--tag-problem-border)}.pattern-stats{font-size:10px;color:var(--text-muted)}.pattern-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.pattern-confirm-btn{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:500;padding:3px 8px;background:var(--accent-glow);border:1px solid rgba(0,113,227,.15);border-radius:var(--radius-md);color:var(--accent);cursor:pointer;transition:all .15s;white-space:nowrap}.pattern-confirm-btn:hover{background:#0071e31a;border-color:var(--accent)}.pattern-confirm-btn:disabled{opacity:.4;cursor:not-allowed}.pattern-reject-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .15s}.pattern-reject-btn:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-accent)}.pattern-reject-btn:disabled{opacity:.4;cursor:not-allowed}.tag-custom{background:#64748b0f;color:#475569;border:1px solid rgba(100,116,139,.15)}.filter-tab-custom{display:inline-flex;align-items:center;gap:4px}.filter-tab-count{font-size:9px;background:#0000000d;padding:0 4px;border-radius:8px;color:var(--text-muted)}.filter-tab-add{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px dashed var(--border-accent)!important;border-radius:6px!important;color:var(--text-muted);transition:all .2s}.filter-tab-add:hover{border-color:var(--accent)!important;background:var(--accent-glow)!important;color:var(--accent)}.custom-tag-modal{max-width:440px;width:90%}.modal-icon-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.custom-tag-modal-icon{width:40px;height:40px;border-radius:12px;background:var(--accent-glow);border:1px solid rgba(0,113,227,.12);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.custom-tag-icon-warn{background:#ff9f0a0f;border-color:#ff9f0a26;color:#c77800}.custom-tag-icon-done{background:#30d15814;border-color:#30d15826;color:#248a3d}.modal-title{font-size:16px;font-weight:700;color:var(--text-primary)}.modal-desc{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:16px}.custom-tag-form{display:flex;flex-direction:column;gap:10px}.form-label{font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:-6px}.form-input{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);font-size:13px;color:var(--text-primary);outline:none;transition:all .2s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-textarea{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);font-size:13px;color:var(--text-primary);outline:none;resize:vertical;min-height:60px;line-height:1.5;transition:all .2s}.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-error{font-size:11px;color:var(--pop-pink)}.custom-tag-create-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:13px;font-weight:600;cursor:pointer;margin-top:6px;transition:all .2s}.custom-tag-create-btn:hover{background:var(--accent-dim)}.custom-tag-create-btn:disabled{opacity:.5;cursor:not-allowed}.custom-tag-done-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.custom-tag-done-btn:hover{border-color:var(--accent);background:var(--accent-glow)}.custom-tag-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px}.custom-tag-loading p{font-size:13px;color:var(--text-secondary)}.ai-question-box{display:flex;gap:10px;padding:12px 14px;background:var(--accent-glow);border:1px solid rgba(0,113,227,.1);border-radius:var(--radius-md);margin-bottom:14px}.ai-question-box p{font-size:13px;color:var(--text-secondary);line-height:1.5}.detail-action-bar{display:flex;gap:6px;margin-top:10px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}.detail-action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;color:var(--text-secondary);background:#fffc;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.detail-action-btn:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-sm)}.compose-panel{border:1px solid var(--border);border-radius:var(--radius-lg);margin:12px 16px;background:var(--bg-card);box-shadow:var(--shadow-sm);overflow:hidden}.compose-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#00000004;border-bottom:1px solid var(--border-subtle)}.compose-title{font-size:12px;font-weight:600;color:var(--text-primary)}.compose-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;transition:color .15s}.compose-close:hover{color:var(--text-primary)}.compose-fields{padding:8px 14px 4px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--border-subtle)}.compose-field{display:flex;align-items:center;gap:8px}.compose-field label{font-size:11px;font-weight:600;color:var(--text-muted);width:50px;flex-shrink:0}.compose-field input{flex:1;background:transparent;border:none;outline:none;font-size:12px;color:var(--text-primary);padding:5px 0}.compose-field input::-moz-placeholder{color:var(--text-muted)}.compose-field input::placeholder{color:var(--text-muted)}.compose-body{width:100%;min-height:140px;padding:12px 14px;border:none;outline:none;resize:vertical;font-size:13px;line-height:1.6;color:var(--text-primary);background:transparent;font-family:inherit}.compose-footer{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--border-subtle);background:#00000004}.compose-send-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;font-size:12px;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #0071e326}.compose-send-btn:hover{background:var(--accent-dim)}.compose-send-btn:disabled{opacity:.5;cursor:not-allowed}.compose-discard-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:11px;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.compose-discard-btn:hover{border-color:var(--pop-pink);color:var(--pop-pink)}.compose-status{font-size:11px;font-weight:500;margin-left:auto}.compose-status-ok{color:#248a3d}.compose-status-err{color:#d70015}.app-section-switcher{display:flex;align-items:center;gap:2px;padding:6px 16px;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);flex-shrink:0;z-index:50}.section-tab{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-muted);border:none;background:transparent;cursor:pointer;transition:all .2s}.section-tab:hover{background:var(--bg-hover);color:var(--text-secondary)}.section-tab-active{background:#fff;color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm)}.guide-shell{display:flex;flex:1;min-height:0;overflow:hidden}.guide-nav{width:200px;min-width:200px;background:#ffffffbf;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 12px;gap:4px}.guide-nav-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text-primary);padding:0 8px 16px;border-bottom:1px solid var(--border-subtle);margin-bottom:8px}.guide-nav-logo{display:flex}.guide-nav-items{display:flex;flex-direction:column;gap:2px}.guide-nav-btn{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .15s;text-align:left}.guide-nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.guide-nav-btn-active{background:var(--accent-glow);color:var(--accent);font-weight:600}.guide-main{flex:1;overflow-y:auto;padding:24px 32px;background:var(--bg-base)}.guide-module{max-width:960px}.guide-module-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.guide-module-title-row{display:flex;align-items:center;gap:8px}.guide-module-title{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin:0}.guide-count{font-size:11px;font-weight:600;background:var(--bg-hover);color:var(--text-muted);padding:2px 8px;border-radius:10px}.guide-add-btn{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;background:var(--accent);color:#fff;border:none;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #0071e326}.guide-add-btn:hover{background:var(--accent-dim);transform:translateY(-1px);box-shadow:0 4px 10px #0071e333}.guide-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.guide-search-wrap{position:relative;max-width:360px}.guide-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.guide-search{width:100%;padding:9px 12px 9px 30px;border:1px solid var(--border);border-radius:10px;font-size:13px;background:#fff;color:var(--text-primary);outline:none;transition:all .2s}.guide-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.guide-filter-pills{display:flex;flex-wrap:wrap;gap:4px}.guide-pill{padding:5px 12px;border-radius:16px;font-size:11px;font-weight:500;border:1px solid var(--border);background:#fff;color:var(--text-secondary);cursor:pointer;transition:all .15s}.guide-pill:hover{background:var(--bg-hover)}.guide-pill-active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.guide-form-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.guide-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.guide-field{display:flex;flex-direction:column;gap:4px}.guide-field-full{grid-column:1 / -1}.guide-field label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.guide-field input,.guide-field select,.guide-field textarea{padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:var(--bg-base);color:var(--text-primary);outline:none;transition:all .2s;font-family:inherit}.guide-field input:focus,.guide-field select:focus,.guide-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.guide-field textarea{resize:vertical;min-height:48px}.guide-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px!important;font-weight:500!important;color:var(--text-primary)!important;text-transform:none!important;cursor:pointer;padding-top:12px}.guide-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.guide-tags-input{border:1px solid var(--border);border-radius:8px;background:var(--bg-base);padding:6px 8px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.guide-tags-input input{border:none!important;background:transparent!important;padding:4px!important;flex:1;min-width:80px}.guide-tags-list{display:flex;flex-wrap:wrap;gap:4px}.guide-tag{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;background:var(--accent-glow);color:var(--accent)}.guide-tag button{background:none;border:none;cursor:pointer;color:inherit;padding:0;display:flex}.guide-form-actions{display:flex;gap:8px;justify-content:flex-end}.guide-btn-ghost{padding:8px 16px;border-radius:8px;font-size:12px;font-weight:500;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .15s}.guide-btn-ghost:hover{background:var(--bg-hover)}.guide-btn-primary{padding:8px 20px;border-radius:8px;font-size:12px;font-weight:600;background:var(--accent);border:none;color:#fff;cursor:pointer;transition:all .2s}.guide-btn-primary:hover{background:var(--accent-dim)}.guide-list{display:flex;flex-direction:column;gap:8px}.guide-empty{text-align:center;padding:40px;color:var(--text-muted);font-size:13px}.guide-contact-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px;transition:all .2s}.guide-contact-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-accent)}.guide-contact-top{display:flex;align-items:center;gap:12px}.guide-contact-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#e0f2fe,#dbeafe);color:#0369a1;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guide-contact-info{flex:1;min-width:0}.guide-contact-name{font-size:13px;font-weight:600;color:var(--text-primary)}.guide-contact-role{font-size:11px;color:var(--text-muted)}.guide-contact-actions{display:flex;align-items:center;gap:6px}.guide-badge{padding:2px 8px;border-radius:5px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:1px solid transparent}.guide-badge-sm{padding:1px 6px;border-radius:4px;font-size:10px;font-weight:500}.guide-icon-btn{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;transition:all .15s}.guide-icon-btn:hover{background:var(--bg-hover);border-color:var(--border);color:var(--text-primary)}.guide-icon-btn-danger:hover{background:#ff375f0d;border-color:#ff375f26;color:#d70015}.guide-edit-text-btn{width:auto;padding:0 8px;font-size:11px;font-weight:500;letter-spacing:.01em}.guide-contact-details{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-subtle)}.guide-contact-detail{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary)}.guide-contact-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.guide-mini-tag{padding:1px 7px;border-radius:4px;font-size:10px;font-weight:500;background:var(--bg-hover);color:var(--text-muted)}.guide-contact-notes{margin-top:6px;font-size:11px;color:var(--text-muted);line-height:1.5}.guide-account-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px;transition:all .2s}.guide-account-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-accent)}.guide-account-top{display:flex;align-items:center;gap:12px}.guide-account-icon{width:36px;height:36px;border-radius:10px;background:var(--bg-base);display:flex;align-items:center;justify-content:center;flex-shrink:0}.guide-account-info{flex:1;min-width:0}.guide-account-name{font-size:13px;font-weight:600;color:var(--text-primary)}.guide-account-user{font-size:11px;color:var(--text-muted);font-family:SF Mono,Fira Code,monospace}.guide-account-details{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-subtle)}.guide-account-row{display:flex;gap:6px;font-size:11px;align-items:baseline}.guide-account-label{color:var(--text-muted);font-weight:500;white-space:nowrap}.guide-account-meta{margin-top:8px;font-size:10px;color:var(--text-muted)}.guide-password-wrap{position:relative;display:flex;align-items:center}.guide-password-wrap input{width:100%;padding-right:36px}.guide-password-toggle{position:absolute;right:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex}.guide-password-toggle:hover{color:var(--text-primary)}.guide-password-display{display:flex;align-items:center;gap:6px}.guide-password-peek{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;border-radius:4px;transition:all .1s}.guide-password-peek:hover{color:var(--text-primary);background:var(--bg-hover)}.guide-account-row-critical{grid-column:1 / -1}.guide-critical-password{display:flex;align-items:center;gap:10px}.guide-send-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;cursor:pointer;transition:all .2s;white-space:nowrap}.guide-send-btn:hover:not(:disabled){background:#fecaca;border-color:#f87171}.guide-send-btn:disabled{opacity:.6;cursor:default;background:#dcfce7;color:#166534;border-color:#bbf7d0}.guide-procedure-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s}.guide-procedure-card:hover{box-shadow:var(--shadow-sm)}.guide-procedure-top{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;transition:background .1s}.guide-procedure-top:hover{background:var(--bg-hover)}.guide-procedure-info{flex:1;display:flex;align-items:center;gap:8px}.guide-procedure-title{font-size:13px;font-weight:600;color:var(--text-primary)}.guide-procedure-cat{font-size:10px;font-weight:500;padding:1px 7px;border-radius:5px;background:var(--bg-hover);color:var(--text-muted);text-transform:capitalize}.guide-procedure-steps-count{font-size:11px;color:var(--text-muted);white-space:nowrap}.guide-procedure-body{padding:0 16px 16px 40px;display:flex;flex-direction:column;gap:8px}.guide-procedure-step{display:flex;gap:10px;align-items:flex-start}.guide-procedure-step-num{width:22px;height:22px;border-radius:50%;background:var(--accent-glow);color:var(--accent);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guide-procedure-step-title{font-size:12px;font-weight:600;color:var(--text-primary)}.guide-procedure-step-desc{font-size:11px;color:var(--text-muted);margin-top:1px}.guide-procedure-notes{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-subtle);font-size:11px;color:var(--text-muted);font-style:italic}.guide-steps-list{display:flex;flex-direction:column;gap:6px}.guide-step-row{display:flex;align-items:center;gap:8px}.guide-step-num{width:22px;height:22px;border-radius:50%;background:var(--bg-hover);color:var(--text-muted);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guide-step-fields{flex:1;display:flex;gap:6px}.guide-step-title-input{flex:1;padding:6px 8px;border:1px solid var(--border);border-radius:6px;font-size:12px;background:#fff;color:var(--text-primary);outline:none;transition:border-color .2s}.guide-step-title-input:focus{border-color:var(--accent)}.guide-step-desc-input{flex:1;padding:6px 8px;border:1px solid var(--border-subtle);border-radius:6px;font-size:11px;background:#fff;color:var(--text-secondary);outline:none;transition:border-color .2s}.guide-step-desc-input:focus{border-color:var(--accent)}.guide-add-step-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border:1px dashed var(--border);border-radius:6px;font-size:11px;font-weight:500;color:var(--text-muted);background:transparent;cursor:pointer;transition:all .15s;align-self:flex-start}.guide-add-step-btn:hover{border-color:var(--accent);color:var(--accent)}.guide-memory-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px;transition:all .2s}.guide-memory-card:hover{box-shadow:var(--shadow-sm)}.guide-memory-pinned{border-left:3px solid var(--pop-orange)}.guide-memory-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.guide-memory-info{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.guide-memory-title{font-size:13px;font-weight:600;color:var(--text-primary)}.guide-memory-cat{font-size:10px;font-weight:500;padding:1px 7px;border-radius:5px;background:#5ac8fa0f;color:#0077b6}.guide-memory-content{margin-top:8px;font-size:12px;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.guide-memory-meta{margin-top:8px;font-size:10px;color:var(--text-muted)}.guide-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 16px;border:2px dashed var(--border-accent);border-radius:12px;background:#00000003;cursor:pointer;transition:all .2s}.guide-dropzone:hover,.guide-dropzone-active{border-color:var(--accent);background:var(--accent-glow)}.guide-dropzone-text{font-size:12px;color:var(--text-secondary);font-weight:500}.guide-dropzone-hint{font-size:10px;color:var(--text-muted)}.guide-attachments-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.guide-attachment-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-base);border-radius:6px;font-size:12px}.guide-attachment-name{flex:1;color:var(--accent);text-decoration:none;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-attachment-name:hover{text-decoration:underline}.guide-attachment-size{font-size:10px;color:var(--text-muted);white-space:nowrap}.guide-memory-attachments{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-subtle)}.guide-memory-file-link{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--accent-glow);border:1px solid rgba(0,113,227,.1);border-radius:5px;font-size:11px;color:var(--accent);text-decoration:none;font-weight:500;transition:background .2s}.guide-memory-file-link:hover{background:#0071e31a}.guide-resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px}.guide-resource-card{display:flex;flex-direction:column;padding:16px;background:#fff;border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:all .2s;cursor:pointer}.guide-resource-card:hover{border-color:var(--accent);box-shadow:0 2px 12px #0071e30f;transform:translateY(-1px)}.guide-resource-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.guide-resource-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.guide-resource-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.guide-resource-card:hover .guide-resource-actions{opacity:1}.guide-resource-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.guide-resource-desc{font-size:11px;color:var(--text-muted);line-height:1.4;flex:1;margin-bottom:10px}.guide-resource-url{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-muted);padding-top:8px;border-top:1px solid var(--border-subtle)}.guide-resource-url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-color-picker{display:flex;gap:6px;flex-wrap:wrap}.guide-color-swatch{width:22px;height:22px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:transform .1s}.guide-color-swatch:hover{transform:scale(1.15)}.guide-color-swatch-active{border-color:var(--text-primary);transform:scale(1.15)}.guide-dashboard{max-width:960px}.guide-dash-header{margin-bottom:24px}.guide-dash-title{font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);margin:0 0 4px}.guide-dash-sub{font-size:13px;color:var(--text-muted);margin:0}.guide-dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.guide-stat-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;cursor:pointer;transition:all .2s;text-align:left}.guide-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.guide-stat-num{font-size:28px;font-weight:800;color:var(--text-primary);letter-spacing:-.03em}.guide-stat-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.guide-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-dash-section{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px}.guide-dash-section:last-child{grid-column:1 / -1}.guide-dash-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.guide-dash-section-head h3{font-size:13px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:6px}.guide-dash-more{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:500;color:var(--accent);background:none;border:none;cursor:pointer}.guide-dash-more:hover{text-decoration:underline}.guide-dash-empty{font-size:12px;color:var(--text-muted);text-align:center;padding:16px}.guide-dash-list{display:flex;flex-direction:column;gap:6px}.guide-dash-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;transition:background .1s}.guide-dash-item:hover{background:var(--bg-hover)}.guide-dash-item-title{flex:1;font-size:12px;font-weight:500;color:var(--text-primary)}.guide-dash-item-cat{font-size:10px;color:var(--text-muted);text-transform:capitalize}.guide-dash-risk{font-size:10px;font-weight:600;text-transform:uppercase;padding:1px 6px;border-radius:3px}.guide-dash-risk-critical{background:#ff375f0f;color:#d70015}.guide-dash-risk-high{background:#ff9f0a0f;color:#c77800}.guide-dash-risk-medium{background:#5ac8fa0f;color:#0077b6}.guide-dash-risk-low{background:var(--bg-hover);color:var(--text-muted)}.calendar-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.calendar-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;color:var(--text-muted);transition:all .2s}.calendar-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.calendar-new-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;color:#fff;background:var(--accent);transition:all .2s}.calendar-new-btn:hover{background:var(--accent-dim);transform:translateY(-1px);box-shadow:0 2px 8px #0071e333}.calendar-form{border-bottom:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:10px;background:var(--bg-elevated);animation:calFormSlide .2s ease-out}@keyframes calFormSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.calendar-form-header{display:flex;align-items:center;justify-content:space-between}.calendar-form-title{font-size:13px;font-weight:600;color:var(--text-primary)}.calendar-form-close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;color:var(--text-muted);transition:all .15s}.calendar-form-close:hover{background:var(--bg-hover);color:var(--text-primary)}.calendar-form-field{display:flex;flex-direction:column;gap:3px}.calendar-form-field label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);display:flex;align-items:center;gap:4px}.calendar-form-row{display:flex;gap:8px}.calendar-input{padding:7px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);font-size:12px;color:var(--text-primary);outline:none;transition:all .2s;width:100%}.calendar-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.calendar-textarea{resize:none;min-height:44px}.calendar-form-error{font-size:11px;color:var(--pop-pink);padding:4px 8px;background:#ff375f0a;border-radius:4px}.calendar-form-actions{display:flex;gap:8px;justify-content:flex-end}.calendar-cancel-btn{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:500;color:var(--text-muted);transition:all .15s}.calendar-cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.calendar-submit-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:6px;font-size:11px;font-weight:600;color:#fff;background:var(--accent);transition:all .2s}.calendar-submit-btn:hover:not(:disabled){background:var(--accent-dim)}.calendar-submit-btn:disabled{opacity:.6;cursor:not-allowed}.calendar-error{padding:12px;margin:8px 12px;border-radius:8px;background:#ff375f08;border:1px solid rgba(255,55,95,.1)}.calendar-error p{font-size:12px;color:var(--pop-pink)}.calendar-error-hint{margin-top:4px;font-size:11px;color:var(--text-muted)!important}.calendar-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px 20px;font-size:12px;color:var(--text-muted)}.calendar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;text-align:center}.calendar-empty p{font-size:12px;color:var(--text-muted)}.calendar-empty-btn{margin-top:4px;padding:6px 14px;border-radius:6px;font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-glow);border:1px solid rgba(0,113,227,.12);transition:all .2s}.calendar-empty-btn:hover{background:#0071e31a}.calendar-events-list{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.calendar-event-card{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);display:flex;flex-direction:column;gap:5px;transition:all .2s}.calendar-event-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.calendar-event-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.calendar-event-title{font-size:12px;font-weight:600;color:var(--text-primary);line-height:1.3}.calendar-event-delete{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;color:var(--text-muted);opacity:0;transition:all .15s;cursor:pointer;flex-shrink:0}.calendar-event-card:hover .calendar-event-delete{opacity:1}.calendar-event-delete:hover{color:var(--pop-pink);background:#ff375f0f}.calendar-event-time{font-size:11px;color:var(--accent);font-weight:500}.calendar-event-loc{font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:3px}.calendar-event-desc{font-size:11px;color:var(--text-muted);line-height:1.4}.calendar-day-group{padding-top:8px}.calendar-day-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:4px 4px 6px;display:flex;align-items:center;gap:6px}.calendar-day-today{color:var(--accent)}.calendar-day-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.text-xs{font-size:10px}.text-sm{font-size:11px}.text-muted{color:var(--text-muted)}.hover\:border-stone-500:hover{--tw-border-opacity: 1;border-color:rgb(120 113 108 / var(--tw-border-opacity, 1))}.hover\:text-stone-400:hover{--tw-text-opacity: 1;color:rgb(168 162 158 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover,.group:hover .group-hover\:opacity-100{opacity:1}