:root{--bg:#0b0e13;--panel:#121720;--panel2:#161d29;--line:#27303d;--text:#f0f3f7;--muted:#8995a7;--accent:#a6f1c9;--accentdark:#072b24;--amber:#e8bd79;--blue:#9ebcf9}*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--text);background:var(--bg)}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}.shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.side{border-right:1px solid #232936;background:#10141c;padding:26px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin:0 9px 38px}.mark,.logo-large{display:grid;place-items:center;font-weight:800;background:var(--accent);color:var(--accentdark);border-radius:13px}.mark{height:41px;width:41px;font-size:23px}.brand b{display:block;font-size:12px;letter-spacing:.06em}.brand em{color:var(--accent);font-style:normal}.brand small{display:block;font-size:10px;color:#8493a5;margin-top:5px}.side-kicker{color:#687688;font-size:10px;letter-spacing:.13em;font-weight:700;padding:0 13px;margin-bottom:13px}.navitem{border:0;background:transparent;color:#adb6c5;display:flex;align-items:center;text-align:left;gap:13px;width:100%;padding:11px 13px;border-radius:10px;font-size:13px;font-weight:600;margin:3px 0}.navitem span:first-child{font-size:18px;width:23px;text-align:center}.navitem:hover,.navitem.active{background:#1c2831;color:#f6fff9}.navitem.active{box-shadow:inset 3px 0 var(--accent)}.nav-arrow{margin-left:auto;color:var(--muted)}.side-bottom{margin-top:auto;padding:12px}.free-pill{font-size:11px;background:#1b342a;color:#a8f3ca;padding:11px;border:1px solid #315344;border-radius:9px;font-weight:650}.mini-note{font-size:10px;color:#7a8798;line-height:1.7;margin-top:12px}.main{min-width:0;padding:28px clamp(18px,4vw,57px) 70px;max-width:1650px;width:100%;margin:0 auto}.top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:23px}.crumb{font-size:12px;color:#8190a3;margin-bottom:9px}.crumb span{color:var(--accent)}h1{font-size:clamp(24px,2.6vw,33px);line-height:1.2;margin:0;letter-spacing:-.04em}h2,h3,p{margin-top:0}.top-actions{display:flex;align-items:center;gap:10px}.top-badge{font-size:10px;padding:8px 10px;border-radius:9px;background:#173327;color:#b4f8cf;font-weight:800;letter-spacing:.06em}.avatar{width:36px;height:36px;border-radius:50%;background:#324337;display:grid;place-items:center;color:#d9ffe9;font-weight:700}.text-btn{background:transparent;border:0;color:#aab5c3;font-size:12px}.security-note{font-size:11px;line-height:1.6;color:#a4b1bf;border:1px solid #33404e;background:#1b222d;padding:11px 14px;border-radius:9px;margin-bottom:24px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:3px 0 19px}.intro p,.subtitle{color:var(--muted);line-height:1.6;font-size:13px;margin:7px 0 0}.btn{border-radius:10px;padding:11px 15px;border:1px solid #3b4653;background:#1a2430;color:#e7edf5;font-size:12px;font-weight:700;white-space:nowrap}.btn.primary{background:var(--accent);border-color:var(--accent);color:#09261e}.btn.ghost{background:transparent}.btn:hover:not(:disabled){filter:brightness(1.07)}.btn.block{width:100%}.btn.tiny{padding:7px 10px;font-size:11px}.btn.danger{color:#ffa9a9;border-color:#6a4042}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 23px}.stat,.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px}.stat{padding:20px}.stat small{color:var(--muted);display:block;font-size:11px}.stat b{font-size:26px;display:block;margin:13px 0 5px;letter-spacing:-.035em}.stat .hint{font-size:10px;color:#77869a}.panel{padding:21px;margin-bottom:16px}.panel h3{font-size:15px;letter-spacing:-.02em;margin-bottom:11px}.layout-two{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.section-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 15px}.section-head p{color:var(--muted);font-size:12px;margin:5px 0 0}.empty{padding:45px 22px;text-align:center;color:var(--muted)}.empty-icon{font-size:27px;color:#abc9bc;margin-bottom:10px}.empty h3{color:#e3e8ee}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{font-weight:600;font-size:10px;color:#8a98a9;text-align:left;padding:13px 9px;border-bottom:1px solid #293441;text-transform:uppercase;letter-spacing:.07em}td{padding:15px 9px;border-bottom:1px solid #1f2b36;color:#d7dde6}td small{display:block;color:#8090a0;margin-top:5px}td:first-child{font-weight:600}.pill{border-radius:7px;padding:5px 8px;display:inline-block;font-size:10px;background:#2b3343;color:#c7d3e4}.pill.approved,.pill.paid{background:#1d4233;color:#acf0c8}.pill.rejected{background:#4e2c2b;color:#fac0bf}.pill.sent,.pill.review{background:#493d25;color:#f2d596}.pill.new{background:#203c51;color:#aad6ff}.actions{display:flex;flex-wrap:wrap;gap:6px}.inline-btn{background:none;border:0;color:#aaf0ca;padding:4px;font-size:11px;font-weight:650}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.toolbar input,.toolbar select{background:#171f2a;border:1px solid #354050;border-radius:9px;padding:11px;color:#eaf0f7;font-size:12px;outline:0}.toolbar input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.toolbar .right{margin-left:auto}.auth-wall{position:fixed;inset:0;background:#0b0e13;z-index:30;display:grid;place-items:center;padding:22px}.auth-wall[hidden]{display:none}.auth-wrap{display:grid;grid-template-columns:1fr 400px;gap:80px;max-width:1000px;width:100%;align-items:center}.logo-large{width:58px;height:58px;font-size:34px;margin-bottom:34px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.15em;color:var(--accent)}.auth-left h2{font-size:clamp(35px,5vw,57px);line-height:1.06;letter-spacing:-.06em;margin:20px 0}.auth-left p{line-height:1.8;color:#a2afbc;max-width:470px;font-size:14px}.feature-ticks{display:flex;flex-wrap:wrap;gap:15px;color:#b5f1cd;font-size:11px;margin-top:24px}.auth-card{border-radius:18px;border:1px solid #30404a;background:#141b24;padding:31px}.auth-card h3{font-size:23px;letter-spacing:-.04em;margin:13px 0 7px}.auth-card>p{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:24px}.field{display:flex;flex-direction:column;gap:7px;margin:14px 0}.field span{font-size:11px;color:#aeb9c8;font-weight:650}.field input,.field textarea,.field select{background:#0d141b;border:1px solid #354251;color:#f0f5f9;border-radius:9px;padding:12px;font-size:13px;width:100%;outline:0}.field textarea{resize:vertical;min-height:87px}.field input::placeholder{color:#6b7a8e}.link-btn{background:transparent;border:0;color:var(--accent);display:block;margin:16px auto 0;font-size:12px}.auth-disclaimer{margin-top:20px;padding-top:20px;border-top:1px solid #2e3946;font-size:10px;color:#8e9daa;text-align:center}.error{color:#ff9d9d;font-size:12px;min-height:14px;margin:12px 0}.modal-host{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px}.modal-host[hidden]{display:none}.modal-shade{position:absolute;inset:0;background:#000a;backdrop-filter:blur(5px)}.modal-panel{position:relative;background:#161d27;border:1px solid #334152;border-radius:18px;max-width:570px;width:100%;max-height:90vh;overflow:auto;padding:24px}.modal-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.modal-head h2{margin:0;font-size:21px}.circle-btn{width:34px;height:34px;border-radius:50%;background:#25303d;color:#e5ebee;border:1px solid #435061;font-size:22px}.modal-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.toast{position:fixed;bottom:22px;right:22px;background:#183d30;border:1px solid #366f55;color:#e0ffed;padding:14px 18px;border-radius:10px;z-index:80;font-size:12px;max-width:360px}.simple-list{display:flex;flex-direction:column;gap:10px}.simple-item{border:1px solid #2a3543;border-radius:10px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.simple-item b{font-size:12px}.simple-item small{display:block;color:var(--muted);margin-top:6px;font-size:11px}.design-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.design{border:1px solid #324150;border-radius:13px;padding:9px;background:#17212b;text-align:left;color:#dfe6ef;transition:transform .1s}.design:hover{transform:translateY(-2px)}.design.active{border-color:var(--accent)}.design-screen{height:118px;border-radius:8px;padding:10px;overflow:hidden;position:relative}.design-screen .bar{width:46%;height:5px;border-radius:20px;background:currentColor;opacity:.4}.design-screen .heading{height:10px;width:75%;background:currentColor;margin:19px 0 6px;opacity:.75;border-radius:3px}.design-screen .heading+div{height:6px;width:60%;background:currentColor;opacity:.37;border-radius:3px}.design-screen .action{width:55px;height:14px;background:var(--highlight);margin-top:14px;border-radius:4px}.design strong{display:block;font-size:10px;padding:9px 2px 4px}.design small{color:var(--muted);font-size:10px;padding-left:2px}.loadline{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-card{display:block;border:1px solid #354351;background:#19232b;border-radius:10px;padding:17px}.quick-card b{font-size:12px;display:block;margin:7px 0}.quick-card span{font-size:11px;color:#99a8b6}.muted{color:var(--muted)}.helper{color:#97a8b9;font-size:11px;line-height:1.6}.file-btn{display:inline-block;cursor:pointer}.file-btn input{display:none}@media(max-width:1100px){.layout-two{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.design-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.shell{display:block}.side{position:relative;height:auto;padding:12px 14px;border-right:0;border-bottom:1px solid #28323d}.brand{margin:0 4px 10px}.side-kicker,.side-bottom{display:none}nav{display:flex;overflow-x:auto;gap:4px}.navitem{white-space:nowrap;font-size:11px;width:auto;padding:9px}.navitem span:first-child{width:auto}.side>.navitem{display:none}.main{padding:21px 14px 50px}.top{align-items:flex-start}.auth-wrap{grid-template-columns:1fr;gap:25px;max-width:450px}.auth-left h2{font-size:32px;margin:11px 0}.auth-left p,.feature-ticks{display:none}.logo-large{margin-bottom:14px}.auth-card{padding:22px}.auth-wall{overflow:auto;place-items:start center}.cards{grid-template-columns:repeat(2,1fr)}.stat{padding:15px}.stat b{font-size:22px}.design-grid{grid-template-columns:repeat(2,1fr)}.quick{grid-template-columns:1fr}.intro{align-items:flex-start;flex-direction:column}.top-badge{display:none}}@media(max-width:420px){.design-grid{grid-template-columns:repeat(2,1fr)}.toolbar input{width:100%}.top h1{font-size:22px}.security-note{font-size:10px}}