@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=IBM+Plex+Mono:wght@400;500&family=Instrument+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#070b14;--panel:#0d131e;--panel2:#101725;--line:#1d2534;--green:#81bfeb;--mint:#a7d3f2;--text:#eff3f5;--muted:#919da5;--dim:#5d6c77;--amber:#d8b877;--red:#e7979d;--radius:18px;color-scheme:dark;font-family:'Segoe UI',Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-width:340px}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}input:focus,textarea:focus{outline:1px solid var(--green);border-color:var(--green)}::selection{background:#41637b}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:'Segoe UI',Arial,sans-serif}button, a{transition:background .2s,border-color .2s,transform .2s,color .2s}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums}.ambient{position:fixed;top:-200px;right:-130px;background:radial-gradient(ellipse,#16304322,transparent 70%);width:850px;height:800px;pointer-events:none;z-index:-1}#particles{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.45}.sidebar{position:fixed;width:244px;inset:0 auto 0 0;border-right:1px solid var(--line);background:#090f1be8;display:flex;flex-direction:column;padding:36px 19px 0;z-index:30;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:11px;padding:0 11px;font-size:26px;letter-spacing:3px;font-weight:800}.brand svg{width:49px;height:49px;fill:none;stroke:var(--green);stroke-width:1.6;overflow:visible}.brand svg .dot{fill:var(--mint);stroke:#192f3f;stroke-width:4}.brand span{display:block;font-size:11px;letter-spacing:2.2px;color:var(--muted);margin-top:5px;font-weight:600}.workspace-label{display:flex;align-items:center;gap:9px;padding:13px 12px;background:#111929;border:1px solid #243541;border-radius:9px;margin:37px 8px 31px;font-size:11px;letter-spacing:1.2px;color:#c5cfd6}.workspace-label>span:last-child{margin-left:auto;font-size:15px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #81bfeb55}.nav-label{font-size:11px;font-weight:600;color:var(--dim);letter-spacing:1.5px;margin:0 20px 14px}nav{position:relative;display:grid;gap:7px}nav button{display:flex;align-items:center;gap:14px;text-align:left;min-height:48px;padding:0 18px;border-radius:10px;color:#91a0aa;font-size:12px;border:1px solid transparent}nav button svg{width:18px;height:18px;stroke-width:1.6}nav button:hover{background:#131c2d;color:var(--text)}nav button.active{background:linear-gradient(90deg,#20303c,#131c2f);color:var(--mint);border-color:#2b3f4e;box-shadow:inset 3px 0 var(--green)}nav button .nav-badge{margin-left:auto;background:#243b4c;border-radius:5px;padding:3px 6px;font-size:11px;color:#bcd7eb}.sidebar-bottom{margin-top:auto;padding-top:40px}.orbit-mini{width:90px;height:67px;position:relative;margin:0 auto 12px;opacity:.6}.orbit-mini:before,.orbit-mini:after{content:'';position:absolute;border:1px solid #42637a;border-radius:50%;inset:10px 24px}.orbit-mini:after{inset:19px 3px;transform:rotate(-35deg)}.orbit-mini i{position:absolute;inset:25px 37px;border-radius:100%;background:#203544;box-shadow:0 0 35px #71abd444}.orbit-mini span{position:absolute;top:11px;left:65px;width:4px;height:4px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px #bde0f9}.sidebar-bottom>p{text-align:center;font-size:11px;color:var(--dim);line-height:1.8;margin-bottom:31px}.sidebar-bottom strong{color:#9aaab5;font-weight:400}.user{border-top:1px solid var(--line);padding:22px 5px;width:100%;display:flex;gap:10px;align-items:center;text-align:left;font-size:11px}.user small{display:block;color:var(--dim);margin-top:5px;font-size:11px}.user>span:last-child{margin-left:auto;color:var(--dim)}.avatar{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:50%;background:#2c3b45;border:1px solid #485b69;color:#cddfeb;font-size:11px;font-weight:600}.avatar.small{width:30px;height:30px;font-size:11px}.shell{margin-left:244px}.topbar{height:84px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#090f1aaa;backdrop-filter:blur(10px)}.breadcrumb{color:var(--dim);font-size:11px;display:flex;gap:16px}.breadcrumb b{color:#bcc7cf;font-weight:400}.top-actions{display:flex;align-items:center;gap:19px}.today-label{color:#91a0aa;font-size:11px}.top-divider{height:20px;width:1px;background:var(--line)}.icon-btn{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:8px;font-size:20px;color:var(--muted)}.icon-btn:hover{background:#20303b;color:var(--mint)}.icon-btn svg{width:17px;height:17px}.mobile-menu{display:none}main{max-width:1700px;margin:auto;padding:36px 42px 28px;min-height:calc(100vh - 133px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:8px;margin-bottom:10px}.eyebrow:before{content:'';width:15px;height:1px;background:var(--green)}h1{font-size:29px;letter-spacing:-1.1px;font-weight:650;line-height:1.3}.page-heading p{color:var(--muted);font-size:11px;margin-top:9px;line-height:1.6}.heading-actions{display:flex;gap:10px;flex-shrink:0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:11px 15px;background:#0e1524;font-size:11px;font-weight:500;white-space:nowrap}.btn svg{width:15px;height:15px;stroke-width:1.6}.btn:hover{background:#1c2e3b;border-color:#475c6b}.btn.primary{color:#091121;background:var(--mint);border-color:#badbf2;box-shadow:0 3px 20px #629cc60c;font-weight:700}.btn.primary:hover{background:#c8e6fc;box-shadow:0 0 25px #74bbee22}.btn.ghost{background:transparent}.btn.subtle{border-color:transparent;color:var(--green);background:transparent;padding:7px}.hero{display:grid;grid-template-columns:1fr 240px;border:1px solid #2b3e4c;background:linear-gradient(115deg,#131e33 0%,#0d1526 62%,#121b2e 100%);border-radius:var(--radius);padding:27px 32px;position:relative;overflow:hidden;min-height:187px;margin-bottom:23px}.hero:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#8bc0e62a .6px,transparent .6px);background-size:23px 23px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.hero-content{z-index:1;align-self:center}.hero-kicker{font-size:11px;letter-spacing:2px;color:#91abbd;display:flex;align-items:center;gap:7px;margin-bottom:12px}.hero h2{font-size:24px;font-weight:500;letter-spacing:-.7px}.hero h2 span{color:var(--green)}.hero p{margin-top:10px;color:#a5b3bd;font-size:11px;max-width:440px;line-height:1.7}.hero .hero-link{font-size:11px;color:var(--mint);display:inline-flex;gap:9px;align-items:center;margin-top:18px}.hero-link svg{width:13px;height:13px}.orbital-widget{position:relative;width:218px;height:165px;align-self:center;z-index:2;touch-action:none;cursor:grab;user-select:none}.orbit-ring{position:absolute;border:1px solid #619bc540;border-radius:50%;width:200px;height:65px;top:50px;left:8px;transform:rotate(-25deg)}.orbit-ring.two{transform:rotate(42deg);width:175px;left:20px;height:100px;top:32px;opacity:.5}.orbit-ring.three{width:155px;height:155px;top:5px;left:32px;border-style:dashed;opacity:.4;animation:spin 60s linear infinite}.orbit-ring:first-child:after{content:'';position:absolute;width:7px;height:7px;background:var(--mint);border-radius:50%;left:20px;top:3px;box-shadow:0 0 14px #add6f4}.orbit-core{position:absolute;inset:31px 59px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #4f728b;border-radius:50%;background:radial-gradient(circle at 35% 25%,#314757,#111a2b);box-shadow:0 0 36px #649ac015,inset 0 0 25px #81accb17}.orbit-core strong{font-family:'Segoe UI',Arial,sans-serif;font-size:34px;font-weight:500;color:#d0e8f9;line-height:1.1}.orbit-core span{font-size:11px;letter-spacing:1.3px;color:#9db4c5;margin-top:5px}.orbit-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;letter-spacing:1.7px;color:#7490a4}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat{background:linear-gradient(125deg,#0e1524,#0c111c);border:1px solid var(--line);border-radius:13px;padding:19px 20px;position:relative;transition:transform .25s,border-color .25s;overflow:hidden}.stat:hover{transform:translateY(-3px);border-color:#455d6e}.stat:after{content:'';width:65px;height:65px;border:1px solid #5e93b90b;border-radius:50%;position:absolute;right:-12px;bottom:-18px}.stat-label{display:flex;align-items:center;justify-content:space-between;color:#a4b1bb;font-size:11px}.stat-icon{color:var(--green);background:#24384755;border:1px solid #30445277;padding:6px;border-radius:8px;display:flex}.stat-icon svg{width:14px;height:14px}.stat-value{font-family:'Segoe UI',Arial,sans-serif;font-size:31px;line-height:1.1;margin:13px 0 9px;font-weight:500;letter-spacing:-1px}.stat-foot{font-size:11px;color:var(--dim)}.stat-foot b{font-weight:400;color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:20px}.panel{background:#0c121dd9;border:1px solid var(--line);border-radius:14px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #1d253466;gap:10px}.panel-title{font-size:12px;font-weight:600;letter-spacing:-.1px}.panel-title svg{width:15px;height:15px;vertical-align:middle;margin-right:7px;color:var(--green)}.panel-sub{font-size:11px;color:var(--dim);margin-top:6px}.panel-tools{display:flex;align-items:center;gap:8px}.pill{background:#1b2435;border:1px solid #2d4150;color:#a2c3da;font-size:11px;border-radius:5px;padding:5px 7px;white-space:nowrap}.date-controls{display:flex;align-items:center;gap:9px}.date-controls span{font-size:11px;min-width:118px;text-align:center;color:#cbd7df;text-transform:capitalize}.calendar{padding:16px 19px 19px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);font-size:11px;text-transform:uppercase;text-align:center;letter-spacing:1px;color:var(--dim);margin-bottom:10px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal-day{min-height:45px;border:1px solid transparent;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;position:relative;font-variant-numeric:tabular-nums;color:#acb8c1}.cal-day:hover{background:#1b2c38}.cal-day.out{color:#3d4e5a}.cal-day.today{border-color:#56778f;color:#bcd7eb;background:#22364555}.cal-day.selected{background:var(--mint);color:#10192a;border-color:var(--mint)}.cal-day .dots{display:flex;gap:3px;min-height:3px}.cal-day .dots i{width:3px;height:3px;border-radius:50%;background:#82aac7}.cal-day.selected .dots i{background:#29506c}.calendar-legend{display:flex;justify-content:center;gap:17px;font-size:11px;color:var(--dim);border-top:1px solid var(--line);padding-top:14px;margin-top:16px}.calendar-legend span{display:flex;align-items:center;gap:5px}.calendar-legend i{width:4px;height:4px;border-radius:50%;background:#8cb3ce}.calendar-legend span:last-child i{background:#c1b372}.list-entry{display:grid;grid-template-columns:49px 1fr auto;gap:13px;padding:17px 21px;border-bottom:1px solid #1d253488;align-items:center;cursor:pointer;transition:background .2s}.list-entry:hover{background:#16203377}.list-entry:last-child{border-bottom:0}.entry-date{border-right:1px solid var(--line);color:var(--mint);font-size:12px;min-height:34px;display:flex;flex-direction:column;justify-content:center;gap:5px}.entry-date small{font-size:11px;color:var(--dim)}.entry-name{font-size:11px;font-weight:500}.entry-car{font-size:11px;color:var(--muted);margin-top:5px}.entry-bottom{display:flex;align-items:center;gap:9px;margin-top:8px;font-size:11px;color:var(--dim)}.status{font-size:11px;font-weight:500;padding:5px 7px;border:1px solid #455b6a66;border-radius:5px;display:inline-flex;align-items:center;gap:5px;background:#293f4e33;color:#acc3d4;white-space:nowrap}.status:before{content:'';width:4px;height:4px;background:currentColor;border-radius:50%}.status.wait{color:#d5bf83;background:#67542622;border-color:#836c3b55}.status.missed{color:#dd969c;background:#65333b22;border-color:#7f4d5555}.status.neutral{color:#91abbd;background:#24364344;border-color:#41566577}.status.sold{color:#9fcff1;background:#2f4a5d33;border-color:#51738b66}.all-records{margin-top:23px}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filters input,.search{background:#0a101c;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:10px 12px;font-size:11px}.search-wrap{position:relative;flex:1;min-width:170px}.search-wrap svg{position:absolute;left:12px;top:11px;width:14px;height:14px;color:var(--dim)}.search-wrap input{width:100%;padding-left:34px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left;font-size:11px}th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);font-weight:500;padding:13px 21px;background:#10172566;border-bottom:1px solid var(--line)}td{padding:15px 21px;border-bottom:1px solid #1d253488;color:#b8c5ce}tr:last-child td{border-bottom:0}tbody tr{transition:background .2s;cursor:pointer}tbody tr:hover{background:#19223466}.table-client{display:flex;gap:10px;align-items:center}.initials{background:#21313c;border:1px solid #30424f;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;font-size:11px;color:#aec3d2}.table-client strong{font-weight:500;font-size:11px;color:#dce4e9}.table-client small,.table-secondary{font-size:11px;color:var(--dim);display:block;margin-top:5px}.table-source{font-size:11px;color:var(--muted)}.table-footer{padding:13px 21px;display:flex;align-items:center;justify-content:space-between;color:var(--dim);font-size:11px;border-top:1px solid var(--line)}.pagination{display:flex;gap:6px;align-items:center}.pagination .icon-btn{width:25px;height:25px;font-size:14px}.filterbar{padding:15px 21px;border-bottom:1px solid var(--line)}.segmented{display:flex;padding:4px;background:#070d19;border:1px solid var(--line);border-radius:9px;gap:3px}.segmented button{font-size:11px;padding:7px 12px;border-radius:6px;color:var(--muted)}.segmented button.active{background:#223543;color:var(--mint);box-shadow:0 1px 4px #0005}.agenda-toolbar{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid var(--line);gap:10px;flex-wrap:wrap}.agenda-toolbar h2{font-size:17px;text-transform:capitalize;font-weight:500}.month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.month-weekday{padding:15px;text-align:center;color:var(--dim);font-size:11px;border-bottom:1px solid var(--line)}.month-cell{min-height:131px;padding:9px;border-right:1px solid #202f3a66;border-bottom:1px solid #202f3a66;min-width:0}.month-cell:nth-child(7n){border-right:0}.month-cell.out{background:#070c1766;opacity:.5}.month-cell.today{background:#23394822}.month-day{display:flex;justify-content:space-between;margin-bottom:8px}.month-day button{font-size:11px;width:24px;height:24px;border-radius:50%;color:var(--muted)}.month-cell.today .month-day>button{color:#101828;background:var(--mint)}.month-event{display:block;width:100%;text-align:left;border-left:2px solid #759cb8;padding:5px;background:#21354477;border-radius:3px;margin:4px 0;font-size:11px;color:#c1d2de;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-event:hover{background:#344b5c}.month-event.missed{border-color:#b17278;background:#53343b66}.more-events{font-size:11px;color:var(--green);padding:3px}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));min-width:790px}.week-col{border-right:1px solid var(--line);min-height:400px}.week-head{text-align:center;border-bottom:1px solid var(--line);padding:16px;font-size:11px;color:var(--muted)}.week-head strong{font-size:24px;display:block;margin-top:5px;color:var(--text);font-weight:500}.week-head.today strong{color:var(--green)}.week-col .month-event{margin:9px;width:calc(100% - 18px);white-space:normal;line-height:1.6;padding:10px}.day-title{padding:20px;color:var(--muted);font-size:11px}.empty{padding:40px 20px;text-align:center;color:var(--dim);font-size:11px;line-height:1.8}.empty svg{width:27px;height:27px;display:block;margin:0 auto 12px;color:#50697a}.empty strong{display:block;color:#bbc6ce;font-weight:400;margin-bottom:7px}.reports-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.chart{padding:20px 24px}.bar-row{display:grid;grid-template-columns:115px 1fr 42px;gap:12px;align-items:center;margin:16px 0;font-size:11px;color:#b5c1ca}.bar-track{height:7px;background:#1c2332;border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#3a6380,#9bc7e7);transition:width .6s}.bar-row b{font-size:11px;font-weight:400;color:var(--mint);text-align:right}.funnel-stage{margin:14px 0;display:grid;grid-template-columns:105px 1fr auto;gap:13px;align-items:center;font-size:11px;color:var(--muted)}.funnel-stage .bar-track{height:27px;background:#161d2c}.funnel-stage .bar-fill{background:linear-gradient(90deg,#1f425b,#436b87);border-radius:3px}.funnel-stage b{color:#c6d8e4;min-width:33px;text-align:right;font-weight:400}.report-note{color:var(--dim);font-size:11px;padding:0 24px 22px;line-height:1.8}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-body{padding:23px;line-height:1.8;color:var(--muted);font-size:11px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 20px}.setting-row h3{font-size:12px;color:var(--text);font-weight:500;margin-bottom:6px}.toggle{width:39px;height:22px;background:#243a4a;border-radius:22px;border:1px solid #426279;padding:3px;display:flex;align-items:center}.toggle i{display:block;width:14px;height:14px;border-radius:50%;background:var(--mint);transform:translateX(16px);transition:transform .2s}.toggle.off{background:#191f2c;border-color:#344048}.toggle.off i{transform:translateX(0);background:#788791}.source-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.source-tags span{padding:6px 10px;background:#182132;border:1px solid #2a3e4c;border-radius:6px;font-size:11px;color:#b6c6d2}.review-banner{margin:0 0 20px;border:1px solid #6b5f3455;background:#50432222;padding:12px 15px;border-radius:9px;color:#d0bd85;display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:14px}.review-banner svg{width:15px;height:15px;vertical-align:middle;margin-right:7px}.review-banner button{font-size:11px;text-decoration:underline;color:#e6cf8e;white-space:nowrap}.modal-overlay{position:fixed;inset:0;background:#02060eb3;backdrop-filter:blur(6px);z-index:80;display:flex;justify-content:flex-end;animation:fade .2s ease}.drawer{width:min(565px,100vw);height:100%;background:#0b1220;border-left:1px solid #344856;box-shadow:-20px 0 80px #0006;display:flex;flex-direction:column;animation:slide .25s ease}.drawer-head{padding:26px 28px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-head h2{font-size:20px;font-weight:500}.drawer-head p{font-size:11px;color:var(--dim);margin-top:7px}.drawer-tabs{padding:16px 28px 0;display:flex;gap:22px;border-bottom:1px solid var(--line)}.drawer-tabs button{font-size:11px;color:var(--muted);padding:0 0 13px;border-bottom:2px solid transparent}.drawer-tabs button.active{color:var(--mint);border-color:var(--mint)}.drawer-content{padding:25px 28px;overflow-y:auto;flex:1}.drawer-footer{padding:18px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;background:#0c1424}.field{margin-bottom:19px;position:relative}.field label{display:block;color:#b4c1ca;font-size:11px;margin-bottom:9px}.field input,.field textarea{background:#090f1a;border:1px solid #2b3a44;color:var(--text);border-radius:8px;padding:12px;width:100%;font-size:11px;line-height:1.6}.field textarea{resize:vertical;min-height:108px}.field small{display:block;font-size:11px;color:var(--dim);margin-top:7px;line-height:1.7}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.section-label{font-size:11px;color:#8099aa;letter-spacing:1.8px;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:10px;margin:5px 0 20px}.custom-select{position:relative;display:inline-flex;min-width:120px}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0a101d;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:11px;width:100%;color:#bcc9d3;text-align:left}.select-trigger svg{width:12px;height:12px;color:var(--dim)}.field .custom-select{width:100%}.field .select-trigger{padding:13px}.select-menu{position:fixed;z-index:120;border:1px solid #3b4f5e;box-shadow:0 12px 45px #0009;background:#101829;border-radius:10px;padding:5px;min-width:170px;max-height:270px;overflow:auto;animation:fade .15s}.select-menu button{display:block;text-align:left;padding:10px 12px;width:100%;font-size:11px;color:#b9c7d1;border-radius:6px;white-space:nowrap}.select-menu button:hover,.select-menu button.chosen{background:#293d4c;color:var(--mint)}.history-item{border-left:1px solid #354a59;padding:0 0 23px 18px;position:relative;font-size:11px}.history-item:before{content:'';position:absolute;left:-4px;top:2px;width:7px;height:7px;border-radius:50%;background:#81a7c2}.history-item time{font-size:11px;color:var(--dim);display:block;margin-bottom:7px}.history-item strong{font-weight:500;color:var(--mint)}.history-change{font-size:11px;color:#91a6b5;margin-top:8px;line-height:1.7;overflow-wrap:anywhere}.history-change del{color:#74838e}.notice{padding:14px;border:1px solid #665d3555;background:#4a422222;border-radius:8px;font-size:11px;color:#c7b782;line-height:1.8;margin-bottom:18px;white-space:pre-wrap}.detail-phone{display:inline-flex;gap:7px;align-items:center;color:var(--mint);font-size:11px;border:1px solid #395569;border-radius:7px;padding:8px 10px;margin-bottom:18px}.detail-phone svg{width:13px;height:13px}.date-popup{position:fixed;z-index:125;width:300px;background:#101827;border:1px solid #465865;border-radius:12px;padding:9px;box-shadow:0 20px 50px #0009;animation:fade .15s}.date-popup .calendar{padding:10px}.date-popup .cal-day{min-height:32px}.date-popup .date-controls{justify-content:space-between}.date-popup .date-controls span{font-size:11px}.date-popup .popup-footer{padding:8px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--green)}#toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translate(-50%,20px);z-index:200;background:#284051;border:1px solid #5e7e94;color:#d6e8f4;border-radius:10px;padding:13px 21px;box-shadow:0 10px 30px #0005;font-size:12px;opacity:0;pointer-events:none;transition:.25s;max-width:min(550px,90vw)}#toast.show{transform:translate(-50%,0);opacity:1}#toast.error{background:#502c30;border-color:#9f6068;color:#f5d4d7}.loading{min-height:60vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:var(--muted)}.loading h2{font-size:18px;font-weight:500;color:var(--text)}.loading p{font-size:11px}.loading-orbit{width:55px;height:55px;border:1px solid #5d7b91;border-radius:50%;position:relative;animation:spin 2s linear infinite;margin-bottom:14px}.loading-orbit:before{content:'';position:absolute;top:-4px;left:22px;background:var(--mint);width:7px;height:7px;border-radius:50%;box-shadow:0 0 15px var(--green)}footer{display:flex;justify-content:space-between;padding:18px 42px;border-top:1px solid #1d253477;color:var(--dim);font-size:11px;letter-spacing:.4px}footer>span:first-child{display:flex;gap:8px;align-items:center}footer b{font-weight:400;color:#3a4c59}.report-wide{grid-column:1/-1}.animate-in{animation:enter .4s ease both}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px}.client-card{padding:19px;border:1px solid var(--line);border-radius:12px;background:#111825;text-align:left;position:relative}.client-card:hover{border-color:#556c7d;transform:translateY(-2px)}.client-card .initials{width:37px;height:37px;font-size:12px;margin-bottom:14px}.client-card h3{font-size:12px;font-weight:500;margin-bottom:7px}.client-card p{font-size:11px;color:var(--muted);margin:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-card .pill{position:absolute;top:20px;right:18px}.client-card footer{padding:12px 0 0;margin-top:14px}.filter-count{font-size:11px;color:var(--dim)}.calendar-scroll{overflow:auto}.print-title{display:none}.error-panel{max-width:600px;margin:70px auto;padding:35px;border:1px solid #68474a;border-radius:15px;text-align:center;line-height:1.9}.error-panel h2{margin-bottom:12px;font-size:20px}.error-panel p{color:var(--muted);margin-bottom:20px}.source-card{border:1px solid #304757;padding:15px;border-radius:10px;background:#192132;margin:15px 0}.source-card p{font-size:11px;color:var(--dim);line-height:1.8;margin-top:8px}.review-chip{font-size:11px;color:var(--amber)}.form-error{color:#efaaaa;font-size:11px;line-height:1.5}.legend-key{font-size:11px;color:var(--dim);padding:13px 22px}.spinner{display:inline-block;width:12px;height:12px;border:1px solid #284356;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes slide{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body.no-motion *,body.no-motion *:before,body.no-motion *:after{animation:none!important;transition:none!important}body.no-motion #particles{display:none}
@media(min-width:1600px){main{padding-top:42px}.hero{min-height:210px}.cal-day{min-height:49px}}@media(max-width:1250px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.brand{font-size:23px}.brand svg{width:44px}.shell{margin-left:210px}main{padding:28px}.topbar{padding:0 28px}.stats{gap:10px}.stat{padding:16px}.stat-label{font-size:11px}.dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr)}.panel-head{padding:17px}.list-entry{padding:15px 17px}.heading-actions{gap:7px}h1{font-size:26px}.hero{padding:24px}.client-grid{grid-template-columns:repeat(2,1fr)}td,th{padding-left:17px;padding-right:17px}}@media(max-width:1020px){.sidebar{width:185px}.shell{margin-left:185px}.brand{font-size:21px;padding:0 5px;gap:7px}.brand svg{width:36px}.brand span{font-size:11px;letter-spacing:1.6px}.workspace-label{font-size:11px;padding:11px 8px}.nav-label{font-size:11px;margin-left:13px}nav button{padding:0 13px;gap:10px;font-size:11px}.page-heading{align-items:flex-start}.heading-actions .btn{padding:10px}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr 190px}.orbital-widget{transform:scale(.85);transform-origin:center}.hero h2{font-size:21px}.hero p{max-width:320px}.reports-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.date-controls{gap:0}.panel-head{padding:16px}.panel-title{font-size:11px}.panel-sub{font-size:11px}.today-label{display:none}}@media(max-width:800px){.sidebar{transform:translateX(-100%);width:244px;transition:transform .25s}.sidebar.open{transform:none;box-shadow:0 0 0 100vw #0008}.sidebar.open:after{content:'';position:fixed;left:244px;top:0;width:calc(100vw - 244px);height:100vh;z-index:-1}.shell{margin-left:0}.topbar{height:65px;padding:0 20px;gap:14px}.mobile-menu{display:grid}.breadcrumb{margin-right:auto;gap:10px;font-size:11px}.top-actions{gap:10px}main{padding:26px 20px}.page-heading{gap:16px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.eyebrow{font-size:11px}.heading-actions .export-label{display:none}.heading-actions .btn.ghost{width:36px}.hero{margin-bottom:16px}.stats{margin-bottom:20px}footer{padding:16px 20px}.drawer{width:min(560px,100vw)}#toast{left:50%}}@media(max-width:590px){main{padding:24px 15px}.page-heading{flex-wrap:wrap;margin-bottom:21px}.heading-actions{margin-left:auto}.page-heading .heading-actions .btn{font-size:11px}.hero{grid-template-columns:1fr 110px;padding:21px 18px;min-height:175px}.hero h2{font-size:20px;max-width:210px;line-height:1.5}.hero p{font-size:11px;max-width:220px}.hero-kicker{font-size:11px;letter-spacing:1.4px}.orbital-widget{transform:scale(.62);transform-origin:left center;margin-left:-5px;width:218px}.hero-link{font-size:11px!important}.hero-content{max-width:230px}.stats{gap:9px}.stat{padding:14px}.stat-label{font-size:11px}.stat-value{font-size:27px}.stat-foot{font-size:11px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .panel:last-child{order:-1}.panel-head{padding:17px}.all-records{margin-top:19px}.filters{gap:7px}.filters .custom-select{min-width:100px;flex:1}.search-wrap{min-width:100%;flex-basis:100%}.filterbar{padding:14px}.client-grid{grid-template-columns:1fr;padding:14px}.reports-grid{gap:16px}.bar-row{grid-template-columns:95px 1fr 35px;font-size:11px}.topbar{padding:0 15px}.today-label,.top-divider{display:none}.month-cell{min-height:97px;padding:4px}.month-event{font-size:11px;padding:4px 2px}.month-weekday{font-size:11px;padding:10px 0}.month-day button{font-size:11px}.agenda-toolbar{padding:15px}.agenda-toolbar h2{font-size:14px}.segmented button{padding:6px 10px}.drawer-head,.drawer-content,.drawer-footer{padding-left:20px;padding-right:20px}.drawer-tabs{padding-left:20px;padding-right:20px}.form-row{gap:10px}.drawer-footer .btn{padding:11px;font-size:11px}.table-footer{padding:12px 14px;font-size:11px}.review-banner{font-size:11px;align-items:flex-start}.panel-tools .btn.subtle{font-size:11px}footer{font-size:11px;padding:15px}.bar-row{margin:18px 0}.orbit-caption{font-size:11px}.page-heading>.heading-actions{width:100%;justify-content:flex-end}.hero{overflow:hidden}.page-heading .btn.primary{font-size:11px}.page-heading p{line-height:1.7}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}#particles{display:none}}@media print{.sidebar,.topbar,.heading-actions,.filters,.table-footer,footer,#particles,.ambient,.modal-overlay{display:none!important}.shell{margin:0}main{padding:0}.panel,.stat{break-inside:avoid;border-color:#aaa;background:white!important}body{background:white;color:black}.muted,td,th,.panel-sub,.stat-label,.stat-foot,.bar-row{color:#333}.report-wide{display:block}.reports-grid{display:block}.panel{margin-bottom:20px}h1,h2,h3,.stat-value{color:black}.bar-fill{background:#59809b!important}.hero{display:none}}

/* ÓRBITA — Deep Space */
:root{--bg:#080d19;--panel:#111b2c;--panel2:#15243a;--line:#273950;--green:#66ccff;--mint:#a1ddff;--text:#eff5ff;--muted:#a2b2ca;--dim:#7f94b1;font-size:15px;font-family:'Segoe UI',Arial,sans-serif}
body{background:radial-gradient(ellipse at 85% 0,#18366744,transparent 55%),#080d19}.sidebar{background:#0c1425ed}.topbar{background:#0b1423cc}.hero{background:radial-gradient(ellipse at 80% 20%,#284c9644,transparent 65%),linear-gradient(115deg,#122640,#101b30);border-color:#345475}.hero h2{font-weight:600}.hero h2 span{color:var(--green)}.brand{letter-spacing:3px}.brand span,.eyebrow,.nav-label{font-size:10px;letter-spacing:1.7px}h1{font-size:32px;font-weight:650;letter-spacing:-1.1px}h2,h3{font-weight:600}.page-heading p{font-size:14px}.btn{font-size:12px;min-height:40px}.panel-title{font-size:14px}.panel-sub,.entry-car,.entry-bottom,.table-client small{font-size:12px}.stat-label{font-size:13px}.stat-value{font-size:36px;font-weight:600}.stat-foot{font-size:12px}td{font-size:12px;line-height:1.6}th{font-size:11px}.table-client strong{font-size:13px}.field label{font-size:13px}.field input,.field textarea,.select-trigger{font-size:13px}.panel,.stat,.client-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.panel:hover,.stat:hover{border-color:#456482;box-shadow:0 8px 35px #03091444}.btn.primary{background:var(--mint);border-color:var(--mint);box-shadow:0 0 20px #60caff18}.btn.primary:hover{box-shadow:0 0 28px #60caff44}.orbit-core{background:radial-gradient(circle at 35% 25%,#294772,#101c35);border-color:#588db5;box-shadow:0 0 45px #57baff22}.orbit-core strong{color:#d0edff}.orbit-ring{border-color:#6ab9ff55}.orbit-ring:first-child:after{background:var(--mint);box-shadow:0 0 20px var(--green)}nav button.active{color:var(--mint);background:linear-gradient(90deg,#244568,#14283f);border-color:#385b7c}.monthly-status{padding:22px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(110deg,#172f50,#131d32);margin-bottom:20px}.monthly-status p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:10px}.palette-options{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.palette-options button{border:1px solid var(--line);border-radius:9px;padding:11px 15px;font-size:12px}.palette-options button.active{border-color:var(--mint);color:var(--mint)}body[data-palette=violet]{--green:#ad9bff;--mint:#d1c7ff}body[data-palette=amber]{--green:#e8b969;--mint:#f1d29c}.cursor-glow{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(450px circle at var(--mouse-x,70%) var(--mouse-y,20%),#588aff12,transparent 70%)}body.no-motion .cursor-glow{display:none}.monthly-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.monthly-links button{font-size:12px}.monthly-links button.active{border-color:var(--mint);color:var(--mint)}@media(max-width:590px){h1{font-size:26px}.stat-value{font-size:30px}.hero h2{font-size:22px}.hero p{font-size:12px}.stat-label{font-size:12px}.page-heading p{font-size:12px}}



:root {
  --bg: #090a11;
  --panel: #11131e;
  --panel2: #181b2a;
  --line: #292c40;
  --green: #adaeff;
  --mint: #d1caff;
  --text: #f2f0fc;
  --muted: #a8a8c2;
  --dim: #82849f;
  --motion-speed: 1;
  font-family: 'Instrument Sans', 'Segoe UI', sans-serif;
  font-size: 15px;
}
body {
  background: radial-gradient(ellipse at 80% 10%, #28234844, transparent 55%), var(--bg);
  font-family: 'Instrument Sans', 'Segoe UI', sans-serif;
}
body[data-palette=violet] { --green: #c294ff; --mint: #e0caff; }
body[data-palette=amber] { --green: #edbc77; --mint: #ffdfb3; }
button, input, textarea { font-family: inherit; }
h1, h2, h3, .brand, .stat-value, .orbit-core strong {
  font-family: 'Bricolage Grotesque', 'Bahnschrift', sans-serif;
}
.sidebar {
  width: 236px;
  padding: 34px 18px 0;
  background: linear-gradient(175deg, #151421e8, #0d0e18f5);
  border-right: 1px solid #42405d66;
  box-shadow: 15px 0 80px #00000018;
}
.shell { margin-left: 236px; }
.brand { font-size: 28px; font-weight: 800; letter-spacing: 1.5px; }
.brand svg { filter: drop-shadow(0 0 12px #b1a2ff35); }
.brand span { letter-spacing: 2.2px; font-size: 8px; font-family: 'IBM Plex Mono', monospace; }
.workspace-label { background: #1b1a2b; border-color: #403a58; font-size: 10px; }
.nav-label { color: #8c87a7; font-size: 9px; }
nav { isolation: isolate; gap: 9px; }
nav::before {
  content: '';
  position: absolute;
  top: var(--nav-offset, 0px);
  height: var(--nav-height, 48px);
  left: 0;
  right: 0;
  border: 1px solid #8e80c853;
  border-radius: 11px;
  background: linear-gradient(100deg, #65508d55, #30283f55);
  box-shadow: inset 0 1px #dcd3ff16, 0 5px 25px #0002;
  transition: top .48s cubic-bezier(.2,.8,.2,1), height .3s;
  z-index: -1;
}
nav button { font-size: 13px; min-height: 49px; color: #aaa5bd; background: none; }
nav button.active { border-color: transparent; background: none; box-shadow: none; color: #e1d5ff; }
nav button.active svg { filter: drop-shadow(0 0 8px #bca3ff99); }
nav button:hover { background: #8570af15; color: #eee6ff; }
.sidebar-bottom { padding-top: 24px; }
.topbar { height: 76px; background: #0b0c16aa; border-color: #34304777; }
.breadcrumb { font-size: 12px; }
.topbar .avatar, .user .avatar { background: #302b43; border-color: #75638e; color: #e8d9ff; }
main { padding: 30px 38px 35px; }
.page-heading h1 { font-size: 36px; font-weight: 600; letter-spacing: -1.5px; }
.page-heading p { font-size: 13px; line-height: 1.8; }
.eyebrow, .hero-kicker, .today-label, .calendar-weekdays, th, .orbit-label {
  font-family: 'IBM Plex Mono', monospace;
}
.eyebrow { font-size: 9px; color: var(--green); }
.immersive-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 1fr);
  min-height: 350px;
  position: relative;
  margin: 0 0 28px;
  align-items: center;
  isolation: isolate;
}
.immersive-hero::before {
  content: '';
  position: absolute;
  inset: -20px -20px -10px;
  pointer-events: none;
  background: radial-gradient(ellipse at 74% 50%, #6d438d25, transparent 60%);
  z-index: -1;
}
.immersive-copy { position: relative; z-index: 3; padding: 16px 0 24px; }
.immersive-copy .eyebrow { margin-bottom: 22px; gap: 12px; }
.immersive-copy h1 { font-size: clamp(44px, 4.8vw, 79px); font-weight: 500; line-height: 1.02; letter-spacing: -.065em; }
.immersive-copy h1 em { font-style: normal; display: block; color: #d0bdff; }
.immersive-copy h1 .word-mask { display: block; overflow: hidden; padding-bottom: 7px; }
.immersive-copy h1 .word-mask>span { display: block; }
.immersive-copy p { font-size: 13px; line-height: 1.8; color: var(--muted); max-width: 390px; margin: 19px 0 23px; }
.immersive-actions { display: flex; align-items: center; gap: 17px; flex-wrap: wrap; }
.immersive-actions .btn { min-height: 45px; padding: 12px 17px; border-radius: 9px; }
.immersive-actions .hero-link { display: inline-flex; align-items: center; gap: 8px; color: #c6c1dc; font-size: 12px; }
.immersive-actions .hero-link svg { width: 15px; height: 15px; }
.scene {
  width: 100%; height: 340px; position: relative;
  perspective: 900px; transform-style: preserve-3d; cursor: grab;
}
.scene-inner {
  position: absolute; inset: 0; transform-style: preserve-3d;
  transform: rotateX(var(--scene-x, 0deg)) rotateY(var(--scene-y, 0deg));
  transition: transform .65s cubic-bezier(.2,.8,.2,1);
}
.scene-glow { position: absolute; inset: 10%; border-radius: 50%; background: radial-gradient(circle, #965ae526, transparent 66%); filter: blur(18px); }
.scene-grid { position: absolute; inset: 12%; border: 1px dashed #b99ce220; border-radius: 50%; transform: rotateX(63deg) rotateZ(-30deg); }
.scene-ring {
  position: absolute; left: 50%; top: 48%; width: 310px; height: 310px;
  margin: -155px; border: 1px solid #c7a8ff55; border-radius: 50%;
  transform-style: preserve-3d;
  animation: ring-precession calc(32s / var(--motion-speed)) linear infinite;
  box-shadow: 0 0 24px #9869db08, inset 0 0 18px #c3a6ff08;
}
.scene-ring::after { content:''; position:absolute; top:-4px; left:50%; width:7px; height:7px; border-radius:50%; background:#e6caff; box-shadow:0 0 17px #c793ff; }
.scene-ring.ring-b { width: 350px; height: 350px; margin:-175px; border-color:#76c9ff55; animation-name:ring-precession-b; animation-duration:calc(44s / var(--motion-speed)); }
.scene-ring.ring-b::after { background:#b6e9ff; box-shadow:0 0 16px #80bfff; }
.scene-ring.ring-c { width:260px; height:260px; margin:-130px; border-style:dashed; border-color:#bd9be02b; animation-name:ring-precession-c; animation-duration:calc(53s / var(--motion-speed)); }
.planet {
  position:absolute; top:48%; left:50%; margin:-76px; width:152px; height:152px;
  border:1px solid #e7c7ff66; border-radius:50%;
  background:radial-gradient(circle at 30% 21%,#9879bf,#54406f 36%,#21192e 70%,#13111d);
  box-shadow:inset -15px -20px 30px #04030ac4,inset 4px 4px 15px #efd7ff45,0 0 55px #b27be133;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  transform:translateZ(35px);
}
.planet::before { content:''; position:absolute; inset:5px; border-radius:50%; border:1px solid #e8cbff18; background:repeating-linear-gradient(130deg,transparent 0 9px,#ecc6ff09 10px 11px); mask-image:linear-gradient(90deg,transparent,#000,transparent); }
.planet strong { font-family:'Bricolage Grotesque',sans-serif; font-size:48px; font-weight:500; letter-spacing:-3px; color:#fff3ff; z-index:1; }
.planet small { font-family:'IBM Plex Mono',monospace; font-size:9px; color:#e1c5f0; letter-spacing:1.8px; z-index:1; }
.scene-node { position:absolute; z-index:4; display:flex; align-items:center; gap:8px; padding:9px 12px; background:#161626d9; border:1px solid #70608288; box-shadow:0 10px 30px #05040c66,inset 0 1px #eedcff0d; backdrop-filter:blur(14px); border-radius:9px; font-size:11px; color:#d4c9e9; animation:node-float calc(6s / var(--motion-speed)) ease-in-out infinite alternate; }
.scene-node svg { width:14px; height:14px; color:#c5acff; }
.scene-node:hover { border-color:#d2aaff; background:#3a284d; box-shadow:0 0 28px #ae75d933; }
.scene-node.node-agenda { left:2%; top:21%; }
.scene-node.node-clients { right:1%; top:45%; animation-delay:-3s; }
.scene-node.node-report { left:14%; bottom:12%; animation-delay:-1.5s; }
.scene-caption { position:absolute; left:0; right:0; bottom:0; text-align:center; font-family:'IBM Plex Mono',monospace; font-size:9px; color:#8e80a3; letter-spacing:1px; }
.scene-glow, .scene-grid, .scene-ring, .planet, .scene-cross, .scene-caption { pointer-events:none; }
.scene-node { cursor:pointer; min-height:44px; transform:translateZ(70px); touch-action:manipulation; transition:background .2s,border-color .2s,box-shadow .2s; }
.scene-inner:has(.scene-node:hover), .scene-inner:has(.scene-node:focus-visible) { transform:none; }
.scene-node:hover, .scene-node:focus-visible { animation-play-state:paused; border-color:#e3c4ff; background:#3a284d; box-shadow:0 0 28px #ae75d94d; }
.scene-node:focus-visible { outline:2px solid #e3c4ff; outline-offset:4px; }
.scene-node .node-arrow { color:#ae99cb; transition:translate .2s,color .2s; }
.scene-node:hover .node-arrow, .scene-node:focus-visible .node-arrow { translate:2px -2px; color:#fff; }
@media(pointer:coarse) { .scene-node { min-height:54px; } }
.scene-cross { position:absolute; color:#ba9cd64d; font:17px 'IBM Plex Mono',monospace; }
.scene-cross.one { top:9%; right:22%; }.scene-cross.two { bottom:18%; right:10%; }
.motion-control { display:flex;align-items:center;justify-content:space-between;padding:12px 0 20px;border-bottom:1px solid #33304777;margin-bottom:24px;gap:12px; }
.motion-control>span { font-size:11px;color:#a6a0ba;display:flex;gap:8px;align-items:center; }
.motion-control .live-dot { background:var(--green); }
.motion-modes { display:flex;gap:3px;padding:3px;background:#161520;border:1px solid #393346;border-radius:7px; }
.motion-modes button { font-size:10px;padding:6px 10px;border-radius:4px;color:#9d95ad; }
.motion-modes button.active { color:#e0cbff;background:#4f3b6355;box-shadow:inset 0 0 0 1px #9e80bd33; }
.panel,.stat,.client-card { position:relative; background:linear-gradient(135deg,#181925e3,#11121de8);border-color:#36344799;box-shadow:inset 0 1px #e9dfff05; }
.stat { padding:22px;overflow:hidden;transform-style:preserve-3d;will-change:transform;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s; }
.stat::before,.client-card::before { content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(250px circle at var(--card-x,50%) var(--card-y,0%),#b89aff16,transparent 70%);opacity:0;transition:opacity .3s; }
.stat:hover::before,.client-card:hover::before{opacity:1}.stat:hover{border-color:#9b81ba88;box-shadow:0 15px 45px #08050e66,inset 0 1px #f0deff13;}
.stat-label { font-size:12px;letter-spacing:.1px;color:#c0b7ce; }.stat-icon{background:#30263f66;border-color:#8c70ab33;color:#c3a6ed}.stat-value{font-size:41px;font-weight:500;letter-spacing:-2px;margin-top:17px}.stat-foot{font-size:11px;color:#8d829f}.stat-foot b{color:#d0b4ed}
.panel:hover { border-color:#5e4e7288;box-shadow:inset 0 1px #eedaff09; }.panel-head{padding:21px 23px;border-color:#34304488}.panel-title{font-size:15px;font-weight:500;letter-spacing:-.3px}.panel-sub{font-size:11px}.panel-title svg{color:#b398da}.list-entry{padding:18px 22px;border-color:#302c4077}.list-entry:hover{background:#55406422}.entry-name{font-size:13px;font-weight:500}.entry-car{font-size:12px}.entry-bottom{font-size:10px}.entry-date{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#d3b5ed}.entry-date small{font-size:9px}.status{font-size:10px;padding:6px 8px;border-radius:6px}
.btn{font-size:12px;border-radius:8px;min-height:39px;position:relative;overflow:hidden;border-color:#4c405e;background:#211b2d}.btn.primary{background:#d5c3f5;border-color:#e2d2ff;color:#241a35;font-weight:600;box-shadow:0 5px 25px #ba94fa18}.btn.primary:hover{background:#eadbff;box-shadow:0 8px 35px #be91f333;transform:translateY(-2px)}.btn.ghost{background:#17142088}.btn.subtle{color:#c3acde;background:none}.btn:hover{border-color:#9d7cbd;background:#40304c}.btn.primary:hover{background:#eadbff}.button-ripple{position:absolute;width:18px;height:18px;margin:-9px;border-radius:50%;background:#c7a3ff55;pointer-events:none;animation:button-wave .65s ease-out forwards}
.cal-day{transition:background .22s,transform .28s cubic-bezier(.2,.8,.2,1),border-color .2s;font-size:12px}.cal-day:hover{transform:translateY(-3px) scale(1.08);background:#543c6a66;z-index:2}.cal-day.today{border-color:#a48abd;background:#6a47742c;color:#e5ceff}.cal-day.selected{background:#d5c3f5;color:#271934;border-color:#e6d4ff}.calendar-days{gap:7px}.calendar-weekdays{font-size:9px;color:#8d7d9c}.calendar-legend{color:#8b809b;border-color:#373044}.month-event{border-left-color:#a88ad0;background:#47335b77}.month-event:hover{background:#6a4786}.segmented{background:#11101b;border-color:#3f344a}.segmented button.active{background:#61467866;color:#e4c8ff}.date-controls span{font-size:12px;color:#d5c4e4}
table{font-size:12px}td{padding:17px 21px;border-color:#35304277;color:#c1b7cf}th{background:#211a2d77;font-size:9px;letter-spacing:1.1px;color:#9788ac}tbody tr:hover{background:#71538c18}.table-client strong{font-size:12px}.table-client small,.table-secondary{font-size:10px}.initials{background:#30253f;border-color:#5f4777;color:#d7bce9}.filters input,.search,.select-trigger{background:#14121f;border-color:#42354f;font-size:12px}.select-menu{background:#211a2b;border-color:#765b89;backdrop-filter:blur(20px)}.select-menu button:hover,.select-menu button.chosen{background:#5f427477;color:#efd9ff}.filterbar{border-color:#383044}.drawer{background:linear-gradient(160deg,#1d1829,#11111c);border-color:#685173}.drawer-head,.drawer-tabs,.drawer-footer{border-color:#493652}.drawer-footer{background:#191320}.field input,.field textarea{background:#120f1b;border-color:#4b3855;font-size:13px}.field label{font-size:12px;color:#cbb7d5}.drawer-head h2{font-size:24px;font-weight:500;letter-spacing:-.7px}.drawer-tabs button.active{color:#e0c5ff;border-color:#b596d3}.form-row{gap:17px}.field{margin-bottom:22px}.notice{font-size:11px}.source-card{background:#241a30;border-color:#5a4069}.settings-body{font-size:12px}.source-tags span{background:#2d203a;border-color:#654773;color:#d9c1e7}.bar-track{background:#30253a}.bar-fill{background:linear-gradient(90deg,#74529e,#d5b6ff)}.monthly-status{background:radial-gradient(ellipse at right,#7c4f9d22,transparent 65%),#1a1525;border-color:#5a416c}
.cursor-glow{background:radial-gradient(500px circle at var(--mouse-x,70%) var(--mouse-y,20%),#a363ec0d,transparent 70%)}#particles{opacity:.7}.ambient{background:radial-gradient(ellipse,#7641a51b,transparent 65%)}.animate-in{animation:none}.icon-btn:hover{background:#62447733;color:#e3c7ff}.live-dot{box-shadow:0 0 12px var(--green)}footer{border-color:#342d4277;color:#857590}.table-footer{border-color:#352d41;color:#9784aa}.pill{background:#3e2c5155;border-color:#74518d55;color:#ceafe7}.user{border-color:#403247}.user small,.sidebar-bottom>p{color:#8d7a9c}.sidebar-bottom strong{color:#b29ac3}.orbit-mini{opacity:.9}
.date-popup{background:#21192c;border-color:#755584}.date-popup .cal-day{min-height:33px}.date-popup .date-controls{padding:4px}.date-popup .popup-footer{border-color:#493351}.command-launcher{border:1px solid #494052;padding:8px 11px;border-radius:8px;display:flex;align-items:center;gap:20px;font-size:11px;color:#a59ab6;background:#17131e66}.command-launcher kbd{font-family:'IBM Plex Mono',monospace;font-size:9px;color:#d0bedf}.command-modal{position:fixed;inset:0;z-index:150;background:#04030bb8;backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:flex-start;padding:16vh 20px}.command-box{width:470px;max-width:100%;background:#1b1627;border:1px solid #78608e;border-radius:16px;box-shadow:0 40px 100px #0009;overflow:hidden}.command-box header{padding:20px 22px;border-bottom:1px solid #47324f;display:flex;justify-content:space-between;font-size:13px}.command-box>div{padding:8px}.command-box button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px;border-radius:8px;text-align:left;font-size:13px}.command-box button:hover{background:#76568c33}.command-box small{font-family:'IBM Plex Mono',monospace;font-size:10px;color:#9d86b1}
@keyframes ring-precession{from{transform:rotateX(68deg) rotateY(-19deg) rotateZ(0deg)}to{transform:rotateX(68deg) rotateY(-19deg) rotateZ(360deg)}}
@keyframes ring-precession-b{from{transform:rotateX(35deg) rotateY(60deg) rotateZ(360deg)}to{transform:rotateX(35deg) rotateY(60deg) rotateZ(0deg)}}
@keyframes ring-precession-c{from{transform:rotateX(25deg) rotateY(-35deg) rotateZ(0deg)}to{transform:rotateX(25deg) rotateY(-35deg) rotateZ(360deg)}}
@keyframes node-float{from{translate:0 -5px}to{translate:0 8px}}
@keyframes button-wave{to{scale:18;opacity:0}}
@media(min-width:1600px){.immersive-hero{min-height:400px}.scene{height:380px}.immersive-copy h1{font-size:86px}.scene-inner{scale:1.1}}
@media(max-width:1200px){.sidebar{width:204px}.shell{margin-left:204px}main{padding:27px}.immersive-hero{grid-template-columns:1.1fr 1fr}.immersive-copy h1{font-size:58px}.scene{scale:.88;transform-origin:center}.command-launcher{gap:10px}.immersive-copy p{max-width:300px}}
@media(max-width:1000px){.immersive-copy h1{font-size:48px}.scene{scale:.78}.immersive-hero{min-height:305px}.immersive-actions{gap:13px}.immersive-copy p{font-size:12px}.command-launcher{display:none}.stat-value{font-size:36px}.stat-label{font-size:11px}}
@media(max-width:800px){.sidebar{width:236px}.shell{margin-left:0}.sidebar.open:after{left:236px;width:calc(100vw - 236px)}main{padding:25px 20px}.immersive-copy h1{font-size:58px}.scene{scale:.88}.topbar{height:66px}.page-heading h1{font-size:31px}}
@media(max-width:590px){main{padding:24px 17px}.immersive-hero{grid-template-columns:1fr;min-height:0;margin-bottom:17px}.immersive-copy{padding:8px 0 0}.immersive-copy h1{font-size:clamp(47px,12vw,65px);letter-spacing:-3px;line-height:1.03}.immersive-copy .eyebrow{margin-bottom:17px}.immersive-copy p{max-width:350px;margin:14px 0 18px;font-size:13px}.immersive-actions .btn{min-height:43px}.scene{height:280px;width:100%;max-width:370px;margin:-8px auto 0;scale:.83}.scene-node{font-size:12px}.scene-caption{bottom:-5px;font-size:9px}.motion-control{padding-bottom:17px;gap:7px}.motion-control>span{font-size:10px}.motion-modes button{font-size:9px;padding:6px 8px}.stat{padding:18px 16px}.stat-value{font-size:34px}.stat-label{font-size:11px}.stat-foot{font-size:10px}.panel-title{font-size:14px}.panel-sub{font-size:10px}.calendar-days{gap:6px}.entry-name{font-size:12px}.entry-car{font-size:11px}.entry-bottom{font-size:9px}.status{font-size:9px}.page-heading h1{font-size:30px}.page-heading p{font-size:12px}.today-label{display:none}.topbar{padding:0 17px}.scene-ring.ring-b{width:330px;height:330px;margin:-165px}.command-modal{padding-top:10vh}.command-box button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.scene-inner{transform:none!important}.scene-ring,.scene-node{animation:none!important}.stat{transform:none!important}.button-ripple{display:none}}
body.no-motion .scene-inner,body.no-motion .stat{transform:none!important}body.no-motion .button-ripple{display:none}

.source-chart { padding:22px 24px 24px; }
.reports-grid>.panel { min-width:0; }
.reports-grid>.panel>.panel-head>svg { width:22px;height:22px;flex-shrink:0;color:#b59bdb; }
.source-chart-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:24px; color:var(--muted); font-size:11px; }
.source-chart-top>span:first-child { display:flex;align-items:center;gap:8px;color:#d4c3f1; }
.source-chart-top .live-dot { width:5px;height:5px; }
.source-chart-top>span:last-child { font-family:'IBM Plex Mono',monospace;font-size:10px; }
.channel-plot-scroll { overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; scrollbar-color:#68567f #17131f; padding:12px 0 4px; }
.channel-plot-scroll:focus-visible { outline:1px solid #c7aff3;outline-offset:4px;border-radius:5px; }
.channel-plot { position:relative; height:326px; min-width:calc(38px + var(--channel-count) * 86px); }
.channel-axis { position:absolute;left:0;top:24px;height:198px;width:27px;display:flex;flex-direction:column;justify-content:space-between;color:#8a819c;font:9px 'IBM Plex Mono',monospace;text-align:right; }
.channel-grid { position:absolute;left:38px;right:0;top:28px;height:190px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none; }
.channel-grid i { display:block;border-top:1px dashed #75608633; }.channel-grid i:last-child {border-top-style:solid;border-top-color:#8f77ad55;}
.channel-columns { position:absolute;left:38px;right:0;top:24px;bottom:0;display:grid;grid-template-columns:repeat(var(--channel-count),minmax(72px,1fr));gap:10px;align-items:start; }
.channel-column { display:flex;flex-direction:column;align-items:center;min-width:0;height:300px;padding:0 4px;cursor:pointer;border-radius:9px;color:var(--text);text-align:center;isolation:isolate; }
.channel-column:focus-visible { outline:2px solid var(--channel-color);outline-offset:-2px;background:color-mix(in srgb,var(--channel-color) 6%,transparent); }
.channel-bar-space { display:flex;align-items:flex-end;justify-content:center;width:100%;height:194px;border-bottom:1px solid transparent;position:relative; }
.channel-bar { width:clamp(26px,60%,55px);height:var(--bar-height);min-height:3px;position:relative;border-radius:8px 8px 2px 2px;border:1px solid color-mix(in srgb,var(--channel-color) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--channel-color) 90%,#fff) 0%,color-mix(in srgb,var(--channel-color) 38%,#20182f) 70%,color-mix(in srgb,var(--channel-color) 15%,#171221) 100%);box-shadow:inset 1px 0 0 #ffffff28;transform-origin:bottom;animation:channel-grow .9s cubic-bezier(.16,1,.3,1) var(--bar-delay) backwards;transition:filter .25s,box-shadow .25s; }
.channel-bar strong { position:absolute;bottom:calc(100% + 9px);left:50%;translate:-50% 0;font:500 15px 'Bricolage Grotesque',sans-serif;color:var(--channel-color);animation:channel-count-in .4s ease calc(var(--bar-delay) + .6s) backwards; }
.channel-bar-shine { position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none; }
.channel-bar-shine:after { content:'';position:absolute;inset:0;translate:0 120%;background:linear-gradient(0deg,transparent,#fff4,transparent); }
.channel-column:hover .channel-bar-shine:after { animation:channel-shine 1.1s ease; }
.channel-column:hover .channel-bar,.channel-column.selected .channel-bar { filter:brightness(1.15);box-shadow:0 0 25px color-mix(in srgb,var(--channel-color) 22%,transparent),inset 1px 0 #ffffff55; }
.channel-column-label { display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:13px;max-width:100%;font-size:10px;line-height:1.3;color:#aea2be;transition:color .2s; }
.channel-column-label>span:nth-child(2) { min-height:26px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere; }
.channel-icon { display:inline-grid;place-items:center;width:31px;height:31px;border-radius:9px;color:var(--channel-color);background:color-mix(in srgb,var(--channel-color) 9%,#171320);border:1px solid color-mix(in srgb,var(--channel-color) 23%,transparent);transition:translate .2s,background .2s,border-color .2s;flex-shrink:0; }
.channel-icon svg { width:16px;height:16px; }.channel-icon svg:not([stroke]) {fill:currentColor;}
.channel-column:hover .channel-icon,.channel-column.selected .channel-icon { translate:0 -3px;border-color:var(--channel-color);background:color-mix(in srgb,var(--channel-color) 20%,#171320); }
.channel-column.selected .channel-column-label { color:#f4e8ff; }
.channel-column-label small {font:9px 'IBM Plex Mono',monospace;color:#8f819f;}
.channel-hint { display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8e819e;margin:18px 0 16px; }.channel-hint span {font-size:16px;color:#c5a6ec;}
.channel-detail { border:1px solid #67527766;background:linear-gradient(120deg,#44304f33,#19131f88);border-radius:12px;padding:18px; }
.channel-detail-identity { display:flex;align-items:center;gap:11px; }.channel-detail-identity .channel-icon {width:36px;height:36px;}.channel-detail-identity>div {display:grid;gap:5px;}.channel-detail-identity small {font:8px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#9a86ac;}.channel-detail-identity strong {font-size:13px;font-weight:500;color:#e6d7f5;}
.channel-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:19px;}.channel-metrics>div {display:flex;flex-direction:column;gap:7px;}.channel-metrics dt {font-size:9px;color:#a798b6;}.channel-metrics dd {font:500 24px 'Bricolage Grotesque',sans-serif;letter-spacing:-.6px;color:#ede0ff;}.channel-metrics dd small {font-size:12px;color:#bca6d0;margin-left:2px;}
@keyframes channel-grow {from {transform:scaleY(0);opacity:.2;}to {transform:scaleY(1);opacity:1;}}
@keyframes channel-count-in {from{opacity:0;}to{opacity:1;}}
@keyframes channel-shine {to{translate:0 -120%;}}
@media(max-width:590px) {.source-chart{padding:18px 15px}.source-chart-top{gap:8px;font-size:10px}.source-chart-top>span:last-child{font-size:8px}.channel-detail{padding:15px 12px}.channel-metrics{grid-template-columns:repeat(2,1fr);row-gap:17px}.channel-metrics dt{font-size:10px}.channel-hint{font-size:9px}.channel-plot{min-width:calc(32px + var(--channel-count) * 80px)}}
@media(prefers-reduced-motion:reduce) {.channel-bar,.channel-bar strong,.channel-bar-shine:after{animation:none!important;}}
@media print {.channel-plot-scroll{overflow:visible}.channel-plot{min-width:0}.channel-hint{display:none}.channel-detail{break-inside:avoid}.channel-column-label,.channel-metrics dt,.channel-detail-identity strong{color:#333}.channel-metrics dd{color:#111}}

.brand.motion-brand{display:block;padding:0;margin:0 0 25px;min-height:60px;width:100%;line-height:0}
.brand.motion-brand svg.brand-motion{display:block;width:100%;height:auto;max-height:none;filter:none;stroke:none;fill:none;overflow:hidden}
.brand-motion .brand-trail{filter:drop-shadow(0 0 2px #b28be566)}
.mobile-brand{display:none;line-height:0;flex-shrink:0}
.brand-motion [data-brand-ball]{stroke:none}
@media(max-width:800px){.mobile-brand{display:block;width:33px;height:33px;margin-right:-5px}.mobile-brand .brand-motion{width:100%;height:100%;overflow:hidden}.brand.motion-brand{margin-bottom:25px}}

/* Access inherits the approved HUD tokens, fonts and animated identity. */
[hidden]{display:none!important}
.sidebar{overflow-y:auto}
.access-locked #app-root{display:none}
#auth-root{min-height:100svh;isolation:isolate;position:relative;overflow:hidden;background:radial-gradient(ellipse at 17% 50%,#34265055,transparent 60%),#090a11}
.auth-top{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:30px clamp(24px,5vw,88px);border-bottom:1px solid #8e80c81c}
.auth-top .auth-brand{width:187px;line-height:0}.auth-brand .brand-motion{width:100%;height:auto;stroke:none}
.auth-top>span,.auth-bottom{font:10px 'IBM Plex Mono',monospace;color:#9c95af;letter-spacing:.12em}
.auth-top>span{display:flex;gap:9px;align-items:center}
.auth-layout{width:min(1320px,100%);min-height:calc(100svh - 168px);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:52px 60px;gap:110px}
.auth-universe{position:relative;aspect-ratio:1;display:grid;place-items:center;perspective:1000px}
.auth-universe:before{content:'';position:absolute;inset:-20%;background:radial-gradient(circle,#a885ed16,transparent 63%);filter:blur(15px)}
.auth-symbol{width:77%;position:relative;z-index:2;filter:drop-shadow(0 35px 50px #0007);animation:auth-float 8s ease-in-out infinite}.auth-symbol svg{width:100%;height:auto;stroke:none}
.auth-orbit{position:absolute;inset:8%;border:1px solid #b8a5ec22;border-radius:50%;transform:rotateX(65deg) rotateZ(-25deg);box-shadow:0 0 40px #a27deb09,inset 0 0 20px #a27deb07}
.auth-orbit.two{inset:1%;transform:rotateX(32deg) rotateY(56deg) rotateZ(-25deg);border-style:dashed;opacity:.5}
.auth-orbit.three{inset:-6%;transform:rotateX(55deg) rotateY(-30deg) rotateZ(20deg);opacity:.35}
.auth-satellite{position:absolute;z-index:3;display:flex;gap:12px;align-items:center;padding:12px 17px;border:1px solid #a48cd83b;border-radius:12px;background:linear-gradient(120deg,#29233ddd,#14131fe6);box-shadow:0 12px 35px #0004,0 1px #dfceff18 inset;color:#d5c9ed;font-size:12px;backdrop-filter:blur(12px);animation:auth-float 7s ease-in-out infinite}
.auth-satellite svg{width:17px;height:17px;stroke:#c7b1f2;fill:none;stroke-width:1.5}
.auth-satellite.one{left:-1%;top:26%}.auth-satellite.two{right:-2%;top:50%;animation-delay:-3s}.auth-satellite.three{bottom:12%;left:17%;animation-delay:-5s}
.auth-universe-caption{position:absolute;bottom:-12%;left:0;right:0;text-align:center;font:10px 'IBM Plex Mono',monospace;letter-spacing:.22em;color:#847594}
#auth-panel{max-width:450px;width:100%;padding:12px 0}
#auth-panel h1{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(36px,3.5vw,53px);font-weight:500;line-height:1.05;letter-spacing:-.055em;margin:22px 0}
#auth-panel h1 em{font-style:normal;color:#d0bdff}.auth-intro{font-size:14px;line-height:1.85;color:#a8a3bd;max-width:380px;margin-bottom:28px}
.auth-field{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#c1b7d3;margin-top:20px}
.auth-field input{width:100%;min-height:50px;background:#14131f;border:1px solid #353045;border-radius:10px;padding:13px 15px;color:#f2eafb;font-size:15px;transition:border-color .2s,box-shadow .2s}
.auth-field input:focus{outline:none;border-color:#b49be1;box-shadow:0 0 0 3px #b49be117}.auth-field input::placeholder{color:#716a80}.password-input{position:relative}.password-input input{padding-right:85px}.password-input button{position:absolute;right:10px;top:10px;padding:8px;font-size:11px;color:#c2afd9}
.auth-options{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:20px 0 27px;font-size:11px;color:#aaa0ba}.auth-options label{display:flex;gap:8px;align-items:center;line-height:1.5}.auth-options input{accent-color:#baa1ee;margin:0;width:15px;height:15px}.auth-options button{font-size:11px;white-space:nowrap;color:#c7b2eb;padding:0;line-height:1.5}
.auth-submit{width:100%;min-height:51px!important;display:flex;justify-content:space-between!important;border-radius:10px!important;font-size:13px!important;background:linear-gradient(115deg,#e1cfff,#b2a6ed)!important;color:#20182f!important;border-color:#ccb4ef!important;box-shadow:0 6px 35px #986cce20!important;margin-top:22px}.auth-submit span{font-size:20px;font-weight:400}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 10px 35px #986cce40!important}
.auth-footnote{margin-top:30px;display:flex;gap:10px;color:#7f758f;font-size:11px;line-height:1.7}.auth-lock{font-size:21px;color:#bba4dd}.auth-message{display:none;color:#ead5fb;background:#36264755;border:1px solid #b494d64d;border-radius:8px;padding:12px;font-size:12px;line-height:1.65}.auth-message.visible{display:block}.auth-text-button{display:block;margin:18px auto;font-size:12px;color:#cdb8ed}.auth-bottom{padding:22px 5vw;display:flex;justify-content:space-between;border-top:1px solid #8e80c81c;letter-spacing:.06em}.auth-arrive{animation:auth-arrive .5s cubic-bezier(.2,.8,.2,1)}
.store-choices{display:grid;gap:10px;margin-top:20px}.live-toolbar{display:flex;gap:12px;margin-bottom:25px;align-items:center}.live-toolbar>.pill{margin-right:auto}.live-filter{padding:18px;margin-bottom:20px}.live-conversion{font-family:'Bricolage Grotesque',sans-serif;display:inline-block;font-size:48px;color:#d0bdff;margin-top:20px}
.kanban{display:grid;grid-auto-columns:minmax(230px,1fr);grid-auto-flow:column;gap:16px;overflow:auto;padding-bottom:20px;align-items:start}.kanban-column{border:1px solid #3d344d80;background:#14121e88;border-radius:14px;padding:14px;min-height:350px}.kanban-column>header{display:flex;align-items:center;justify-content:space-between;padding:3px 2px 20px}.kanban-column>header h2{font-size:14px;font-weight:500}.kanban-column>header span{border-radius:6px;background:#382b4a77;padding:4px 7px;color:#c8b4e7;font:11px 'IBM Plex Mono',monospace}.kanban-column .empty{font-size:12px;padding:32px 5px}.live-card{position:relative;display:block;width:100%;text-align:left;border:1px solid #46394f;border-radius:10px;background:linear-gradient(130deg,#231c30,#17141f);padding:19px 16px;margin-bottom:11px;transition:transform .25s,border-color .25s}.live-card:hover{border-color:#b294d580;transform:translateY(-3px)}.live-stage{font:9px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#b8a1d5}.live-card h3{font-size:16px;margin-top:12px;font-weight:500}.live-card p{font-size:12px;color:#b4a7c4;margin:9px 0 17px;line-height:1.6}.live-card small{font-size:10px;color:#8b7e9d}.live-card-arrow{position:absolute;right:14px;top:14px;color:#bda1e4}.contact-blocked{display:block;font-size:11px;color:#eda8b6;background:#57354544;border-radius:6px;padding:9px 11px;margin-top:12px}.live-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}.live-task{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.live-task p{font-size:13px;color:var(--muted);margin:8px 0}.live-task small{color:#a390bb;font-size:12px}
.live-overlay{position:fixed;inset:0;background:#07060dc9;backdrop-filter:blur(7px);z-index:100;display:flex;justify-content:flex-end}.live-drawer{position:relative;width:min(600px,100%);height:100%;overflow:auto;background:linear-gradient(160deg,#201829,#111018 75%);border-left:1px solid #675274;padding:38px;box-shadow:-20px 0 100px #0005;animation:auth-arrive .3s}.live-drawer>h2{font:500 32px 'Bricolage Grotesque',sans-serif;letter-spacing:-.04em;padding-right:28px}.live-car{font-size:15px;color:#c9b5e8;line-height:1.8;margin:12px 0}.live-close{position:absolute;right:22px;top:22px;font-size:27px}.live-card-section{border-top:1px solid #4a3c5555;margin-top:28px;padding-top:24px}.live-card-section>h3{font-size:17px;font-weight:500;margin-bottom:18px}.live-form{display:grid;gap:16px;margin:18px 0 25px}.live-form label{display:grid;gap:8px;font-size:12px;color:#bdb0ce}.live-form input:not([type=checkbox]),.live-form textarea,.live-form select{width:100%;min-height:45px;border:1px solid #493b54;border-radius:8px;background:#14111e;color:#e7ddf1;padding:11px 13px;font:14px 'Instrument Sans',sans-serif}.live-form textarea{min-height:100px;resize:vertical}.live-form p,.live-form small{font-size:12px;color:#a596b7;line-height:1.7}.live-form .live-check{display:flex;align-items:flex-start;line-height:1.6}.live-check input{margin:3px 3px 0 0;accent-color:#c3a6e9}.live-form .btn{justify-self:start;font-size:12px}.live-timeline{padding:0 0 0 19px;margin-top:24px;list-style:none;border-left:1px solid #70518e77}.live-timeline li{position:relative;padding:0 0 23px 12px}.live-timeline li:before{content:'';position:absolute;top:4px;left:-23px;width:6px;height:6px;border-radius:50%;background:#c4a0ef;box-shadow:0 0 12px #9d76ca55}.live-timeline small{display:block;color:#84728f;font-size:10px;margin-bottom:8px}.live-timeline strong{font-size:12px;font-weight:500;color:#c7b3df}.live-timeline p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#a798b6;margin-top:9px}.visit-card{padding:16px;border:1px solid #47345277;border-radius:10px;background:#39264322;margin:12px 0}.visit-card>strong{display:block;font-size:13px;margin-bottom:12px}.visit-card>.pill{display:inline-block;white-space:normal;line-height:1.6}.visit-card p{margin:12px 0;font-size:12px}.visit-card .live-form{margin-bottom:0}.live-feedback{position:sticky;bottom:-38px;background:#201729;padding:17px 0;color:#e0c5f5;line-height:1.7;font-size:13px}.live-feedback:empty{display:none}.snapshot{padding:22px;border-bottom:1px solid var(--line)}.snapshot summary{cursor:pointer}.snapshot small{display:block;margin:9px 0;color:var(--muted)}.snapshot pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#b8a2d0;font-size:12px}
@keyframes auth-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes auth-arrive{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.auth-layout{padding:50px 35px;gap:40px}.auth-satellite{font-size:10px;padding:10px}.auth-universe-caption{font-size:8px}.auth-top{padding:23px 30px}.auth-layout{grid-template-columns:.8fr 1fr}}
@media(max-width:700px){body{min-width:320px}.auth-top{padding:20px 24px}.auth-top .auth-brand{width:155px}.auth-top>span{font-size:8px;letter-spacing:0}.auth-layout{display:block;padding:32px 24px 40px;min-height:calc(100svh - 155px)}.auth-universe{display:none}#auth-panel{max-width:420px;margin:auto}#auth-panel h1{font-size:42px;margin:24px 0 18px}.auth-intro{font-size:13px}.auth-bottom{font-size:8px;line-height:1.6;gap:20px;padding:20px 24px}.auth-options{font-size:11px}.auth-options button{font-size:10px}.live-drawer{padding:30px 22px}.live-drawer>h2{font-size:28px}.live-feedback{bottom:-30px}.live-toolbar{flex-wrap:wrap}.live-task{align-items:flex-start}.kanban{grid-auto-columns:82vw}.live-card-grid{grid-template-columns:1fr}.settings-body>strong{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.auth-symbol,.auth-satellite,.auth-arrive,.live-drawer{animation:none}.auth-submit:hover{transform:none}}

/* Controles da agenda e do cartão comercial. */
.vehicle-fields { margin: 6px 0; padding: 20px; min-width: 0; border: 1px solid #524360; border-radius: 18px; background: linear-gradient(135deg,#271f32,#191622 75%); }
.vehicle-fields legend { padding: 0 8px; font: 650 18px 'Bricolage Grotesque',sans-serif; color: #f3eafa; }
.vehicle-fields [data-catalog-fields]:not([hidden]), .vehicle-fields [data-profile-field]:not([hidden]) { display:grid; gap:14px; margin-top:14px; }
.vehicle-fields [hidden] {display:none!important}
.vehicle-pair,.visit-fields {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
.live-form label {min-width:0}
.live-form :is(input,select,textarea):focus-visible {outline:2px solid #c5abea; outline-offset:2px}
.live-form select:disabled,.live-form input:disabled {opacity:.54}
.live-form select {text-overflow:ellipsis}
.visit-fields {padding:14px; background:#201c2a; border:1px solid #494051; border-radius:14px}
.visit-fields input {min-width:0;max-width:100%;font-variant-numeric:tabular-nums;color-scheme:dark}
.live-form .live-check input {accent-color:#cdb7ed;width:17px;height:17px;flex:none}
.live-drawer .live-feedback:not(:empty) {position:sticky;bottom:8px;display:flex;align-items:center;gap:10px;border:1px solid #665478;border-radius:13px;padding:12px 16px;background:#302639;color:#f5edf9;box-shadow:0 8px 26px #09071170;font-weight:550}
.live-feedback[data-state="success"]::before {content:'✓';display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d5c3f0;color:#2a2035;flex:none}
.live-drawer .live-feedback[data-state="error"] {border-color:#986e80}
.month-cell .month-event {display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;text-align:left;padding:6px 8px;line-height:1.3;border-radius:7px;background:#34293f;color:#eee6f9}
.month-cell .month-event time {font:500 10px 'IBM Plex Mono',monospace;color:#d9c4f5}
.month-cell .month-event span {min-width:0;overflow:hidden;text-overflow:ellipsis}
.month-cell .month-event:hover {background:#4b395a}
@supports (appearance:base-select) {
  .live-form select,.live-form select::picker(select) {appearance:base-select}
  .live-form select::picker(select) {color:#f2edf7;background:#211c2b;border:1px solid #655274;padding:5px;border-radius:12px;box-shadow:0 12px 36px #08070c70;max-height:min(36vh,320px)}
  .live-form select option {font:inherit;padding:9px 11px;border-radius:7px;white-space:normal}
  .live-form select option:is(:checked,:hover,:focus-visible) {background:#42344f;color:#f3e6ff}
  .live-form select::picker-icon {color:#cbb4e7}
}
@media(max-width:520px) {.vehicle-fields {padding:14px}.vehicle-pair{grid-template-columns:1fr}.visit-fields{gap:8px;padding:10px}.month-cell .month-event{padding:3px;gap:2px}}



#app-root .topbar {gap:14px;padding-inline:max(18px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-right))}
#app-root .topbar .mobile-brand {display:inline-flex;width:42px;align-items:center;flex:none}
#app-root .mobile-brand svg {display:block;width:100%;height:auto}
#app-root .breadcrumb {margin-right:auto}
#app-root .command-launcher {display:inline-flex;gap:12px;min-height:40px;color:#eadff7}
.command-box {max-height:80dvh;overflow-y:auto}
.vehicle-combo {display:grid;gap:6px;min-width:0}
.vehicle-combo [role=listbox] {max-height:200px;overflow:auto;overscroll-behavior:contain;border:1px solid #675279;background:#221c2c;border-radius:12px;padding:4px}
.vehicle-combo [role=option],.vehicle-combo .no-match {padding:10px 12px;line-height:1.4;border-radius:8px}
.vehicle-combo [role=option] {cursor:pointer}
.vehicle-combo [role=option]:is(:hover,[aria-selected=true]){background:#42344f;color:#f5eaff}
.catalog-status:empty,.board-status:empty{display:none}
.kanban .drag-grip {float:right;display:grid;place-items:center;min-width:36px;min-height:36px;margin:-6px -4px 4px 8px;color:#ceb7e7;border-radius:9px;background:#34293e;touch-action:none;cursor:grab}
.kanban .live-card:has(.drag-grip){user-select:none;-webkit-user-select:none;cursor:grab}
.kanban-column.drop-target{outline:2px solid #c8a9ee;outline-offset:-2px;background:#2c2235}
.live-card.moving{opacity:.62;outline:2px solid #bfa3e0}
.board-status{color:#ddcaf0}
@media(max-width:700px){
  #app-root .topbar {padding-top:env(safe-area-inset-top);height:calc(62px + env(safe-area-inset-top))}
  .shell footer {padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .live-form :is(input,select,textarea),#access-form input:not([type=checkbox]) {font-size:16px}
  .live-drawer {padding-bottom:max(24px,env(safe-area-inset-bottom))}
  .vehicle-combo [role=option],.drag-grip {min-height:44px}
  .kanban {max-width:100%;grid-auto-columns:min(80vw,310px)}
}

#app-root {--rail-width:clamp(208px,16vw,248px)}
#app-root .sidebar {
  width:var(--rail-width);display:flex;overflow-y:auto;overflow-x:hidden;
  scrollbar-width:none;overscroll-behavior-y:contain;touch-action:pan-y;
  padding:30px 14px max(16px,env(safe-area-inset-bottom));background:linear-gradient(170deg,#191725,#100e19 65%);
  border-right:1px solid #3a3049;
}
#app-root .sidebar::-webkit-scrollbar{display:none;width:0;height:0}
#app-root .sidebar>*{flex-shrink:0}
#app-root .sidebar .brand{max-width:calc(100% - 26px)}
#app-root .sidebar-bottom {padding-top:20px}
#app-root .sidebar-bottom :is(.orbit-mini,p){display:none}
#app-root .sidebar-close {position:absolute;top:10px;right:6px;width:32px;height:36px;font-size:22px;color:#c9b9dd;border-radius:9px}
#app-root .sidebar-close:hover,#app-root #menu-toggle:hover{background:#33293e}
#app-root #menu-toggle {display:inline-grid;place-items:center;min-width:44px;min-height:44px;color:#decff0}
#app-root .shell {min-width:0;margin-inline-start:var(--rail-width)}
.sidebar-collapsed #app-root .sidebar{display:none}
.sidebar-collapsed #app-root .shell{margin-inline-start:0}
.wanted-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1.3fr) auto;align-items:end;gap:16px;padding:18px 20px;background:#191621;border:1px solid #42364f;border-radius:16px}
.wanted-filters label{display:grid;gap:7px;color:#ddcfe9;font-size:13px}
.wanted-filters input{width:100%;min-width:0;height:43px;padding:0 12px;color:#f4edf9;border:1px solid #54455e;border-radius:9px;background:#100f18;font:inherit}
.wanted-filters input:focus-visible{outline:2px solid #c6aae7;outline-offset:2px}
.wanted-filters button{min-height:43px}
.wanted-count{margin:16px 2px;color:#b9acc8;font-size:13px}
@media(max-width:1000px){.wanted-filters{grid-template-columns:1fr 1fr}}
@media(max-width:800px){
  #app-root .shell{margin-inline-start:0}
  #app-root .sidebar{width:min(280px,85vw);visibility:hidden;height:100dvh;padding-top:max(30px,env(safe-area-inset-top))}
  #app-root .sidebar.open{visibility:visible;transform:none}
  #app-root .sidebar-close{width:44px;height:44px}
}
@media(max-width:540px){.wanted-filters{grid-template-columns:1fr;gap:12px;padding:16px}.wanted-filters input{font-size:16px}}