:root{--ink:#20212b;--paper:#f8f8fc;--card:#fff;--line:#e8e8f0;--muted:#727486;--accent:#ff7559;--accent-dark:#e95b43;--green:#16886e;--red:#d94b56;--amber:#d68525;--shadow:0 14px 34px rgba(37,34,69,.07)}
body{background:radial-gradient(circle at 85% -10%,#ffe4dc 0,transparent 27rem),var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.01em}
.sidebar{width:268px;background:linear-gradient(170deg,#171827 0%,#242440 55%,#1a1b31 100%);padding:26px 18px 20px;border-right:1px solid #ffffff14;box-shadow:12px 0 36px #17182712}
.brand-logo{height:auto;width:192px;max-height:68px;object-fit:contain;object-position:left center;border-radius:0;margin:0 8px 32px;background:transparent}
nav{gap:7px}.nav{font-size:14px;font-weight:650;letter-spacing:.01em;padding:12px 14px;color:#bfc0d4;position:relative;transition:.2s ease}.nav:hover,.nav.active{background:#ffffff14;color:#fff}.nav.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:4px;background:var(--accent);box-shadow:0 0 14px #ff7559aa}
.sidebar-note{display:flex;align-items:center;gap:8px;font-size:12px;color:#c3c4d6;background:#ffffff0d;border:1px solid #ffffff0b;padding:10px;border-radius:10px}.sync-dot{width:8px;height:8px;border-radius:50%;background:#77d7ad;box-shadow:0 0 0 4px #77d7ad1e;flex:0 0 auto}.sidebar-note.is-saving .sync-dot{background:#ffc56d;box-shadow:0 0 0 4px #ffc56d20}.sidebar-note.is-offline .sync-dot{background:#ef7880;box-shadow:0 0 0 4px #ef788020}
main{max-width:1660px;padding:46px 50px}header{margin-bottom:30px}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.08}h2{letter-spacing:-.35px}.eyebrow{color:var(--accent-dark);font-size:10px;letter-spacing:1.65px}.muted{color:var(--muted)}
.primary,.secondary,.file-button{border-radius:11px;padding:11px 16px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary{background:linear-gradient(135deg,#ff8b70,var(--accent-dark));box-shadow:0 9px 18px #f3654a3b}.primary:hover{transform:translateY(-1px);box-shadow:0 12px 23px #f3654a52}.secondary,.file-button{box-shadow:0 3px 9px #25224508}.secondary:hover,.file-button:hover{border-color:#ffb1a2;color:var(--accent-dark);transform:translateY(-1px)}
input,select,textarea{border-radius:10px;border-color:#e1e2ea;padding:11px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:0;border-color:#ff9d89;box-shadow:0 0 0 4px #ff755922}.search{padding:13px 15px;max-width:580px;box-shadow:var(--shadow)}
.stat,.panel,.invoice,.client-card{border-color:var(--line);box-shadow:var(--shadow);border-radius:16px}.stat{padding:19px 20px;overflow:hidden;position:relative}.stat:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,#ffb19f,var(--accent))}.stat b{font-size:27px}.panel{padding:23px}.notice{border-radius:13px;background:#fff3ee;border-color:#ffd3c5;color:#98452f}.two-cols,.settings-grid{gap:20px}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.invoice{padding:21px;overflow:hidden}.invoice-top{padding-bottom:16px}.invoice-name{font-size:21px}.client-invoice{border-top:3px solid #ffad9a}.invoice-section{padding:7px 0 4px}.invoice-section+.invoice-section{margin-top:8px;border-top:1px dashed #dedfe8}.product{padding:14px 3px;gap:18px}.product b{font-size:14px}.product small{font-size:12px}.quota{width:37px;height:37px;border-color:#cfd1dc;transition:transform .15s,border-color .15s,background .15s}.quota:hover{transform:translateY(-2px);border-color:var(--accent);background:#fff6f3}.quota.paid{background:#e4f6ee;border-color:#8bd1b8}.quota.late{background:#fff5f4;border-color:#f1a3a7}
.client-grid{gap:18px}.client-card{padding:19px;position:relative;overflow:hidden}.client-card:after{content:"";position:absolute;right:-34px;bottom:-43px;width:115px;height:115px;border-radius:50%;background:#ff75590d}.client-card h2{font-size:18px}.client-foot{gap:8px;justify-content:flex-start}.badge{padding:6px 9px}.avatar{width:48px;height:48px;border:3px solid #fff;box-shadow:0 4px 12px #17182720}.avatar.initial{background:linear-gradient(145deg,#ff957d,#e75c68)}
.table th{background:#f5f5fa;padding:14px}.table td{padding:14px}.table tbody tr:hover{background:#fffaf9}.item-row{background:#f7f7fa;border:1px solid #ededf2;border-radius:11px;padding:12px}.callout{border-left:3px solid var(--accent);background:#fff6f3;border-radius:10px}.history-item{border-radius:10px;background:#fafaff}.audit-list{padding-right:5px}
dialog{border-radius:20px;border:1px solid #ffffff90;box-shadow:0 30px 90px #1718274d}dialog form{padding:28px}.modal-head{padding-bottom:14px;border-bottom:1px solid var(--line)}.modal-foot{padding-top:18px;border-top:1px solid var(--line)}.x{background:#f4f4f8;color:#535465}.lock-logo{width:205px;height:78px;object-fit:contain;border-radius:0}
body.dark{--paper:#181927;--card:#232538;--ink:#f5f5fa;--line:#383a4d;--muted:#b3b5c7;background:radial-gradient(circle at 90% -10%,#4b2b36 0,transparent 30rem),var(--paper)}body.dark .sidebar{background:linear-gradient(170deg,#11121d,#20213b)}body.dark .item-row,body.dark .callout{background:#2c2e43}body.dark .table th{background:#2d2f43}body.dark .table tbody tr:hover{background:#292b3f}body.dark .secondary,body.dark .file-button{background:#2b2d42}.dark .invoice-section+.invoice-section{border-color:#47495d}
@media(max-width:900px){.sidebar{padding:14px 14px 12px;background:linear-gradient(120deg,#171827,#292a49)}.brand-logo{width:144px;max-height:45px;margin:0 5px 10px}.sidebar-note{display:flex;margin-top:10px;width:max-content;max-width:100%;padding:7px 9px}main{padding:26px 18px}h1{font-size:29px}.stats,.client-grid,.settings-grid,.two-cols{grid-template-columns:1fr}.stat{padding:16px}.invoice{padding:16px}.invoice-actions{flex-wrap:wrap}.product{padding:13px 0}.modal-foot{flex-wrap:wrap}.modal-foot .primary{width:100%}}
@media(max-width:600px){body{font-size:15px}.sidebar{padding-bottom:11px}nav{gap:5px;padding-bottom:2px}.nav{white-space:nowrap;flex:0 0 auto;padding:10px 12px}.nav.active:before{display:none}main{padding:22px 14px}header{gap:14px;margin-bottom:21px}h1{font-size:27px}.eyebrow{font-size:9px}.primary,.secondary,.file-button{min-height:42px;padding:10px 13px}.stats{gap:11px;margin-bottom:16px}.stat{padding:15px}.stat b{font-size:24px}.panel{padding:17px}.search{margin-bottom:13px}.invoice{padding:14px;border-radius:14px}.invoice-top{gap:10px}.invoice-name{font-size:19px}.invoice-actions{width:100%;justify-content:space-between;align-items:center}.invoice-section{padding-top:4px}.product{gap:9px}.product>div:last-child{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.quotas{gap:6px}.quota{width:35px;height:35px}.client-grid{gap:12px}.client-card{padding:16px}.client-foot{flex-wrap:wrap;justify-content:flex-start}.header-actions{width:100%;gap:7px}.header-actions>*{flex:1 1 auto}.header-actions label{min-width:155px}.header-actions .secondary{font-size:13px;padding:9px 10px}.table-wrap{margin:0 -2px}.table td,.table th{padding:11px}.item-row,.item-row.cash,.item-row:not(.cash){padding:11px;gap:7px}.modal-foot{gap:8px}.modal-foot .secondary{flex:1 1 42%}.modal-foot .primary{flex:1 1 100%}dialog{width:calc(100% - 20px);border-radius:16px}dialog form{padding:20px 16px}.form-grid{gap:11px}.lock-logo{width:175px;height:65px}.sidebar-note{font-size:11px}}