:root{--pri:#1976d2} body{font-family:Segoe UI,Arial,sans-serif;background:#f6f9fc;margin:0} .top{background:var(--pri);color:#fff;padding:12px 16px;display:flex;justify-content:space-between} .container{display:flex} aside{width:240px;padding:12px;background:#f2f6fb;border-right:1px solid #e5e8ec;min-height:calc(100vh - 48px)} aside .menu a{display:block;padding:10px;border-radius:8px;margin:6px 0;color:#113;text-decoration:none} aside .menu a.active,aside .menu a:hover{background:#e9f2fd} main{flex:1;padding:18px} .card{background:#fff;border:1px solid #e5e8ec;border-radius:12px;padding:14px;margin:10px 0} .row{display:flex;gap:8px;flex-wrap:wrap} input,select{padding:8px;border:1px solid #e5e8ec;border-radius:8px} button.btn{background:var(--pri);color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer} .btn-sec{background:#555;color:#fff} .flash{padding:8px 12px;border-radius:8px;margin:10px 0} .flash.ok{background:#e7f6e7} .flash.err{background:#ffe9e9} .table{width:100%;border-collapse:collapse} .table th,.table td{border-bottom:1px solid #e5e8ec;padding:8px} .badge{background:#eef;padding:2px 8px;border-radius:999px;border:1px solid #e5e8ec} .kpi{flex:1;min-width:220px} .kpi h3{margin:8px 0 0 0} small.mono{font-family:Consolas,monospace} form.inline{display:flex;gap:6px;align-items:center;flex-wrap:wrap} footer{color:#777;padding:16px}