*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{min-height:100vh;display:flex}.sidebar{background:#1a1a1a;flex-direction:column;gap:4px;width:220px;padding:20px 12px;display:flex;position:fixed;top:0;bottom:0}.logo{color:#10b981;margin-bottom:4px;padding:12px;font-size:16px;font-weight:800}.nav-user{color:#888;border-bottom:1px solid #333;margin-bottom:8px;padding:4px 12px 12px;font-size:12px}.nav-item{color:#ccc;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;display:block}.nav-item:hover,.nav-item.router-link-exact-active{color:#fff;background:#333}.nav-logout{color:#888;margin-top:auto}main{flex:1;padding:24px}main.with-nav{margin-left:220px}.mobile-header,.mobile-nav{display:none}.card{background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:12px;padding:16px}.grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat-value{color:#10b981;font-size:28px;font-weight:800}.stat-label{color:#999;text-transform:uppercase;margin-bottom:4px;font-size:11px}h1{margin-bottom:16px;font-size:22px;font-weight:800}h3{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px}.btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600}.btn-primary{color:#fff;background:#10b981}.btn-danger{color:#fff;background:#ef4444}.btn-outline{color:#1a1a1a;background:#fff;border:1px solid #ddd}.btn-sm{padding:5px 12px;font-size:11px}input,select,textarea{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px}input:focus,select:focus,textarea:focus{border-color:#10b981}textarea{resize:vertical;min-height:80px}label{color:#555;margin-bottom:4px;font-size:12px;font-weight:600;display:block}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#999;text-transform:uppercase;border-bottom:2px solid #eee;padding:8px;font-size:11px}td{border-bottom:1px solid #f5f5f5;padding:8px}.badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.badge-green{color:#065f46;background:#d1fae5}.badge-yellow{color:#92400e;background:#fef3c7}.badge-red{color:#991b1b;background:#fee2e2}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:500px;max-width:95vw;max-height:90vh;padding:24px;overflow-y:auto}.form-group{margin-bottom:14px}@media (width<=768px){.sidebar{display:none}main.with-nav{margin-left:0}.mobile-header{align-items:center;gap:12px;margin-bottom:16px;padding:12px 0;display:flex}.hamburger{cursor:pointer;background:0 0;border:none;font-size:24px}.brand{color:#10b981;font-weight:800}.mobile-nav{background:#fff;border:1px solid #eee;border-radius:12px;flex-direction:column;margin-bottom:16px;padding:8px;display:flex}.mobile-nav a,.mobile-nav button{color:#1a1a1a;text-align:left;cursor:pointer;background:0 0;border:none;padding:12px;font-family:inherit;font-size:14px;text-decoration:none}.grid{grid-template-columns:1fr 1fr}}