*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:#f4f5f7;color:#1e293b}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e3a5f)}.login-card{background:#fff;padding:40px;border-radius:16px;width:360px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px #0000004d}.login-card h1{font-size:28px;color:#0f172a}.login-card input{padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px}.login-card button{padding:12px;background:#0f766e;color:#fff;border:0;border-radius:8px;font-size:16px;cursor:pointer}.login-card button:hover{background:#115e59}.layout{display:flex;min-height:100vh}aside{width:230px;background:#0f172a;color:#e2e8f0;padding:20px 12px;display:flex;flex-direction:column;gap:16px;position:sticky;top:0;height:100vh}aside h1{font-size:20px;padding:0 8px}aside nav{display:flex;flex-direction:column;gap:4px;flex:1}aside nav button{text-align:left;padding:10px 12px;background:transparent;color:#cbd5e1;border:0;border-radius:8px;font-size:14px;cursor:pointer}aside nav button:hover{background:#1e293b}aside nav button.active{background:#0f766e;color:#fff}.logout{padding:10px;background:#334155;color:#fff;border:0;border-radius:8px;cursor:pointer}main{flex:1;padding:24px 32px;overflow-x:auto}main header{margin-bottom:20px}main header select,main select{padding:8px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;background:#fff}h2{margin-bottom:12px;font-size:22px}h3{margin:20px 0 10px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}.kpi{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;gap:4px}.kpi span{font-size:13px;color:#64748b}.kpi b{font-size:20px}.kpi small{color:#94a3b8}.kpi.green b{color:#059669}.kpi.red b{color:#dc2626}.chart{display:flex;align-items:flex-end;gap:8px;height:180px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 4px #0000000f}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.bar{width:100%;max-width:42px;background:#0f766e;border-radius:4px 4px 0 0;min-height:3px}.bar-col small{font-size:10px;color:#94a3b8}.table-wrap{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;overflow-x:auto;margin-top:12px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;padding:12px 14px;background:#f8fafc;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #e2e8f0}td{padding:10px 14px;border-bottom:1px solid #f1f5f9}tr:hover td{background:#f8fafc}td a{color:#0f766e;font-weight:600;text-decoration:none}.badge{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge.star{background:#fef3c7;color:#92400e}.badge.puzzle{background:#dbeafe;color:#1d4ed8}.badge.plowhorse{background:#f3e8ff;color:#7c3aed}.badge.dog{background:#fee2e2;color:#b91c1c}.red-t{color:#dc2626}.green-t{color:#059669}.muted{color:#64748b}.small{font-size:12px}.center{text-align:center}.err{color:#dc2626;font-size:14px}.inline-form{display:flex;flex-wrap:wrap;gap:8px;background:#fff;padding:14px;border-radius:12px;box-shadow:0 1px 4px #0000000f;margin-bottom:8px}.inline-form select,.inline-form input{padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px}.inline-form input[type=number]{width:100px}.inline-form button{padding:8px 18px;background:#0f766e;color:#fff;border:0;border-radius:8px;cursor:pointer}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:50}.modal-card{background:#fff;border-radius:16px;padding:24px;width:min(720px,92vw);max-height:85vh;overflow-y:auto}.modal-card button{margin-top:14px;padding:8px 20px;background:#334155;color:#fff;border:0;border-radius:8px;cursor:pointer}