.auth-screen{background:var(--black);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-panel{background:var(--paper-raised);border-radius:28px;width:100%;max-width:440px;padding:48px;animation:.5s cubic-bezier(.34,1.56,.64,1) vunoModalSpring;box-shadow:0 40px 100px #00000080}.auth-brand{align-items:center;margin-bottom:12px;display:flex}.brand-logo-auth{width:auto;height:52px}.auth-tag{color:var(--ink-soft);margin:0 0 32px;font-size:15px;font-weight:500}.auth-tabs{background:var(--paper);border-radius:12px;gap:8px;margin-bottom:32px;padding:6px;display:flex}.auth-tab{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.auth-tab-active{background:var(--paper-raised);color:var(--black);box-shadow:0 2px 8px #00000014}.auth-submit{border-radius:12px;justify-content:center;width:100%;margin-top:24px;padding:14px;font-size:15px;font-weight:700}.error-text{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-top:20px;padding:12px 16px;font-size:13px;font-weight:600}.shell{background-color:var(--bg);min-height:100vh;display:flex;position:relative}.sidebar{z-index:1050;color:#fff;background-color:#000;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;width:280px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-command-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0006;border-bottom:1px solid #ffffff0d;margin-bottom:12px;padding:0;position:sticky;top:0}.system-status{background:#facc150d;align-items:center;gap:10px;padding:12px 28px;display:flex}.status-dot-pulse{background:#facc15;border-radius:50%;width:6px;height:6px;animation:2s infinite vunoPulse;box-shadow:0 0 8px #facc15}.status-text{letter-spacing:.15em;color:#facc15;text-transform:uppercase;font-size:9px;font-weight:800}.brand{justify-content:flex-start;align-items:center;padding:32px 28px;display:flex}.brand-logo{height:32px}.nav{scrollbar-width:thin;scrollbar-color:#facc15 transparent;flex:1;padding:12px 16px;overflow-y:auto}.nav::-webkit-scrollbar{width:3px}.nav::-webkit-scrollbar-track{background:0 0}.nav::-webkit-scrollbar-thumb{background-color:#facc15;border-radius:20px;box-shadow:0 0 10px #facc15}.nav-group{margin-bottom:28px}.nav-group-label{text-transform:uppercase;letter-spacing:.1em;color:#fff3;margin-bottom:12px;padding:0 12px;font-size:11px;font-weight:500}.nav-link{color:#fff6;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-link:hover{color:#fff;background-color:#ffffff0a;border-color:#ffffff1a}.nav-link-active{background-color:#facc15;box-shadow:0 4px 12px #facc154d;color:#000!important}.sidebar-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0006;border-top:1px solid #ffffff0d;padding:24px}.profile-widget{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.avatar{color:#000;background-color:#facc15;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:500;display:flex}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.user-email{color:#fff6;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-action-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sidebar-action-btn:hover{color:#fff;background-color:#ffffff0d}.content{flex-direction:column;flex:1;min-width:0;min-height:100vh;margin-left:280px;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--paper-glass);-webkit-backdrop-filter:blur(12px);z-index:1000;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex;position:fixed;top:0;left:280px;right:0;box-shadow:0 4px 10px #00000003}.topbar-left{align-items:center;gap:24px;display:flex}.topbar-right{align-items:center;gap:16px;display:flex}.search-trigger-container{cursor:pointer;background:#f1f5f9;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;min-width:240px;padding:8px 12px;transition:all .2s;display:flex}.search-trigger-container:hover{box-shadow:var(--shadow-sm);background:#fff;border-color:#000}.search-trigger-text{color:var(--text-tertiary);flex:1;font-size:13px;font-weight:500}.search-kbd{color:#000;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:2px;padding:2px 6px;font-size:11px;font-weight:500;display:flex;box-shadow:0 1px #0000000d}.command-palette-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0f172a66;justify-content:center;align-items:flex-start;padding-top:10vh;display:flex;position:fixed;inset:0}.command-palette{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:640px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.command-palette-input-wrap{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding:20px 24px;display:flex}.command-palette-input{color:#000;background:0 0;border:none;outline:none;flex:1;font-size:18px;font-weight:500}.command-palette-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:500}.command-palette-results{max-height:480px;padding:12px;overflow-y:auto}.command-palette-empty{text-align:center;color:#64748b;padding:32px;font-size:14px;font-weight:500}.command-palette-group{margin-bottom:12px}.command-palette-category{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;padding:8px 12px;font-size:11px;font-weight:500}.command-palette-result{cursor:pointer;border-radius:12px;padding:12px;transition:all .15s}.command-palette-result:hover{background:#f8fafc}.command-palette-result-label{color:#000;font-size:14px;font-weight:500}.command-palette-result-sublabel{color:#64748b;margin-top:2px;font-size:12px}.notification-bell-wrap{position:relative}.notification-bell-btn{color:#000;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:relative}.notification-bell-btn:hover{background:#e2e8f0}.notification-dot{background:#facc15;border:2px solid #f1f5f9;border-radius:50%;width:8px;height:8px;position:absolute;top:12px;right:12px}.notification-panel{width:360px;box-shadow:var(--shadow-lg);z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:16px;position:absolute;top:56px;right:0;overflow:hidden}.notification-panel-header{background:#fafafa;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notification-mark-all{color:#ca8a04;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:500}.notification-list{max-height:400px;overflow-y:auto}.notification-item{cursor:pointer;border-bottom:1px solid #f8fafc;gap:12px;padding:16px 20px;transition:background .15s;display:flex}.notification-item:hover{background:#fcfcfc}.notification-item-unread{background:#fefce8}.unread-indicator{background:#facc15;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.notification-content{flex:1}.notification-item-title{color:#000;margin-bottom:4px;font-size:13.5px;font-weight:500}.notification-item-message{color:#64748b;margin-bottom:6px;font-size:13px;line-height:1.4}.notification-item-time{color:#94a3b8;font-size:11px;font-weight:400}.notification-empty{text-align:center;color:#94a3b8;padding:48px 24px}.topbar .btn-secondary{color:#000;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 16px;font-size:13px}.topbar .btn-secondary:hover{background:#fff;border-color:#000}.main-scroll{flex:1;padding:120px 48px 48px;overflow:hidden auto}.container{max-width:1400px;margin:0 auto}.mobile-toggle{color:#fff;cursor:pointer;background:#000;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:none}@media (width<=1100px){.sidebar{height:100vh;position:fixed;transform:translate(-100%);box-shadow:20px 0 60px #00000026}.content{width:100%;margin-left:0}.topbar{padding:0 20px;left:0}.mobile-nav-open .sidebar{transform:translate(0)}.mobile-toggle{display:flex}.topbar{padding:0 20px}.main-scroll{padding:32px 20px}.hide-mobile{display:none}}.pricing-page{background:var(--paper);min-height:100vh;color:var(--ink);padding:0 0 80px}.pricing-nav{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:24px 5%;display:flex}.pricing-header{text-align:center;max-width:800px;margin:0 auto;padding:60px 20px 40px}.pricing-header h1{letter-spacing:-.04em;margin-bottom:16px;font-size:48px;font-weight:900;line-height:1.1}.founding-banner{color:#854d0e;background:#fef9c3;border:1px solid #fef08a;border-radius:99px;align-items:center;gap:10px;margin:32px 0;padding:12px 24px;font-size:14px;display:inline-flex}.pricing-controls{justify-content:center;gap:24px;margin-top:40px;display:flex}.control-group{background:var(--line);border-radius:99px;padding:4px;display:flex}.control-group button{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-radius:99px;padding:8px 20px;font-size:14px;font-weight:700;transition:all .2s}.control-group button.active{color:var(--ink);background:#fff;box-shadow:0 2px 4px #0000001a}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:60px auto;padding:0 20px;display:grid}.pricing-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:24px;flex-direction:column;padding:40px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.pricing-card.featured{border:2px solid var(--amber-500)}.badge-featured{background:var(--amber-500);color:#000;text-transform:uppercase;border-radius:99px;padding:4px 16px;font-size:12px;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.tier-icon{color:var(--amber-600);margin-bottom:24px}.tier-name{text-transform:uppercase;color:var(--ink-soft);letter-spacing:.1em;margin-bottom:8px;font-size:14px;font-weight:900}.tier-price{align-items:baseline;gap:4px;margin-bottom:16px;display:flex}.tier-price .amount{font-size:36px;font-weight:900}.tier-price .period{color:var(--ink-soft);font-size:14px}.founding-price{color:var(--red-600);margin-top:-12px;margin-bottom:16px;font-size:13px;text-decoration:line-through}.tier-desc{color:var(--ink-soft);min-height:44px;margin-bottom:32px;font-size:15px}.tier-btn{justify-content:center;width:100%;margin-bottom:40px;padding:14px}.tier-features{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.tier-features li{color:var(--ink);align-items:flex-start;gap:12px;font-size:14px;display:flex}.tier-features svg{color:var(--teal-700);flex-shrink:0;margin-top:2px}.pricing-footer{text-align:center;margin-top:60px}@media (width<=900px){.pricing-grid{grid-template-columns:1fr;max-width:500px}}:root{--ink:#17181a;--ink-soft:#55585e;--paper:#f6f4ee;--paper-raised:#fff;--line:#e6e2d8;--black:#0b0b0d;--black-soft:#232326;--amber-700:#9c6015;--amber-600:#c97f1f;--amber-500:#e8a33d;--amber-100:#fbead1;--teal-700:#0f5c56;--teal-500:#1e8577;--teal-100:#dceee9;--red-600:#b23b3b;--red-100:#f6dede;--font-display:"Poppins", system-ui, sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-card:0 2px 4px #0b0b0d0a, 0 10px 28px #0b0b0d0f;--fixed-black:#0b0b0d;--fixed-white:#fff}.dark{--ink:#f0eee8;--ink-soft:#9b9690;--paper:#0b0b0d;--paper-raised:#1c1c1f;--line:#333035;--black:#f6f4ee;--black-soft:#d8d3c6;--amber-700:#c9924a;--amber-600:#e0a050;--amber-500:#e8a33d;--amber-100:#3d2e14;--teal-700:#4fbfae;--teal-500:#2fa090;--teal-100:#123330;--red-600:#e07272;--red-100:#3d1f1f;--shadow-card:0 2px 4px #0000004d, 0 10px 28px #0006}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-family:var(--font-display);color:var(--black);margin:0;font-weight:600}.mono-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}a{color:inherit}button{font-family:var(--font-body);cursor:pointer}input,select,textarea{font-family:var(--font-body)}input[type=checkbox],input[type=radio]{accent-color:var(--black)}::selection{background:var(--amber-100)}.page-header{justify-content:space-between;align-items:baseline;margin-bottom:28px;display:flex}.page-header h1{font-size:26px}.page-header-actions{gap:10px;display:flex}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:24px;display:flex}.page-sub{color:var(--ink-soft);margin-top:4px;font-size:14px}.card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:22px 24px;transition:transform .2s,box-shadow .2s}.card.clickable:hover,.project-card:hover,.task-card:hover{border-color:var(--amber-500);transform:translateY(-2px);box-shadow:0 10px 30px #00000014}.stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-size:12.5px;font-weight:600}.stat-value{margin-top:8px;font-size:26px;font-weight:500}.btn{border-radius:var(--radius-sm);background:var(--black);color:var(--paper-raised);cursor:pointer;border:none;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{background:var(--black-soft);transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn-secondary{border:1px solid var(--line);color:var(--ink);background:0 0}.btn-secondary:hover{background:var(--paper-raised);border-color:var(--amber-600);color:var(--amber-700)}.btn-amber{background:var(--amber-500);color:var(--fixed-black);box-shadow:0 2px 4px #e8a33d33}.btn-amber:hover{background:var(--amber-600);box-shadow:0 4px 12px #e8a33d4d}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);border-bottom:1px solid var(--line);padding:10px 14px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--line);padding:12px 14px;font-size:14.5px}tr:last-child td{border-bottom:none}.badge{text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.badge-draft{background:var(--line);color:var(--ink-soft)}.badge-sent{background:var(--amber-100);color:var(--amber-700)}.badge-paid{background:var(--teal-100);color:var(--teal-700)}.badge-void{background:var(--red-100);color:var(--red-600)}.form-row{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-row label{color:var(--ink-soft);font-size:13px;font-weight:600}.form-row input,.form-row select,.form-row textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-raised);color:var(--ink);padding:10px 12px;font-size:14px;transition:border-color .2s}.form-row input:focus,.form-row select:focus{border-color:var(--amber-500);outline:none;box-shadow:0 0 0 3px #e8a33d1a}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;background:#0b0b0d66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--paper-raised);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:540px;max-height:90vh;padding:32px;animation:.5s cubic-bezier(.34,1.56,.64,1) vunoModalSpring;display:flex;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal h2{margin-bottom:24px;font-size:22px;font-weight:600}.modal-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.page-tabs{gap:12px;margin-bottom:24px;display:flex}.page-tab{background:var(--paper-raised);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.page-tab-active{background:var(--amber-500);border-color:var(--amber-500);color:var(--fixed-black);box-shadow:0 4px 12px #e8a33d4d}.line-item-row{grid-template-columns:1fr 80px 120px 80px 40px;align-items:center;gap:12px;margin-bottom:12px;display:grid}.remove-line-btn{color:var(--red-600);cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px;font-size:20px}.remove-line-btn:hover{opacity:1}.empty-state{text-align:center;color:var(--ink-soft);padding:60px 20px;font-size:15px}.error-text{color:var(--red-600);margin-top:8px;font-size:13.5px;font-weight:600}.kanban-board{grid-template-columns:repeat(5,minmax(280px,1fr));gap:20px;padding-bottom:24px;display:grid;overflow-x:auto}.kanban-column{background:#e6e2d84d;border-radius:20px;min-height:500px;padding:16px}.kanban-column-header{justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 8px;display:flex}.kanban-column-title{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-size:11px;font-weight:800}.kanban-column-count{background:var(--paper-raised);color:var(--black);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:900;box-shadow:0 1px 3px #0000000d}.intelligence-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:48px;display:grid}.intelligence-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:24px;padding:28px}.intelligence-card h3{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;align-items:center;gap:10px;margin-bottom:20px;font-size:11px;font-weight:800;display:flex}.intelligence-card .page-tabs{flex-wrap:wrap;margin-bottom:0}@keyframes vunoModalSpring{0%{opacity:0;transform:scale(.9)translateY(40px)}70%{opacity:1;transform:scale(1.02)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.vuno-page-glide{animation:.4s cubic-bezier(.2,.8,.2,1) vunoPageGlide}@keyframes vunoPageGlide{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}