:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#17202a;background:#f3f6f8}*{box-sizing:border-box}body{margin:0}.top{background:#123b57;color:#fff;padding:14px 4%;display:flex;justify-content:space-between;gap:12px}.top a{color:#fff}.brand{font-weight:800;font-size:1.2rem}.nav{background:#fff;padding:10px 4%;display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #d8e1e7}.nav a,.btn{display:inline-block;text-decoration:none;padding:9px 12px;border-radius:8px;background:#e8f2f7;color:#123b57;border:0;cursor:pointer}.btn.primary{background:#147d72;color:white}.btn.danger{background:#b53a3a;color:#fff}.container{max-width:1200px;margin:22px auto;padding:0 16px}.card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 10px #0001;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.stat{font-size:1.8rem;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.field label{display:block;font-weight:650;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:10px;border:1px solid #c8d3db;border-radius:8px;background:#fff}.field textarea{min-height:90px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid #e4eaee;text-align:left;vertical-align:top}.table-wrap{overflow:auto}.alert{padding:12px;border-radius:8px;margin-bottom:14px}.success{background:#dff5e7}.error{background:#fde3e3}.actions{display:flex;gap:8px;flex-wrap:wrap}.muted{color:#60717d}footer{text-align:center;padding:24px;color:#60717d}@media(max-width:600px){.top{flex-direction:column}.nav{overflow-x:auto;flex-wrap:nowrap}.nav a{white-space:nowrap}}

.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#e8f2f7;font-size:.85rem}.badge.ok{background:#dff5e7}.badge.warn{background:#fff1c7}.badge.danger{background:#fde3e3}.right{text-align:right}.kpi{font-size:2rem;font-weight:800}.small{font-size:.88rem}.invoice{max-width:800px;margin:auto}.no-print{}@media print{.top,.nav,.no-print,footer{display:none!important}.container{max-width:none;margin:0}.card{box-shadow:none;border:0}.invoice{max-width:none}}