:root{--navy:#072f56;--navy2:#041f3b;--orange:#ff5b08;--ice:#f3f6f9;--line:#dbe4eb;--text:#132f49;--muted:#657d91;--shadow:0 12px 34px rgba(7,47,86,.08)}
html{font-synthesis:none}body{font-family:"Segoe UI Variable","Aptos","Inter","Segoe UI",Arial,sans-serif;font-size:14px;font-weight:450;letter-spacing:-.006em;background:linear-gradient(145deg,#f7f9fb 0,#eef3f7 100%);color:var(--text)}button,input,select,textarea{font-family:inherit}.sidebar{width:252px;padding:22px 14px;background:linear-gradient(180deg,#052d51 0,#031b34 100%);box-shadow:12px 0 36px rgba(3,28,56,.1)}.main{margin-left:252px;padding:0 34px 28px}.brand{margin:0 7px 24px;padding:9px;border-radius:14px;font-size:19px;letter-spacing:-.025em}.brand img{width:72px;height:52px;border-radius:11px}.nav-section{display:block;padding:15px 13px 7px;color:#7897b1;font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.sidebar nav{gap:2px}.sidebar nav a{min-height:43px;padding:8px 10px;border-radius:11px;color:#b9c9d7;font-size:12px;font-weight:750;transition:.18s ease}.sidebar nav a b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.055)}.sidebar nav a b svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar nav a:hover{background:rgba(255,255,255,.065);transform:translateX(2px)}.sidebar nav a.active{background:#fff;color:var(--navy);box-shadow:0 9px 25px rgba(0,0,0,.13)}.sidebar nav a.active b{background:#fff0e8;color:var(--orange)}.topbar{height:102px}.topbar span,.section-kicker{font-size:8px;font-weight:950;letter-spacing:.17em}.topbar h1{font-size:28px;font-weight:850;letter-spacing:-.04em}.quick-create,.button{min-height:40px;padding:10px 16px;border-radius:10px;font-size:11px;font-weight:850;letter-spacing:-.01em;box-shadow:none;transition:.18s ease}.quick-create,.button.primary{background:linear-gradient(135deg,#ff6818,#ff4f00);box-shadow:0 9px 22px rgba(255,91,8,.19)}.button.secondary{border-color:#d6e0e8;background:rgba(255,255,255,.9)}.button.green{background:linear-gradient(135deg,#20ad69,#168a53)}.panel,.stat{border-color:rgba(210,222,231,.9);border-radius:17px;box-shadow:var(--shadow);background:rgba(255,255,255,.94)}.panel{padding:22px}.panel-head h2,.panel h2{font-weight:830;letter-spacing:-.025em}.stat{padding:21px}.stat span{font-weight:900}.stat strong{color:var(--navy);font-size:27px;font-weight:850;letter-spacing:-.035em}input,select,textarea{min-height:43px;border-color:#d1dde6;border-radius:10px;padding:10px 12px;background:#fff;font-weight:550}input:focus,select:focus,textarea:focus{border-color:#ff8a50;box-shadow:0 0 0 4px rgba(255,91,8,.1)}label{font-size:9px;font-weight:850;letter-spacing:.015em}table{border-collapse:separate;border-spacing:0}th{padding:11px 10px;color:#6b8295;font-size:8px;font-weight:950}td{padding:13px 10px}.status{padding:6px 9px;font-size:7.5px;font-weight:950}.alert{border-radius:12px}.register-title,.quick-invoice-heading h2{font-weight:880;letter-spacing:-.04em}.filter-pills a,.invoice-tabs a{font-weight:800}.document-card{border-radius:18px}.app-footer{font-weight:650}
@media(max-width:760px){.sidebar{width:min(290px,86vw)}.main{margin-left:0;padding:0 14px 20px}.topbar{height:82px}.topbar h1{font-size:22px}.panel{padding:16px}.quick-create{box-shadow:none}}
