:root{font-family:Inter,system-ui,Arial,sans-serif;font-size:18px;color:#132238;background:#f5f8fc}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1180px;margin:auto;padding:28px}.narrow{max-width:650px;margin:40px auto;padding:24px}.hero{background:linear-gradient(135deg,#072a60,#0f66cc);color:#fff;padding:68px 0}.brand{font-weight:900;letter-spacing:.12em;color:#fff}.brand.dark{color:#0b4a97;font-size:1.25rem}.hero h1{font-size:clamp(2.3rem,6vw,4.7rem);margin:.25em 0}.hero p{font-size:1.2rem;max-width:720px}.actions,.quick{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;border:0;border-radius:14px;padding:14px 20px;text-decoration:none;font-weight:800;background:#e8eef7;color:#15345c;cursor:pointer}.btn.primary{background:#0e63ce;color:#fff}.hero .btn.primary{background:#fff;color:#0b4f9f}.hero .btn{background:#134b89;color:#fff;border:1px solid #5f91c8}.big{font-size:1.1rem;padding:18px 24px;width:100%}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card,.panel,.promo{background:#fff;border:1px solid #dce5f0;border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(20,40,70,.05)}.photo-placeholder{height:150px;border-radius:12px;background:#dce8f8;display:grid;place-items:center;font-weight:900;color:#41658e}.promo{margin:35px 0}.topbar{background:#082d61;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:18px 28px}.quick{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0}.tile{min-height:130px;background:#fff;border-radius:18px;border:1px solid #d9e4ef;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#11335b;font-weight:800}.tile strong{font-size:2rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stats div{background:#0e63ce;color:#fff;border-radius:16px;padding:20px}.stats b{font-size:2rem;display:block}.stats span{opacity:.9}.tablewrap{overflow:auto;background:#fff;border-radius:16px;border:1px solid #dce5f0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px;border-bottom:1px solid #e6edf5}.status{padding:6px 10px;border-radius:99px;background:#e8f1fc;text-transform:capitalize}.muted{color:#66778e}label{display:block;font-weight:800;margin:0 0 16px}input,select,textarea{display:block;width:100%;font:inherit;padding:15px;border:2px solid #ccd9e7;border-radius:12px;margin-top:7px;background:#fff}.search{display:flex;gap:10px;margin:20px 0}.search input{margin:0}.notice{padding:18px;border-radius:14px;background:#e8f2ff;margin:18px 0}.notice.success{background:#e9f9ef}.notice.error{background:#ffeaea}@media(max-width:760px){:root{font-size:17px}.quick{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:1fr}.wrap{padding:18px}.hero{padding:44px 0}.search{flex-direction:column}}
.heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}.nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.nav a,.userbox a{color:#fff;text-decoration:none;font-weight:700;font-size:.9rem}.userbox{font-size:.85rem}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;align-items:start}.gap{margin:22px 0}.four{grid-template-columns:repeat(4,1fr)}.cardlink{text-decoration:none;color:inherit;transition:.15s}.cardlink:hover{transform:translateY(-2px);border-color:#97b8df}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.toolbar form,.inline{display:flex;gap:8px;align-items:center}.toolbar select,.inline select{margin:0}.amount{text-align:right}.amount small{display:block;color:#66778e}.amount b{font-size:2rem;color:#0b4f9f}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.timeline{border-left:3px solid #dce5f0;margin-left:16px;padding-left:24px}.timeline article{position:relative;margin:0 0 24px}.timeline article:before{content:"";position:absolute;left:-33px;top:7px;width:15px;height:15px;border-radius:50%;background:#0e63ce}.timeline-date{font-size:.85rem;color:#66778e;margin-bottom:7px}.small{font-size:.8rem}.block{display:block}.right{float:right}.paper{background:#fff}.invoice-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:26px}.flat{border:0;border-radius:0}.totals{max-width:360px;margin-left:auto;padding-top:18px}.totals p{display:flex;justify-content:space-between}.totals .grand{font-size:1.25rem;border-top:2px solid #132238;padding-top:12px}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.filters label{margin:0}.footer{text-align:center;color:#708198;padding:40px 20px}.hero.compact{padding:35px 0}.hero.compact h1{font-size:2.3rem}.notice.success{border-left:5px solid #159447}.notice.error{border-left:5px solid #d63c3c}code{background:#eef3f8;padding:2px 6px;border-radius:6px}@media(max-width:900px){.grid-main{grid-template-columns:1fr}.four{grid-template-columns:repeat(2,1fr)}.topbar{align-items:flex-start;flex-direction:column}.nav{margin:8px 0}}@media(max-width:620px){.grid2,.grid3,.four{grid-template-columns:1fr}.amount{text-align:left}.invoice-head{flex-direction:column}.nav{gap:9px}.nav a{font-size:.82rem}}