@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;0,14..32,900;1,14..32,400&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg:#050508;--surface:#0a0b14;--surface-2:#0f1020;--surface-elevated:#ffffff07;--border:#ffffff12;--border-hover:#ffffff24;--border-strong:#ffffff38;--text-main:#f2f2f8;--text-muted:#9da0b8;--text-faint:#5c5f7a;--accent-primary:#0dd3ff;--status-success:#38f296;--status-danger:#ff5277;--status-warning:#ffd043;--status-info:#a78bfa;--neon-orange:#ff7e47;--glow-primary:#0dd3ff38;--glow-success:#38f29638;--glow-danger:#ff527738;--glow-warning:#ffd04338;--glow-orange:#ff7e4738;--glow-info:#a78bfa38;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:9999px;--glass-bg:#080912bf;--glass-border:#fff1;--shadow-card:0 8px 40px -12px #000000b3;--shadow-elevated:0 20px 60px -15px #000000d9}*,:before,:after{box-sizing:border-box;margin:0;padding:0}button{font-family:inherit}a{color:inherit;text-decoration:none}select option{background:var(--surface-2)}html{scrollbar-gutter:stable;font-size:16px;overflow-y:scroll}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0dd3ff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0dd3ff4d}body{background-color:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(80% 50% at 15% -10%,#0dd3ff12 0%,#0000 60%),radial-gradient(60% 40% at 90% 110%,#a78bfa0e 0%,#0000 60%),radial-gradient(50% 30%,#ff527706 0%,#0000 70%);background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}.page-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.page-full{flex-direction:column;min-height:100vh;display:flex}@media (width<=640px){.page-container{padding:0 1rem}}.topbar{z-index:100;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#050508eb;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;height:64px;margin:0 auto;padding:0 1.5rem;display:flex}.topbar-brand{flex-shrink:0;align-items:center;gap:.625rem;display:flex}.topbar-brand-icon{width:34px;height:34px;color:var(--accent-primary);background:#0dd3ff1a;border:1px solid #0dd3ff33;border-radius:9px;justify-content:center;align-items:center;display:flex;box-shadow:0 0 12px #0dd3ff14}.topbar-brand-name{letter-spacing:.08em;text-transform:uppercase;color:var(--text-main);font-size:.8125rem;font-weight:800}.topbar-actions{flex-wrap:nowrap;align-items:center;gap:.625rem;display:flex}.user-pill{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.5rem;max-width:180px;padding:.375rem .875rem;font-size:.75rem;font-weight:600;display:inline-flex;overflow:hidden}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-card);transition:border-color .25s;overflow:hidden}.glass-panel:hover{border-color:var(--border)}.premium-panel{border:1px solid var(--border);border-radius:var(--r-sm);background:#ffffff05;padding:1rem}.kpi-card{background:var(--glass-bg);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff0d;border-left:3px solid #0000;padding:1.25rem 1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.kpi-card:hover{border-color:#0dd3ff66;transform:translateY(-2px);box-shadow:0 0 0 1px #0dd3ff4d,0 12px 40px #0009}.kpi-card:after{content:"";pointer-events:none;opacity:.035;border-radius:inherit;position:absolute;inset:0}.kpi-danger{border-left-color:var(--status-danger)}.kpi-danger:after{background:var(--status-danger)}.kpi-success{border-left-color:var(--status-success)}.kpi-success:after{background:var(--status-success)}.kpi-primary{border-left-color:var(--accent-primary)}.kpi-primary:after{background:var(--accent-primary)}.kpi-warning{border-left-color:var(--status-warning)}.kpi-warning:after{background:var(--status-warning)}.kpi-orange{border-left-color:var(--neon-orange)}.kpi-orange:after{background:var(--neon-orange)}.kpi-info{border-left-color:var(--status-info)}.kpi-info:after{background:var(--status-info)}.kpi-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.5rem;font-size:.65rem;font-weight:700;display:block}.kpi-value{align-items:center;gap:.2rem;margin-bottom:.4rem;font-size:1.875rem;font-weight:800;line-height:1;display:flex}.kpi-note{color:var(--text-faint);font-size:.7rem;line-height:1.4}.kv-danger{color:var(--status-danger);text-shadow:0 0 16px var(--glow-danger)}.kv-success{color:var(--status-success);text-shadow:0 0 16px var(--glow-success)}.kv-primary{color:var(--accent-primary);text-shadow:0 0 16px var(--glow-primary)}.kv-warning{color:var(--status-warning);text-shadow:0 0 16px var(--glow-warning)}.kv-orange{color:var(--neon-orange);text-shadow:0 0 16px var(--glow-orange)}.kv-info{color:var(--status-info);text-shadow:0 0 16px var(--glow-info)}.badge{border-radius:var(--r-full);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;vertical-align:middle;border:1px solid;align-items:center;gap:.3rem;padding:.28rem .65rem;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex}.badge-danger,.badge-destructive{color:var(--status-danger);background:#ff52771a;border-color:#ff527747}.badge-warning{color:var(--status-warning);background:#ffd0431a;border-color:#ffd04347}.badge-success{color:var(--status-success);background:#38f2961a;border-color:#38f29647}.badge-info{color:var(--status-info);background:#a78bfa1a;border-color:#a78bfa47}.badge-primary{color:var(--accent-primary);background:#0dd3ff1a;border-color:#0dd3ff47}.badge-orange{color:var(--neon-orange);background:#ff7e471a;border-color:#ff7e4747}.badge-gray{color:var(--text-muted);background:var(--surface-elevated);border-color:var(--border)}.btn{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:700;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.btn-primary{color:#0a0a0f;background:linear-gradient(135deg,#fff 0%,#e8ecf0 100%);border-color:#ffffffe6;box-shadow:0 4px 16px #ffffff1a,inset 0 1px #ffffff80}.btn-primary:hover{background:#fff;transform:translateY(-1px);box-shadow:0 6px 24px #fff3}.btn-glass{color:var(--text-main);border-color:var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a}.btn-glass:hover{border-color:var(--border-hover);background:#ffffff14}.btn-outline{color:var(--text-muted);border-color:var(--border);background:0 0}.btn-outline:hover{background:var(--surface-elevated);color:var(--text-main);border-color:var(--border-hover)}.btn-glow-blue{color:var(--accent-primary);background:#0dd3ff12;border-color:#0dd3ff47}.btn-glow-blue:hover:not(:disabled){border-color:var(--accent-primary);box-shadow:0 0 24px var(--glow-primary), inset 0 1px 0 #ffffff14;text-shadow:0 0 10px #0dd3ff99;background:#0dd3ff24}.btn-glow-orange{color:var(--neon-orange);background:#ff7e4712;border-color:#ff7e4747}.btn-glow-orange:hover:not(:disabled){border-color:var(--neon-orange);box-shadow:0 0 24px var(--glow-orange), inset 0 1px 0 #ffffff14;text-shadow:0 0 10px #ff7e4799;background:#ff7e4724}.btn-glow-green{color:var(--status-success);background:#38f29612;border-color:#38f29647}.btn-glow-green:hover:not(:disabled){border-color:var(--status-success);box-shadow:0 0 24px var(--glow-success), inset 0 1px 0 #ffffff14;text-shadow:0 0 10px #38f29699;background:#38f29624}.btn-danger{color:var(--status-danger);background:#ff527712;border-color:#ff527747}.btn-danger:hover:not(:disabled){border-color:var(--status-danger);box-shadow:0 0 24px var(--glow-danger);background:#ff527724}.form-input,.form-select,.form-textarea{border:1px solid var(--border-hover);width:100%;color:var(--text-main);border-radius:var(--r-sm);background:#05060fd9;outline:none;min-height:48px;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;transition:border-color .2s,box-shadow .2s;display:block}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-faint)}.form-input:hover,.form-select:hover{border-color:var(--border-strong)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0dd3ff24}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239da0b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .875rem center;background-repeat:no-repeat;background-size:1.2em;padding-right:2.5rem}.form-textarea{resize:vertical;min-height:100px;font-family:JetBrains Mono,monospace;font-size:.8125rem;line-height:1.65}.form-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.5rem;font-size:.65rem;font-weight:700;display:block}.form-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.tabs-scroll-container{border:1px solid var(--border);border-radius:var(--r-md);scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#05060fb3;gap:.25rem;padding:.375rem;display:flex;overflow-x:auto}.tabs-scroll-container::-webkit-scrollbar{display:none}.tab-btn{border-radius:var(--r-xs);min-height:44px;color:var(--text-muted);cursor:pointer;white-space:nowrap;letter-spacing:.02em;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.tab-btn:hover{color:var(--text-main);background:#ffffff0a}.tab-btn.active{color:var(--text-main);background:var(--surface-2);border-color:var(--accent-primary);box-shadow:0 2px 12px #0dd3ff1f,inset 0 1px #ffffff0a}.tabs-underline{border-bottom:1px solid var(--border);scrollbar-width:none;display:flex;overflow-x:auto}.tabs-underline::-webkit-scrollbar{display:none}.tab-underline-btn{min-height:52px;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;padding:.875rem 1.375rem;font-size:.875rem;font-weight:600;transition:all .2s}.tab-underline-btn:hover{color:var(--text-main)}.tab-underline-btn.active{color:var(--text-main);border-bottom-color:var(--accent-primary)}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(14px);background:#000000e0;justify-content:center;align-items:center;padding:1rem;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--surface);border:1px solid var(--border-hover);border-radius:var(--r-xl);flex-direction:column;width:100%;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slide-in;display:flex;overflow:hidden;box-shadow:0 30px 90px -20px #000000e6,inset 0 1px #ffffff0a}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:2px}.modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.settings-modal-panel{flex-direction:column;max-width:740px;max-height:92vh;display:flex}.settings-tab-nav{border-bottom:1px solid var(--border);scrollbar-width:none;background:#0003;flex-direction:row;flex-shrink:0;gap:.25rem;padding:.75rem 1.25rem;display:flex;overflow-x:auto}.settings-tab-nav::-webkit-scrollbar{display:none}.settings-tab-btn{border-radius:var(--r-sm);cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border:1px solid #0000;flex-shrink:0;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;transition:all .18s;display:inline-flex}.settings-tab-btn:hover{color:var(--text-main);background:#ffffff0a}.settings-tab-btn.active{color:var(--text-main);background:#0dd3ff14;border-color:#0dd3ff38}.settings-tab-btn.danger.active{color:var(--status-warning);background:#ffd04314;border-color:#ffd04338}.settings-tab-btn.danger:hover{color:var(--status-warning)}.settings-modal-body{flex:1;padding:1.75rem;overflow-y:auto}.settings-modal-body::-webkit-scrollbar{width:4px}.settings-modal-body::-webkit-scrollbar-track{background:0 0}.settings-modal-body::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:2px}@media (width>=640px){.settings-modal-panel{flex-direction:column}.settings-tab-nav{flex-direction:row;gap:.375rem;padding:.75rem 1.5rem}.settings-modal-body{padding:2rem}}.record-card{background:var(--glass-bg);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff0d;flex-direction:column;gap:1.5rem;padding:2rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.record-card:hover{border-color:#0dd3ff66;transform:translateY(-2px);box-shadow:0 0 0 1px #0dd3ff4d,0 12px 40px #0009}@media (width>=1100px){.record-card{flex-direction:row;gap:3rem}}.record-content{flex-direction:column;flex:1.2;gap:1.25rem;display:flex}.record-action-area{border-left:none;flex-direction:column;flex:.8;gap:1.25rem;padding-left:0;display:flex}@media (width>=1100px){.record-action-area{border-left:1px dashed #ffffff14;padding-left:3rem}}.timeline{border-left:1px dashed #ffffff0d;margin-left:.375rem;padding-left:1.25rem;position:relative}.timeline-item{padding-bottom:1.125rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{border:2px solid;border-radius:50%;flex-shrink:0;width:10px;height:10px;position:absolute;top:3px;left:-1.6875rem}.dot-default{border-color:var(--border-hover);background:#ffffff14}.dot-orange{background:var(--neon-orange);border-color:var(--neon-orange);box-shadow:0 0 8px var(--glow-orange)}.dot-red{background:var(--status-danger);border-color:var(--status-danger);box-shadow:0 0 8px var(--glow-danger)}.dot-cyan{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 8px var(--glow-primary)}.dot-green{background:var(--status-success);border-color:var(--status-success);box-shadow:0 0 8px var(--glow-success)}.action-tile{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;text-align:left;align-items:center;gap:1rem;width:100%;min-height:76px;padding:1.25rem 1.375rem;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.action-tile:active{transform:scale(.99)}.icon-box{border-radius:var(--r-sm);background:var(--surface-elevated);border:1px solid var(--border);width:48px;height:48px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-tile-google:hover{background:#0dd3ff08;border-color:#0dd3ff59;box-shadow:0 4px 24px #0dd3ff0f}.action-tile-google:hover .icon-box{color:var(--accent-primary);background:#0dd3ff1a;border-color:#0dd3ff33}.action-tile-crm:hover{background:#a78bfa08;border-color:#a78bfa59;box-shadow:0 4px 24px #a78bfa0f}.action-tile-crm:hover .icon-box{color:var(--status-info);background:#a78bfa1a;border-color:#a78bfa33}.automation-row{border:1px solid var(--border);border-radius:var(--r-md);background:#05060f80;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.toggle-label{cursor:pointer;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.toggle-label input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.toggle-track{border:1px solid var(--border-hover);border-radius:var(--r-full);background:#ffffff14;width:44px;height:24px;transition:background .25s,border-color .25s;position:relative}.toggle-label input:checked~.toggle-track{border-color:var(--neon-orange);box-shadow:0 0 12px var(--glow-orange);background:#ff7e4740}.toggle-thumb{background:var(--text-faint);border-radius:50%;width:16px;height:16px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .22s;position:absolute;top:3px;left:3px}.toggle-label input:checked~.toggle-track .toggle-thumb{background:var(--neon-orange);box-shadow:0 0 8px var(--glow-orange);transform:translate(20px)}.lifecycle-wrap{border:1px solid var(--border);border-radius:var(--r-md);background:#05060f80;padding:1.25rem}.lifecycle-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}@media (width>=560px){.lifecycle-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1024px){.lifecycle-grid{grid-template-columns:repeat(7,1fr)}}.lifecycle-step{border-radius:var(--r-xs);text-align:center;border:1px solid;padding:.625rem .5rem}.ls-detect{background:#0dd3ff0a;border-color:#0dd3ff2e}.ls-detect .ls-name{color:var(--accent-primary)}.ls-classify{background:#6366f10a;border-color:#6366f12e}.ls-classify .ls-name{color:#818cf8}.ls-explain{background:#a78bfa0a;border-color:#a78bfa2e}.ls-explain .ls-name{color:var(--status-info)}.ls-recommend{background:#ec48990a;border-color:#ec48992e}.ls-recommend .ls-name{color:#ec4899}.ls-action{background:#ff7e470a;border-color:#ff7e472e}.ls-action .ls-name{color:var(--neon-orange)}.ls-track{background:#ffd0430a;border-color:#ffd0432e}.ls-track .ls-name{color:var(--status-warning)}.ls-recovery{background:#38f2960a;border-color:#38f2962e}.ls-recovery .ls-name{color:var(--status-success)}.ls-step-num{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.25rem;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:700;display:block}.ls-name{font-size:.75rem;font-weight:700;display:block}.reminder-banner{border-radius:var(--r-md);border:1px solid #ffd0432e;border-left:3px solid var(--status-warning);background:#ffd04309;padding:1.25rem}.reminder-item{border:1px solid var(--border);border-radius:var(--r-sm);background:#00000059;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.compose-panel{border-radius:var(--r-md);background:#00000080;border:1px solid #0dd3ff33;padding:1.25rem;animation:.2s slide-in;box-shadow:0 0 20px #0dd3ff0f}.compose-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:.875rem;padding-bottom:.875rem;display:flex}.auto-active-banner{border-radius:var(--r-sm);background:#ff7e470f;border:1px solid #ff7e472e;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.outcome-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.outcome-row .form-select{flex:1;min-width:160px}.action-taken-panel{border-radius:var(--r-sm);background:#0dd3ff0a;border:1px solid #0dd3ff1f;padding:.875rem 1rem}.closed-panel{border:1px solid var(--border);border-radius:var(--r-sm);background:#0006;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--border);white-space:nowrap;background:#00000059;padding:.75rem 1.25rem;font-size:.65rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.875rem 1.25rem;font-size:.875rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#ffffff04}.filter-bar{border:1px solid var(--border);border-radius:var(--r-md);background:#05060f99;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.875rem 1.125rem;display:flex}.filter-group{flex:1;align-items:center;gap:.625rem;min-width:200px;display:flex}.filter-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;flex-shrink:0;font-size:.7rem;font-weight:700}.filter-select{border:1px solid var(--border);color:var(--text-main);border-radius:var(--r-xs);appearance:none;cursor:pointer;background:#05060fcc url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%235c5f7a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right .625rem center/1.1em no-repeat;outline:none;flex:1;min-height:40px;padding:.5rem 2.25rem .5rem .875rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;transition:border-color .2s}.filter-select:focus{border-color:var(--accent-primary);outline:none}.conf-badge{border-radius:var(--r-full);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid;align-items:center;gap:.3rem;padding:.22rem .6rem;font-size:.62rem;font-weight:700;display:inline-flex}.conf-high{color:var(--status-success);background:#38f29612;border-color:#38f29638}.conf-med{color:var(--status-warning);background:#ffd04312;border-color:#ffd04338}.conf-low{color:var(--status-danger);background:#ff527712;border-color:#ff527738}.draft-block{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent-primary);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--text-muted);padding:1rem 1.125rem;font-size:.8125rem;font-style:italic;line-height:1.7;position:relative}.tone-switcher{border:1px solid var(--border);border-radius:var(--r-full);background:#00000080;gap:.1rem;padding:.2rem;display:flex}.tone-btn{border-radius:var(--r-full);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem .75rem;font-size:.65rem;font-weight:700;transition:all .2s}.tone-btn.active{background:var(--accent-primary);color:var(--bg);box-shadow:0 0 10px var(--glow-primary)}.tone-btn:disabled{opacity:.35;cursor:not-allowed}.section-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.section-title-text{color:var(--text-main);align-items:center;gap:.625rem;font-size:1rem;font-weight:700;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.divider{color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:1rem;font-size:.65rem;font-weight:700;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.scrollbar-none{scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}@keyframes fade-in-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.45}}@keyframes scan{0%{opacity:0;transform:translateY(0)}12%{opacity:.7}88%{opacity:.7}to{opacity:0;transform:translateY(220px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 12px var(--glow-primary)}50%{box-shadow:0 0 24px var(--glow-primary)}}.animate-in{animation:.45s cubic-bezier(.16,1,.3,1) forwards fade-in-up}.animate-spin-slow{animation:3.5s linear infinite spin-slow}.animate-pulse-slow{animation:2.5s ease-in-out infinite pulse-slow}.animate-scan{animation:2.5s linear infinite scan}.text-main{color:var(--text-main)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-primary{color:var(--accent-primary)}.text-success{color:var(--status-success)}.text-danger{color:var(--status-danger)}.text-warning{color:var(--status-warning)}.text-info{color:var(--status-info)}.text-orange{color:var(--neon-orange)}.glow-text-cyan{color:var(--accent-primary);text-shadow:0 0 20px var(--glow-primary)}.glow-text-green{color:var(--status-success);text-shadow:0 0 20px var(--glow-success)}.glow-text-red{color:var(--status-danger);text-shadow:0 0 20px var(--glow-danger)}.glow-text-orange{color:var(--neon-orange);text-shadow:0 0 20px var(--glow-orange)}.engine-glow-blue{color:var(--accent-primary);text-shadow:0 0 15px #0dd3ff99}.engine-glow-orange{color:var(--neon-orange);text-shadow:0 0 15px #ff7e4799}.engine-glow-red{color:var(--status-danger);text-shadow:0 0 15px #ff527799}.engine-glow-green{color:var(--status-success);text-shadow:0 0 15px #38f29699}input[type=range]{appearance:none;cursor:pointer;background:#ffffff14;border-radius:2px;outline:none;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-primary);cursor:pointer;width:20px;height:20px;box-shadow:0 0 10px var(--glow-primary);border:2px solid #ffffff26;border-radius:50%;transition:transform .15s}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.25)}input[type=range]::-moz-range-thumb{background:var(--accent-primary);cursor:pointer;border:2px solid #ffffff26;border-radius:50%;width:20px;height:20px}input[type=range].range-orange::-webkit-slider-thumb{background:var(--neon-orange);box-shadow:0 0 10px var(--glow-orange)}.priority-tag{border-radius:var(--r-full);letter-spacing:.06em;text-transform:uppercase;color:var(--neon-orange);background:#ff7e4714;border:1px solid #ff7e4733;align-items:center;gap:.3rem;padding:.25rem .625rem;font-size:.62rem;font-weight:700;display:inline-flex}.auth-card{border:1px solid var(--border-hover);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(24px);background:#0a0b14e6;overflow:hidden;box-shadow:0 30px 80px -20px #000000d9,0 0 0 1px #ffffff08,inset 0 1px #ffffff0a}.hero-badge{border-radius:var(--r-full);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-primary);background:#0dd3ff0f;border:1px solid #0dd3ff33;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.65rem;font-weight:700;display:inline-flex}.feature-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:center;gap:0;padding:2rem 1.5rem;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex}.feature-card:hover{transform:translateY(-3px)}.feature-card.fc-cyan:hover{border-color:#0dd3ff40;box-shadow:0 8px 32px #0dd3ff0f}.feature-card.fc-orange:hover{border-color:#ff7e4740;box-shadow:0 8px 32px #ff7e470f}.feature-card.fc-green:hover{border-color:#38f29640;box-shadow:0 8px 32px #38f2960f}.feature-icon{border:1px solid var(--border);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.25rem;display:flex}.calc-output{border-radius:var(--r-md);background:#0006;border:1px solid #ff7e471f;flex-direction:column;justify-content:space-between;gap:1.25rem;padding:1.5rem;display:flex}.security-row{letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;padding-top:1.5rem;font-size:.7rem;font-weight:700;display:flex}.security-item{align-items:center;gap:.375rem;display:flex}.grid-1{grid-template-columns:1fr;gap:1.25rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}@media (width<=900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}}.stack-xs{flex-direction:column;gap:.5rem;display:flex}.stack-sm{flex-direction:column;gap:.75rem;display:flex}.stack-md{flex-direction:column;gap:1.25rem;display:flex}.stack-lg{flex-direction:column;gap:2rem;display:flex}.stack-xl{flex-direction:column;gap:3rem;display:flex}.row-xs{align-items:center;gap:.5rem;display:flex}.row-sm{align-items:center;gap:.75rem;display:flex}.row-md{align-items:center;gap:1rem;display:flex}.row-lg{align-items:center;gap:1.5rem;display:flex}.spinner{border:2.5px solid #ffffff12;border-top-color:var(--accent-primary);border-radius:50%;flex-shrink:0;width:28px;height:28px;animation:.7s linear infinite spin}.spinner-lg{border-width:3px;width:44px;height:44px;box-shadow:0 0 20px #0dd3ff26}.btn-icon{justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:inline-flex;border-radius:var(--r-sm)!important;min-height:44px!important;padding:0!important}.pipeline-card{background:var(--glass-bg);border-radius:var(--r-md);cursor:pointer;-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff0d;padding:1.25rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.pipeline-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 0 0,#ffffff0a,#0000 60%);transition:opacity .2s;position:absolute;inset:0}.pipeline-card:hover{border-color:#0dd3ff66;transform:translateY(-2px);box-shadow:0 0 0 1px #0dd3ff4d,0 8px 24px #00000073}.pipeline-card:hover:before{opacity:1}.pipeline-card:active{transform:translateY(0)scale(.985)}.tab-count{border-radius:var(--r-full);min-width:20px;height:20px;color:var(--text-muted);border:1px solid var(--border);background:#ffffff12;justify-content:center;align-items:center;padding:0 6px;font-size:.6rem;font-weight:800;line-height:1;transition:all .2s;display:inline-flex}.tab-btn.active .tab-count{color:var(--accent-primary);background:#0dd3ff1f;border-color:#0dd3ff40}.fade-edge-right{-webkit-mask-image:linear-gradient(90deg,#000 80%,#0000 100%);mask-image:linear-gradient(90deg,#000 80%,#0000 100%)}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width<=640px){.pricing-grid{grid-template-columns:1fr}}.kanban-scroll-wrapper{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;padding-bottom:1rem;overflow-x:auto}.kanban-scroll-wrapper::-webkit-scrollbar{height:4px}.kanban-scroll-wrapper::-webkit-scrollbar-track{background:0 0}.kanban-scroll-wrapper::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.kanban-col{scroll-snap-align:start}.kanban-scroll-hint{color:var(--text-faint);text-align:center;border:1px dashed var(--border);border-radius:var(--r-sm);background:#ffffff05;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.625rem 1rem;font-size:.72rem;display:none}@media (hover:none){.kanban-scroll-hint{display:flex}}@media (width<=768px){.topbar-inner{gap:.5rem;height:56px;padding:0 1rem}.topbar-actions{scrollbar-width:none;gap:.375rem;padding-right:.25rem;overflow-x:auto}.topbar-actions::-webkit-scrollbar{display:none}.topbar-actions .btn{letter-spacing:0;min-height:36px;padding:.5rem .625rem;font-size:.68rem}.user-pill{display:none}}@media (width<=480px){.topbar-brand-name{display:none}}@media (width<=640px){.modal-overlay{align-items:flex-end;padding:.5rem}.modal-panel{border-bottom-left-radius:var(--r-md);border-bottom-right-radius:var(--r-md);max-height:92vh}.settings-modal-panel{max-height:92vh}.modal-header{padding:1rem 1.25rem}.modal-body{padding:1.25rem}.page-container{padding:0 .875rem}.kpi-card{padding:1rem 1.125rem}.kpi-value{font-size:1.5rem}.auth-card{border-radius:var(--r-lg)}.lifecycle-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}}@media (width<=360px){.lifecycle-grid{grid-template-columns:1fr!important}}@media (width<=640px){.settings-tab-nav{scrollbar-width:none;gap:.125rem;padding:.5rem .875rem;overflow-x:auto}.settings-tab-nav::-webkit-scrollbar{display:none}.settings-tab-btn{flex-shrink:0;padding:.625rem .875rem;font-size:.72rem}.settings-modal-body{padding:1.125rem}}@media (width<=900px){.tab-btn{padding:.625rem .875rem;font-size:.75rem}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slide-up-fade}.animate-stagger>:first-child{animation-delay:0s}.animate-stagger>:nth-child(2){animation-delay:60ms}.animate-stagger>:nth-child(3){animation-delay:.12s}.animate-stagger>:nth-child(4){animation-delay:.18s}.animate-stagger>:nth-child(5){animation-delay:.24s}.animate-stagger>:nth-child(6){animation-delay:.3s}