*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f4f6f9;color:#1f2733}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f2440,#1c3f66)}.login-card{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 30px #00000040;width:340px}.login-card h1{font-size:1.3rem;margin-bottom:.25rem;color:#0f2440}.login-card p.subtitle{color:#667;font-size:.85rem;margin-bottom:1.5rem}.login-card .field{margin-bottom:1rem}.login-card label{display:block;font-size:.8rem;margin-bottom:.3rem;color:#445}.login-card input{width:100%;padding:.55rem .7rem;border:1px solid #ccd3dc;border-radius:6px}.login-error{color:#c0392b;font-size:.82rem;margin-bottom:1rem}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:#0f2440;color:#dbe4f0;padding:1.25rem 0;flex-shrink:0}.sidebar .brand{padding:0 1.25rem 1rem;font-weight:700;font-size:1.05rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem}.sidebar nav a{display:block;padding:.6rem 1.25rem;font-size:.88rem;color:#b9c7dc;border-left:3px solid transparent}.sidebar nav a:hover{background:#ffffff0f;color:#fff}.sidebar nav a.active{background:#ffffff1a;color:#fff;border-left-color:#4f9bff}.sidebar .group-label{padding:.8rem 1.25rem .2rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#6b81a0}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:56px;background:#fff;border-bottom:1px solid #e3e7ee;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.topbar .who{font-size:.85rem;color:#556}.topbar button{background:none;border:1px solid #d9dee6;padding:.4rem .8rem;border-radius:6px;font-size:.8rem}.topbar button:hover{background:#f0f2f5}.content{padding:1.5rem;overflow-x:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.page-header h1{font-size:1.25rem;color:#0f2440}.btn{border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem}.btn-primary{background:#1c5fcf;color:#fff}.btn-primary:hover{background:#164ba6}.btn-secondary{background:#fff;border:1px solid #d9dee6}.btn-danger{background:#fff;color:#c0392b;border:1px solid #f0c4bd}.btn-danger:hover{background:#fdecea}.btn-sm{padding:.3rem .6rem;font-size:.78rem}.toolbar{display:flex;gap:.6rem;margin-bottom:.9rem}.toolbar input[type=text]{flex:1;max-width:320px;padding:.5rem .7rem;border:1px solid #d9dee6;border-radius:6px}.card{background:#fff;border-radius:10px;border:1px solid #e6e9ef;overflow:hidden}table.data-table{width:100%;border-collapse:collapse;font-size:.86rem}table.data-table th{text-align:left;background:#f7f9fc;color:#556;padding:.65rem .9rem;border-bottom:1px solid #e6e9ef;font-weight:600}table.data-table td{padding:.6rem .9rem;border-bottom:1px solid #eef1f5;vertical-align:middle}table.data-table tr:last-child td{border-bottom:none}table.data-table td.actions{white-space:nowrap;text-align:right}table.data-table td.actions button{margin-left:.4rem}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.74rem;font-weight:600}.badge-info{background:#e7f0ff;color:#1c5fcf}.badge-warn{background:#fff3cd;color:#8a6d00}.badge-danger{background:#fdecea;color:#c0392b}.badge-ok{background:#e6f6ea;color:#1e7e34}.badge-muted{background:#eef1f5;color:#667}.empty-state{padding:2.5rem;text-align:center;color:#889}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f192d73;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{background:#fff;border-radius:10px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;padding:1.5rem}.modal h2{font-size:1.1rem;margin-bottom:1rem;color:#0f2440}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.form-grid .field.full{grid-column:1 / -1}.field label{display:block;font-size:.8rem;margin-bottom:.3rem;color:#445}.field input,.field select,.field textarea{width:100%;padding:.5rem .65rem;border:1px solid #ccd3dc;border-radius:6px}.field textarea{min-height:70px;resize:vertical}.field.checkbox{display:flex;align-items:center;gap:.5rem;margin-top:.3rem}.field.checkbox input{width:auto}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.3rem}.form-error{color:#c0392b;font-size:.8rem;margin-top:.8rem;white-space:pre-wrap}.pagination{display:flex;justify-content:flex-end;gap:.5rem;padding:.8rem .9rem}.pagination span{font-size:.8rem;color:#667;align-self:center}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.stat-card{background:#fff;border:1px solid #e6e9ef;border-radius:10px;padding:1.1rem}.stat-card .value{font-size:1.6rem;font-weight:700;color:#0f2440}.stat-card .label{font-size:.8rem;color:#667;margin-top:.2rem}