:root{--bg: #070810;--bg2: #0a0b14;--surface: #0e1020;--surf2: #131628;--surf3: #191c30;--sidebar-bg: #080910;--topbar-bg: rgba(7,8,16,.92);--indigo: #6366f1;--indigo2: #4f46e5;--violet: #7c3aed;--cyan: #06b6d4;--green: #10b981;--amber: #f59e0b;--rose: #f43f5e;--text: #f8fafc;--text2: #94a3b8;--muted: #475569;--border: rgba(99,102,241,.1);--border2: rgba(99,102,241,.25);--grad: linear-gradient(135deg,#6366f1,#7c3aed,#a855f7);--grad-btn: linear-gradient(135deg,#4f46e5,#6366f1);--grad-surface: linear-gradient(135deg,rgba(99,102,241,.07) 0%,rgba(124,58,237,.04) 100%);--radius: 14px;--radius-sm: 8px;--font: "Inter", system-ui, sans-serif;--font-display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;--transition: .15s cubic-bezier(.4,0,.2,1);--shadow: 0 2px 8px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.02) inset;--shadow-lg: 0 18px 50px rgba(0,0,0,.5), 0 0 0 1px rgba(99,102,241,.12);--glow: 0 0 28px rgba(99,102,241,.35);--topbar-h: 52px;--sidebar-w: 220px;--teal: var(--indigo);--teal2: var(--indigo2);--blue: var(--cyan);--danger: var(--rose);--purple: var(--violet);--trans: var(--transition)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.55;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 80% 50% at 85% -5%,rgba(99,102,241,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at -5% 95%,rgba(124,58,237,.06) 0%,transparent 60%);background-attachment:fixed}h1,h2,h3,h4,h5,h6,.font-display{font-family:var(--font-display);font-weight:800;letter-spacing:-.025em}code,.font-mono{font-family:JetBrains Mono,monospace}a{color:inherit;text-decoration:none}::selection{background:#6366f159;color:#fff}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6366f138;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f166}.gns-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(99,102,241,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.025) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 0%,black 0%,transparent 80%);mask-image:radial-gradient(ellipse 70% 50% at 50% 0%,black 0%,transparent 80%)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glow{0%,to{box-shadow:0 0 16px #6366f12e}50%{box-shadow:0 0 36px #6366f16b}}@keyframes pop{0%{transform:scale(.85);opacity:0}70%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tour-talk{0%,to{transform:scale(1)}35%{transform:scale(1.14) rotate(-4deg)}70%{transform:scale(1.04) rotate(3deg)}}.tour-talk{animation:tour-talk .5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.tour-talk{animation:none!important}}@keyframes drawLine{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.anim-fadeUp{animation:fadeUp var(--transition) both}.anim-pop{animation:pop .25s cubic-bezier(.4,0,.2,1) both}.anim-pulse{animation:pulse 2s ease-in-out infinite}.anim-float{animation:float 4s ease-in-out infinite}.anim-glow{animation:glow 3s ease-in-out infinite}.anim-spin{animation:spin .8s linear infinite}.grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200%;animation:shimmer 6s linear infinite}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-body{display:flex;flex:1;padding-top:var(--topbar-h)}.main-content{flex:1;padding:1.75rem 2rem;overflow-y:auto;min-width:0}.with-sidebar{margin-left:var(--sidebar-w)}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);background:var(--topbar-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);z-index:100;display:flex;align-items:center;padding:0 1rem 0 0;gap:.75rem}.topbar-logo{display:flex;align-items:center;gap:.6rem;padding:0 1rem;width:var(--sidebar-w);flex-shrink:0;border-right:1px solid var(--border);height:100%}.topbar-logo-mark{width:30px;height:30px;border-radius:9px;background:var(--grad-btn);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #4f46e566}.topbar-brand-title{font-size:14px;font-weight:800;letter-spacing:-.01em;line-height:1}.topbar-brand-sub{font-size:9px;font-weight:600;letter-spacing:.22em;color:var(--muted);text-transform:uppercase;margin-top:2px}.global-search{display:flex;align-items:center;gap:.5rem;width:380px;max-width:40vw;margin:0 auto;background:var(--surf2);border:1px solid var(--border);border-radius:10px;padding:.4rem .75rem;color:var(--text2);font-size:.8125rem;transition:all var(--transition)}.global-search:hover,.global-search:focus-within{border-color:var(--border2);background:var(--surf3)}.global-search input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:.8125rem}.global-search input::placeholder{color:var(--muted)}.global-search kbd{font-family:var(--font);font-size:10px;font-weight:600;color:var(--muted);background:var(--bg2);border:1px solid var(--border);border-radius:5px;padding:1px 6px}.topbar-right{display:flex;align-items:center;gap:.5rem;margin-left:auto;padding-right:.25rem}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--border);padding:1rem 0 0;position:fixed;top:var(--topbar-h);bottom:0;left:0;overflow-y:auto;z-index:50;display:flex;flex-direction:column}.sidebar-scroll{flex:1;overflow-y:auto;padding-bottom:.5rem}.sidebar-section-label{font-size:.625rem;font-weight:700;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;padding:.9rem 1.25rem .35rem}.sidebar-item{display:flex;align-items:center;gap:.7rem;padding:.55rem 1.25rem;margin:1px .5rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--text2);cursor:pointer;transition:all var(--transition)}.sidebar-item svg{width:18px;height:18px;flex-shrink:0;opacity:.85}.sidebar-item:hover{background:#6366f10f;color:var(--text)}.sidebar-item.active{background:linear-gradient(90deg,rgba(99,102,241,.16),var(--surf2));color:#fff;font-weight:600;box-shadow:inset 2px 0 0 var(--indigo),inset 0 0 18px #6366f11a}.sidebar-item.active svg{opacity:1;color:var(--indigo);filter:drop-shadow(0 0 6px rgba(99,102,241,.6))}.sidebar-item .count{margin-left:auto;font-size:.625rem;font-weight:700;background:#6366f126;color:var(--indigo);padding:1px 7px;border-radius:999px}.sidebar-item .count.danger{background:#f43f5e26;color:var(--rose)}.sidebar-footer{border-top:1px solid var(--border);padding:.5rem .6rem .65rem;background:var(--sidebar-bg)}.client-picker{width:100%;display:flex;align-items:center;gap:.4rem;background:var(--surf2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .5rem;color:var(--text);font-size:.7rem;font-weight:500;cursor:pointer;transition:all var(--transition);margin-bottom:.5rem}.client-picker svg{width:14px;height:14px;flex-shrink:0}.client-picker:hover{border-color:var(--border2);background:var(--surf3)}.client-picker .picker-label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-picker .picker-caret{color:var(--muted);flex-shrink:0}.client-picker-menu{position:absolute;bottom:100%;left:.75rem;right:.75rem;margin-bottom:6px;background:var(--surf2);border:1px solid var(--border2);border-radius:var(--radius-sm);box-shadow:0 -12px 40px #0000008c;max-height:320px;overflow-y:auto;z-index:80;padding:.35rem;animation:pop .18s cubic-bezier(.4,0,.2,1) both}.client-picker-opt{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:6px;font-size:.8rem;color:var(--text2);cursor:pointer}.client-picker-opt:hover{background:#6366f114;color:var(--text)}.client-picker-opt.active{background:var(--surf3);color:#fff}.sidebar-user{display:flex;align-items:center;gap:.6rem}.avatar-circle{width:34px;height:34px;border-radius:50%;background:var(--grad-btn);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.avatar-circle.sm{width:28px;height:28px;font-size:.7rem}.avatar-circle.lg{width:48px;height:48px;font-size:1.05rem}.sidebar-user-info{min-width:0;flex:1}.sidebar-user-name{font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:.68rem;color:var(--muted);text-transform:capitalize}.sidebar-logout{width:30px;height:30px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all var(--transition)}.sidebar-logout:hover{background:#f43f5e1a;color:var(--rose)}.card{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 38%),var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);transition:border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:var(--border2)}.card-glow{background-image:var(--grad-surface)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem}.card-title{font-family:var(--font-display);font-size:.9375rem;font-weight:700;letter-spacing:-.01em}.page-title,.kpi-value,.stat-value,.dash-greeting,.modal-title,.topbar-brand-title{font-family:var(--font-display)}.kpi-value,.stat-value{letter-spacing:-.03em}.link-more{font-size:.75rem;font-weight:600;color:var(--indigo);display:inline-flex;align-items:center;gap:3px;transition:gap var(--transition)}.link-more:hover{gap:6px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-bottom:1.5rem}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}.kpi-grid>*,.stat-grid>*{animation:ui-fade .45s ease both}.kpi-grid>*:nth-child(2),.stat-grid>*:nth-child(2){animation-delay:.06s}.kpi-grid>*:nth-child(3),.stat-grid>*:nth-child(3){animation-delay:.12s}.kpi-grid>*:nth-child(4),.stat-grid>*:nth-child(4){animation-delay:.18s}.kpi-grid>*:nth-child(5),.stat-grid>*:nth-child(5){animation-delay:.24s}.kpi-grid>*:nth-child(6),.stat-grid>*:nth-child(6){animation-delay:.3s}@media (prefers-reduced-motion: reduce){.kpi-grid>*,.stat-grid>*{animation:none}}.kpi-card{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%),var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;position:relative;overflow:hidden;box-shadow:var(--shadow);transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);opacity:.5;transition:opacity var(--transition)}.kpi-card:hover{border-color:var(--border2);transform:translateY(-3px);box-shadow:0 14px 34px #0006,0 0 0 1px #6366f12e}.kpi-card:hover:before{opacity:1}.kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}.kpi-label{font-size:.72rem;font-weight:600;color:var(--text2);letter-spacing:.01em}.kpi-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center}.kpi-value{font-size:1.85rem;font-weight:800;line-height:1;letter-spacing:-.02em}.kpi-value small{font-size:.9rem;font-weight:600;color:var(--muted)}.kpi-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:.55rem;gap:.5rem}.kpi-delta{font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;gap:2px}.kpi-delta.up{color:var(--green)}.kpi-delta.down{color:var(--rose)}.kpi-badge{font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.03em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition);border:none;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--grad-btn);color:#fff;box-shadow:0 4px 14px #4f46e559,inset 0 1px #ffffff2e}.btn-primary:hover:not(:disabled){box-shadow:0 8px 24px #4f46e58c,inset 0 1px #ffffff40}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--border2);background:#6366f10d}.btn-danger{background:#f43f5e1f;color:var(--rose);border:1px solid rgba(244,63,94,.25)}.btn-danger:hover:not(:disabled){background:#f43f5e38}.btn-sm{padding:.32rem .7rem;font-size:.75rem}.btn-lg{padding:.75rem 1.5rem;font-size:.9375rem}.btn-icon{width:32px;height:32px;padding:0;justify-content:center;border-radius:var(--radius-sm)}.inp{width:100%;background:var(--surf2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .85rem;color:var(--text);font-size:.8125rem;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.inp::placeholder{color:var(--muted)}.inp:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #6366f11f}.inp-sm{padding:.375rem .625rem;font-size:.75rem}select.inp{cursor:pointer}.fg{margin-bottom:.875rem}.fg label{display:block;font-size:.6875rem;color:var(--text2);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.3rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tbl-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.8125rem}th{text-align:left;padding:.5rem .625rem;color:var(--text2);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap;position:relative;-webkit-user-select:none;user-select:none}td{padding:.5rem .625rem;border-bottom:1px solid rgba(99,102,241,.06);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover td{background:#6366f108}.col-resize-handle{position:absolute;right:-3px;top:0;bottom:0;width:6px;cursor:col-resize;z-index:2;background:transparent;border-radius:3px}.col-resize-handle:hover{background:#6366f166}.pill{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.6875rem;font-weight:600}.badge{font-size:.65rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}.badge-beta{background:#6366f11a;border:1px solid rgba(99,102,241,.25);color:var(--indigo)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:20px;padding:1.75rem;width:100%;max-width:520px;box-shadow:0 40px 100px #000000b3;animation:pop .25s cubic-bezier(.4,0,.2,1) both}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.modal-title{font-size:1.0625rem;font-weight:800}.modal-close{width:28px;height:28px;border-radius:7px;background:var(--surf2);border:1px solid var(--border);color:var(--muted);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.modal-close:hover{background:#f43f5e1a;border-color:#f43f5e4d;color:var(--rose)}.alert-box{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.8125rem;margin-bottom:.875rem}.alert-error{background:#f43f5e1a;border:1px solid rgba(244,63,94,.25);color:var(--rose)}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:var(--green)}.alert-info{background:#06b6d41a;border:1px solid rgba(6,182,212,.25);color:var(--cyan)}.alert-warn{background:#f59e0b14;border:1px solid rgba(245,158,11,.2);color:var(--amber)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.stat-card{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 40%),var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);transition:border-color var(--transition),transform var(--transition)}.stat-card:hover{border-color:var(--border2);transform:translateY(-2px)}.stat-label{font-size:.6875rem;color:var(--text2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.375rem}.stat-value{font-size:1.875rem;font-weight:800;color:var(--indigo);line-height:1}.stat-sub{font-size:.6875rem;color:var(--muted);margin-top:.25rem}.score-bar{height:4px;background:#ffffff0f;border-radius:999px;overflow:hidden}.score-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--indigo2),var(--indigo));transition:width .5s ease}.empty-state{text-align:center;padding:3rem 1rem;color:var(--muted)}.empty-state .icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.empty-state p{font-size:.875rem}.loader{display:inline-block;width:18px;height:18px;border:2px solid rgba(99,102,241,.2);border-top-color:var(--indigo);border-radius:50%;animation:spin .7s linear infinite}.month-group-row td{background:#6366f10d!important;border-top:1px solid rgba(99,102,241,.18)!important;border-bottom:1px solid rgba(99,102,241,.1)!important;padding:.4rem .625rem!important;font-size:.6875rem!important;font-weight:700!important;color:#818cf8d9!important;letter-spacing:.04em;text-transform:uppercase;cursor:pointer!important;-webkit-user-select:none;user-select:none}.month-group-row:hover td{background:#6366f117!important}tr.month-hidden{display:none}.scanline{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9970;pointer-events:none;overflow:hidden}.scanline:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(transparent,rgba(99,102,241,.04),transparent);animation:scan 12s linear infinite}.tabs{display:flex;border-bottom:1px solid var(--border);gap:.25rem}.tab{padding:.625rem 1rem;font-size:.8125rem;font-weight:600;color:var(--text2);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition);white-space:nowrap}.tab:hover{color:var(--text)}.tab.active{color:var(--indigo);border-bottom-color:var(--indigo)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.page-title{font-size:1.375rem;font-weight:800;letter-spacing:-.02em}.color-picker{display:flex;gap:4px;align-items:center}.color-dot{width:12px;height:12px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .12s}.color-dot:hover{transform:scale(1.4)}.color-dot.selected{border-color:#fff}.dash-greeting{font-size:1.75rem;font-weight:800;letter-spacing:-.025em}.dash-sub{color:var(--text2);font-size:.875rem;margin-top:3px}.dash-date{font-size:.8rem;color:var(--text2);text-align:right;text-transform:capitalize}.opp-row{display:flex;align-items:center;gap:.75rem;padding:.7rem .25rem;border-bottom:1px solid rgba(99,102,241,.06);transition:background var(--transition);border-radius:8px}.opp-row:last-child{border-bottom:none}.opp-row:hover{background:#6366f10a}.opp-prob{font-size:.95rem;font-weight:800;min-width:46px;text-align:right}.opp-reco{font-size:.72rem;color:var(--text2);margin-top:2px;display:flex;align-items:center;gap:4px}.activity-row{display:flex;gap:.7rem;padding:.6rem .4rem;align-items:flex-start;border-radius:8px;transition:background var(--transition)}.activity-row:hover{background:#6366f10a}.activity-dot{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px}.legend-row{display:flex;align-items:center;gap:.5rem;font-size:.76rem;padding:.35rem 0}.legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.legend-row .legend-name{color:var(--text2);flex:1}.legend-row .legend-val{font-weight:700;color:var(--text)}.task-row{display:flex;align-items:center;gap:.6rem;padding:.6rem .4rem;border-radius:8px;border-bottom:1px solid rgba(99,102,241,.06);transition:background var(--transition)}.task-row:last-child{border-bottom:none}.task-row:hover{background:#6366f10a}.task-check{width:18px;height:18px;border-radius:5px;flex-shrink:0;border:1.5px solid var(--border2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.task-check:hover{border-color:var(--indigo)}.task-check.done{background:var(--indigo);border-color:var(--indigo)}.task-date{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}.graph-toolbar{display:flex;align-items:center;gap:.5rem}.graph-chip{font-size:.72rem;font-weight:600;color:var(--text2);background:var(--surf2);border:1px solid var(--border);border-radius:7px;padding:.3rem .65rem;cursor:pointer;transition:all var(--transition)}.graph-chip:hover,.graph-chip.active{color:var(--text);border-color:var(--border2);background:var(--surf3)}.rg-wrap{position:relative;border-radius:var(--radius);overflow:hidden;background:radial-gradient(ellipse 60% 60% at 50% 45%,rgba(99,102,241,.1),transparent 70%),radial-gradient(ellipse 40% 40% at 80% 90%,rgba(124,58,237,.08),transparent 70%),var(--bg2)}@keyframes rg-fade{0%{opacity:0}to{opacity:1}}@keyframes rg-flow{to{stroke-dashoffset:-14}}@keyframes rg-sweep{to{transform:rotate(360deg)}}@keyframes rg-ring{0%{opacity:.5;transform:scale(.55)}to{opacity:0;transform:scale(1.7)}}@keyframes rg-bgspin{to{transform:rotate(360deg)}}.rg-edge{animation:rg-flow 1.3s linear infinite}.rg-node{animation:rg-fade .5s ease both;transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s ease;transform-box:fill-box;transform-origin:center;cursor:pointer}.rg-ring{transform-box:fill-box;transform-origin:center;animation:rg-ring 2.6s ease-out infinite}.rg-sweep{transform-box:fill-box;transform-origin:center;animation:rg-sweep 14s linear infinite}.rg-bgspin{transform-box:fill-box;transform-origin:center;animation:rg-bgspin 60s linear infinite}@media (prefers-reduced-motion: reduce){.rg-edge,.rg-node,.rg-ring,.rg-sweep,.rg-bgspin{animation:none!important}}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;position:relative;z-index:1}.auth-hero{position:relative;overflow:hidden;padding:3.5rem 3rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(155deg,#14122ecc,#3b1d7299 48%,#5b21b685)}.auth-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 60% 55% at 72% 18%,rgba(129,140,248,.55),transparent 60%);mix-blend-mode:screen;opacity:.7}.auth-hero>*{position:relative;z-index:2}.auth-hero-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.55;pointer-events:none}.auth-brand{display:flex;align-items:center;gap:.7rem}.auth-headline{font-family:var(--font-display);font-size:clamp(1.9rem,3vw,2.7rem);font-weight:800;line-height:1.07;letter-spacing:-.03em;color:#fff}.auth-sub{color:#ffffffb8;font-size:.98rem;line-height:1.55;max-width:36ch;margin-top:1.1rem}.auth-feats{display:flex;flex-direction:column;gap:.55rem}.auth-feat{display:flex;align-items:center;gap:.65rem;color:#ffffffe0;font-size:.88rem}.auth-feat .dot{width:30px;height:30px;border-radius:9px;background:#ffffff21;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.auth-panel{display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background:transparent}.auth-card{width:100%;max-width:420px;background:#0b0d1ab8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border2);border-radius:20px;padding:1.9rem 1.6rem;box-shadow:var(--shadow-lg)}.auth-mode-btn{flex:1;padding:.65rem;border-radius:10px;font-size:12.5px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surf2);color:var(--text2);transition:all var(--transition)}.auth-mode-btn.on{border-color:var(--indigo);background:#6366f11f;color:#fff;box-shadow:var(--glow)}.auth-step{flex:1;height:3px;border-radius:999px;background:var(--surf3);transition:background .3s}.auth-step.on{background:var(--grad)}@media (max-width: 900px){.auth-wrap{grid-template-columns:1fr}.auth-hero{display:none}}.cap-line{stroke-dasharray:1;stroke-dashoffset:0;animation:drawLine 1.2s cubic-bezier(.4,0,.2,1) forwards}.cap-area{animation:rg-fade .9s ease both;animation-delay:.3s}.cap-dot{animation:rg-fade .4s ease both}@media (prefers-reduced-motion: reduce){.cap-line,.cap-area,.cap-dot{animation:none!important;stroke-dashoffset:0!important}}.flex{display:flex}.flex-1{flex:1}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.text-muted{color:var(--muted)}.text-2{color:var(--text2)}.text-teal,.text-indigo{color:var(--indigo)}.text-danger{color:var(--rose)}.text-xs{font-size:.6875rem}.text-sm{font-size:.8125rem}.font-bold{font-weight:700}.font-display{font-weight:800}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}@media (max-width: 1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){:root{--sidebar-w: 0px}.sidebar{display:none}.topbar-logo{width:auto}.with-sidebar{margin-left:0}.main-content{padding:1rem}.form-row{grid-template-columns:1fr}.global-search{display:none}.kpi-grid{grid-template-columns:1fr}}