:root{--bg:#07060f;--bg-2:#0b0918;--panel:#9482ff0b;--panel-strong:#9482ff17;--line:#8b5cf638;--line-strong:#8b5cf673;--cyan:#22d3ee;--violet:#8b5cf6;--magenta:#e879f9;--electric:linear-gradient(120deg, #22d3ee, #8b5cf6 45%, #e879f9 80%, #fb7185);--ink:#eef0ff;--muted:#a3a8cf;--faint:#666c96;--green:#34d399;--red:#fb7185;--amber:#fbbf24;--shadow:0 24px 80px #020012b3;--glow-cyan:0 0 24px #22d3ee59;--glow-violet:0 0 32px #8b5cf666;--font-display:"Fraunces", Georgia, serif;--font-ui:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;overflow-x:hidden}::selection{background:#8b5cf673}.ambient{z-index:0;pointer-events:none;background:radial-gradient(140% 100% at 50% 0,#0d0a1f 0%,#07060f 55%,#050410 100%);position:fixed;inset:0;overflow:hidden}.ambient .blob{filter:blur(90px);opacity:.22;mix-blend-mode:screen;border-radius:50%;animation:26s ease-in-out infinite alternate drift;position:absolute}.ambient.intense .blob{opacity:.55}.ambient .blob.b1{background:radial-gradient(circle,#8b5cf68c,#0000 65%);width:55vw;height:55vw;top:-18vw;left:-12vw}.ambient .blob.b2{background:radial-gradient(circle,#22d3ee66,#0000 65%);width:44vw;height:44vw;animation-duration:31s;animation-delay:-8s;top:8vh;right:-10vw}.ambient .blob.b3{background:radial-gradient(circle,#e879f957,#0000 65%);width:50vw;height:50vw;animation-duration:37s;animation-delay:-16s;bottom:-25vw;left:22vw}@keyframes drift{0%{transform:translate(0)scale(1)}50%{transform:translate(6vw,-4vh)scale(1.15)}to{transform:translate(-5vw,5vh)scale(.92)}}.ambient:after{content:"";transform-origin:50% 0;background-image:linear-gradient(#8b5cf60d 1px,#0000 1px),linear-gradient(90deg,#8b5cf60d 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;transform:perspective(600px)rotateX(28deg)scale(1.4);-webkit-mask-image:linear-gradient(#000000b3,#0000 70%);mask-image:linear-gradient(#000000b3,#0000 70%)}.cursor-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#22d3ee17,#8b5cf60d 40%,#0000 65%);border-radius:50%;width:700px;height:700px;transition:opacity .4s;position:fixed;transform:translate(-50%,-50%)}.display{font-family:var(--font-display);letter-spacing:.01em;font-weight:400}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--accent,var(--violet));font-size:11px;font-weight:700}.gradient-text{background:var(--electric);color:#0000;-webkit-background-clip:text;background-clip:text}.hairline{background:linear-gradient(90deg, transparent, var(--line-strong), transparent);border:0;height:1px}.shell{z-index:1;min-height:100vh;display:flex;position:relative}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0907149e;flex-direction:column;flex-shrink:0;gap:4px;width:236px;height:100vh;padding:28px 16px;display:flex;position:sticky;top:0}.sidebar .brand{padding:0 12px 22px}.brand-logo{filter:drop-shadow(0 0 14px #8b5cf68c);width:92px;margin-bottom:10px;display:block}.brand-name{font-family:var(--font-display);color:var(--ink);font-size:21px;line-height:1.15}.brand-name em{background:var(--electric);color:#0000;-webkit-background-clip:text;background-clip:text;margin-right:-5px;padding-right:5px;font-style:italic}.brand-sub{letter-spacing:.3em;text-transform:uppercase;color:var(--faint);margin-top:6px;font-size:10px}.nav-item{color:var(--muted);cursor:pointer;text-align:left;width:100%;font-size:13.5px;font-weight:500;font-family:var(--font-ui);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:10px 12px;transition:color .2s,background .2s,border-color .2s,box-shadow .25s;display:flex;position:relative}.nav-item:hover{color:var(--ink);background:var(--panel-strong)}.nav-item.active{color:#fff;border-color:var(--line-strong);box-shadow:var(--glow-violet), inset 0 0 18px #8b5cf61f;background:linear-gradient(120deg,#22d3ee29,#8b5cf633,#e879f924)}.nav-item.active:before{content:"";background:var(--electric);width:3px;box-shadow:var(--glow-cyan);border-radius:3px;position:absolute;top:20%;bottom:20%;left:-17px}.nav-item svg{width:17px;height:17px}.main{flex:1;min-width:0;padding:34px 44px 80px}.persp{perspective:1400px}.main[data-accent=home]{--accent:#a78bfa;--accent-rgb:167, 139, 250}.main[data-accent=requests]{--accent:#fb7185;--accent-rgb:251, 113, 133}.main[data-accent=calendar]{--accent:#38bdf8;--accent-rgb:56, 189, 248}.main[data-accent=settings]{--accent:#a3a8cf;--accent-rgb:163, 168, 207}.main[data-accent=signatures]{--accent:#e8c98a;--accent-rgb:232, 201, 138}.main[data-accent=subs]{--accent:#fb923c;--accent-rgb:251, 146, 60}.main[data-accent=reports]{--accent:#4ade80;--accent-rgb:74, 222, 128}.main[data-accent=clients]{--accent:#22d3ee;--accent-rgb:34, 211, 238}.main[data-accent=quotes]{--accent:#e879f9;--accent-rgb:232, 121, 249}.main[data-accent=jobs]{--accent:#fbbf24;--accent-rgb:251, 191, 36}.main[data-accent=invoices]{--accent:#34d399;--accent-rgb:52, 211, 153}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;display:flex}.topbar h1{font-family:var(--font-display);letter-spacing:-.01em;font-size:46px;font-weight:400;line-height:1.05}.topbar h1 .accent-dot{color:var(--accent,var(--violet));text-shadow:0 0 22px rgba(var(--accent-rgb,139, 92, 246), .75)}.tagline{font-family:var(--font-display);color:var(--muted);margin-top:7px;font-size:15.5px;font-style:italic}.topbar .who{color:var(--faint);align-items:center;gap:14px;font-size:12.5px;display:flex}.card{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform-style:preserve-3d;background:linear-gradient(160deg,#9482ff12,#9482ff05);border-radius:18px;padding:22px 24px;position:relative}.card:before{content:"";background:linear-gradient(140deg, rgba(var(--accent-rgb,139, 92, 246), .22), transparent 30%, transparent 70%, rgba(var(--accent-rgb,139, 92, 246), .16));-webkit-mask-composite:xor;pointer-events:none;border-radius:18px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card.lift{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s}.card.lift:hover{border-color:var(--line-strong);box-shadow:0 22px 60px #02001299, var(--glow-violet);transform:translateY(-4px)scale(1.01)}.card.tilt{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);will-change:transform;transition:transform .18s ease-out,box-shadow .3s,border-color .3s}.card.tilt:hover{border-color:var(--line-strong);box-shadow:0 26px 70px #020012a6, var(--glow-cyan)}.card.tilt .stat-value{transform:translateZ(34px)}.card.tilt h3,.card.tilt .stat-note{transform:translateZ(18px)}.card h3{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:12px;font-weight:700}.stat-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);font-size:44px;line-height:1}.stat-value.hero{background:var(--electric);color:#0000;filter:drop-shadow(0 0 14px #8b5cf640);-webkit-background-clip:text;background-clip:text}.stat-note{color:var(--faint);margin-top:8px;font-size:12px}.grid{gap:18px;display:grid}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}@media (width<=1100px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:1fr}}.btn{cursor:pointer;font-family:var(--font-ui);border:1px solid var(--line-strong);background:var(--panel-strong);color:var(--ink);border-radius:12px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .22s;display:inline-flex}.btn:hover{border-color:var(--cyan);box-shadow:var(--glow-cyan);background:#22d3ee1f}.btn.primary{background:var(--electric);color:#0a0618;background-size:200% 200%;border-color:#0000;font-weight:700;animation:6s infinite gradientShift;box-shadow:0 8px 28px #8b5cf673}.btn.primary:hover{box-shadow:0 10px 40px #8b5cf6a6, var(--glow-cyan);transform:translateY(-1px)scale(1.02)}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.btn.ghost{color:var(--muted);box-shadow:none;background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--ink);border-color:var(--line);box-shadow:none}.btn.danger{color:var(--red);border-color:#fb718566}.btn.danger:hover{border-color:var(--red);background:#fb718524;box-shadow:0 0 20px #fb71854d}.btn:disabled{opacity:.45;pointer-events:none}.btn svg{width:15px;height:15px}label.field{margin-bottom:14px;display:block}label.field span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:700;display:block}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--font-ui);background:#04020e8c;border-radius:12px;padding:10px 13px;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #22d3ee2e, var(--glow-cyan);outline:none}select option{background:#120e26}.table-wrap{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(160deg,#9482ff0f,#9482ff04);border-radius:16px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line);white-space:nowrap;padding:13px 18px;font-size:10.5px;font-weight:700}td{vertical-align:middle;border-bottom:1px solid #8b5cf617;padding:13px 18px}tbody tr{cursor:pointer;transition:background .15s,box-shadow .2s}tbody tr:hover{box-shadow:inset 3px 0 0 var(--cyan);background:#8b5cf617}tbody tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.chip{letter-spacing:.06em;text-transform:capitalize;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:11px;font-weight:700;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px}.chip.grey{color:var(--muted);background:#a3a8cf14;border-color:#a3a8cf52}.chip.blue{color:var(--cyan);background:#22d3ee1a;border-color:#22d3ee66}.chip.green{color:var(--green);background:#34d3991a;border-color:#34d39966}.chip.amber{color:var(--amber);background:#fbbf241a;border-color:#fbbf2466}.chip.red{color:var(--red);background:#fb71851a;border-color:#fb718566}.chip.brass{color:var(--magenta);background:#e879f91f;border-color:#e879f973}.modal-veil{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03020ab8;justify-content:center;align-items:flex-start;padding:7vh 20px 40px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{border:1px solid var(--line-strong);width:100%;max-width:660px;box-shadow:var(--shadow), var(--glow-violet);background:linear-gradient(165deg,#16112b,#0c0919);border-radius:22px;padding:30px 32px;position:relative}.modal:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(140deg,#22d3ee80,#0000 35% 65%,#e879f973);border-radius:22px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.modal.wide{max-width:1000px}.items-editor table{min-width:860px}.items-editor td,.items-editor th{padding:8px}.items-editor td:first-child{padding-left:14px}.items-editor input,.items-editor textarea{padding:8px 10px;font-size:13.5px}.items-editor textarea{resize:vertical;min-height:38px;line-height:1.45}.modal h2{font-family:var(--font-display);margin-bottom:20px;font-size:25px;font-weight:400}.login-stage{z-index:1;justify-content:flex-end;align-items:center;min-height:100vh;padding:24px 7vw 24px 24px;display:flex;position:relative}.login-3d{z-index:0;pointer-events:none;position:fixed;inset:0}.login-3d.cinematic:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#03020a8c 100%),linear-gradient(#03020a59 0%,#0000 12% 88%,#03020a73 100%);position:absolute;inset:0}.login-card{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:400px;box-shadow:var(--shadow), 0 0 80px #8b5cf638;background:#0d091e52;border-radius:26px;padding:36px 36px 30px;position:relative}@media (width<=1000px){.login-stage{justify-content:center;padding:24px}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d091e80}}.login-card{cursor:grab}.login-card:active{cursor:grabbing}.login-card input,.login-card button{cursor:auto}.login-card .btn{cursor:pointer}.drag-hint{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);-webkit-user-select:none;user-select:none;font-size:10px;position:absolute;top:10px;left:0;right:0}.login-hud{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font-ui);min-width:300px;position:fixed;bottom:5vh;left:4vw}.login-hud .hud-phase{letter-spacing:.26em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 16px #22d3ee99;font-size:12px;font-weight:700}.login-hud .hud-name{font-family:var(--font-display);color:var(--ink);letter-spacing:.01em;margin:2px 0 10px;font-size:30px}.login-hud .hud-track{background:#8b5cf638;border-radius:2px;width:300px;height:2px;overflow:hidden}.login-hud .hud-bar{background:var(--electric);width:0%;height:100%;box-shadow:0 0 14px #8b5cf6e6}@media (width<=1000px){.login-hud{bottom:18px;left:20px}.login-hud .hud-name{font-size:20px}.login-hud .hud-track{width:200px}}.login-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(140deg,#22d3ee,#8b5cf64d 30% 70%,#e879f9);border-radius:26px;padding:1.5px;animation:5s ease-in-out infinite borderPulse;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes borderPulse{0%,to{opacity:.7}50%{opacity:1;filter:brightness(1.3)}}.login-monogram{border:1px solid var(--line-strong);width:92px;height:92px;box-shadow:var(--glow-violet), inset 0 0 24px #8b5cf633;background:radial-gradient(circle at 35% 30%,#8b5cf64d,#0000 70%),#04020e80;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 22px;display:flex;position:relative}.login-monogram img{filter:drop-shadow(0 0 10px #22d3ee99);width:62px;display:block}.login-monogram:after{content:"";border:1px dashed #22d3ee59;border-radius:50%;animation:24s linear infinite spin;position:absolute;inset:-8px}@keyframes spin{to{transform:rotate(360deg)}}.login-title{text-align:center;font-family:var(--font-display);font-size:29px;font-weight:400}.login-sub{text-align:center;color:var(--faint);letter-spacing:.32em;text-transform:uppercase;margin:8px 0 30px;font-size:11px}.login-error{color:var(--red);text-align:center;margin-top:12px;font-size:13px}.login-foot{text-align:center;letter-spacing:.1em;background:var(--electric);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:26px;font-size:11px}.doc-sheet{color:#23201a;box-shadow:var(--shadow);background:#f7f4ee;border-radius:14px;padding:48px 52px;font-size:13.5px}.doc-sheet h1{font-family:var(--font-display);color:#1c1914;font-size:30px;font-weight:500}.doc-logo{width:210px;max-width:100%;display:block}.doc-sheet .doc-brand{color:#8a6a33}.doc-sheet table{font-size:13px}.doc-sheet th{color:#8a8272;letter-spacing:.1em;border-bottom:1.5px solid #d8d2c4}.doc-sheet td{color:#23201a;border-bottom:1px solid #e6e1d4}.doc-sheet tbody tr:hover{box-shadow:none;background:0 0}.doc-sheet tbody tr{cursor:default}@media print{body{background:#fff}.ambient,.cursor-glow,.sidebar,.topbar,.no-print,.login-3d{display:none!important}.main{padding:0}.modal-veil{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;display:block;position:static}.modal{max-width:none;box-shadow:none;background:0 0;border:0;padding:0}.modal:before{display:none}.doc-sheet{box-shadow:none;border-radius:0;padding:24px 8px}}.cal-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-head{letter-spacing:.16em;text-transform:uppercase;color:var(--faint);padding:4px 8px;font-size:10.5px;font-weight:700}.cal-cell{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;gap:4px;min-height:108px;padding:7px 8px;transition:border-color .2s;display:flex}.cal-cell:hover{border-color:var(--line-strong)}.cal-cell.dim{opacity:.38}.cal-cell.today{border-color:var(--accent,var(--violet));box-shadow:0 0 18px rgba(var(--accent-rgb,139, 92, 246), .25), inset 0 0 14px rgba(var(--accent-rgb,139, 92, 246), .07)}.cal-cell.today .cal-date{color:var(--accent,var(--violet));font-weight:700}.cal-date{color:var(--faint);font-variant-numeric:tabular-nums;font-size:12px}.cal-chip{text-align:left;cursor:pointer;width:100%;font-family:var(--font-ui);white-space:nowrap;text-overflow:ellipsis;background:#00000040;border:1px solid;border-radius:7px;padding:3px 8px;font-size:11px;font-weight:600;transition:filter .15s;display:block;overflow:hidden}.cal-chip:hover{filter:brightness(1.35)}.cal-chip.blue{color:var(--cyan);border-color:#22d3ee66}.cal-chip.amber{color:var(--amber);border-color:#fbbf2466}.cal-chip.brass{color:var(--magenta);border-color:#e879f973}.cal-chip.green{color:var(--green);border-color:#34d39966}.cal-chip.grey{color:var(--muted);border-color:#a3a8cf52}@media (width<=840px){.cal-cell{min-height:74px;padding:5px 6px}.cal-chip{padding:2px 6px;font-size:10px}}.speak-bars{align-items:flex-end;gap:3px;height:18px;display:inline-flex}.speak-bars i{background:var(--electric);border-radius:2px;width:3px;animation:.9s ease-in-out infinite speakBar}.speak-bars i:first-child{animation-delay:0s}.speak-bars i:nth-child(2){animation-delay:.18s}.speak-bars i:nth-child(3){animation-delay:.36s}.speak-bars i:nth-child(4){animation-delay:.54s}@keyframes speakBar{0%,to{opacity:.6;height:5px}50%{opacity:1;height:18px}}.empty{text-align:center;color:var(--faint);padding:60px 20px}.empty .display{color:var(--muted);margin-bottom:8px;font-size:22px}.row{align-items:center;gap:12px;display:flex}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.money{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:12px}.clickable{cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#8b5cf640;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#8b5cf673}::-webkit-scrollbar-track{background:0 0}@media (width<=840px){.shell{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:2px;width:100%;height:auto;padding:10px 12px;position:static;overflow-x:auto}.sidebar .brand{flex-shrink:0;padding:0 10px}.brand-sub,.brand-logo{display:none}.brand-name{white-space:nowrap;font-size:15px}.nav-item{white-space:nowrap;padding:8px 11px}.nav-item.active:before{display:none}.main{padding:20px 16px 60px}.topbar h1{font-size:26px}.grid.cols-4,.grid.cols-2{grid-template-columns:1fr}.stat-value{font-size:34px}.doc-sheet{padding:26px 20px}}