:root{--primary:#5CCFC6;--primary-soft:#A6E2DE;--accent-blue:#5CAAE4;--accent-purple:#9E68E4;--bg:#F8F8F8;--card:#FFFFFF;--text:#2C2F36;--muted:#7A8190;--border:#E6E8EC;--danger:#E86B7A;--success:#35B66A;--warning:#F4B84B;--shadow:0 10px 25px rgba(24,39,75,.08);--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--primary) 0%, #6edcd3 100%);padding:22px 18px;color:#fff}.brand{display:flex;gap:14px;align-items:center;margin-bottom:28px}.brand-icon{width:48px;height:48px;border-radius:14px;background:#fff;color:var(--primary);display:grid;place-items:center;font-weight:800}.brand h2{margin:0;font-size:24px}.brand small{opacity:.9}.nav{display:flex;flex-direction:column;gap:8px}.nav a{padding:12px 14px;border-radius:12px;color:#fff;opacity:.95}.nav a:hover{background:rgba(255,255,255,.18)}.content{padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.topbar h1{margin:0;font-size:30px}.subtitle{margin:.35rem 0 0;color:var(--muted)}.topbar-user{display:flex;align-items:center;gap:12px;background:var(--card);padding:10px 14px;border-radius:16px;box-shadow:var(--shadow)}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:#fff;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.stat-card,.panel,.login-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:24px}.stat-number{font-size:36px;font-weight:800;color:var(--primary)}.stat-label{color:var(--muted);margin-top:6px}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:20px}.panel{padding:22px;margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.panel-head h3{margin:0}.tags,.action-grid{display:flex;flex-wrap:wrap;gap:10px}.tag{padding:8px 12px;border-radius:999px;background:#eefbf8;color:#248b83;border:1px solid #d9f4f0;font-size:14px}.action-grid{display:grid;grid-template-columns:repeat(2,1fr)}.action-card{padding:16px;border-radius:14px;background:linear-gradient(135deg,#fff,#f7f8fb);border:1px solid var(--border)}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge-success{background:#e8fbef;color:#239b57}.badge-danger{background:#ffedf0;color:#c84d61}.badge-warning{background:#fff7e8;color:#b07b18}.badge-muted{background:#f1f3f7;color:#727a87}.badge-info{background:#eef6ff;color:#3b79bb}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));border:none;color:#fff}.btn-sm{padding:8px 12px;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-grid.single{grid-template-columns:1fr}.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#4b5360}input,select,textarea{padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#fff;font:inherit}.form-actions{grid-column:1/-1;display:flex;gap:10px;align-items:center}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.timeline{margin:0;padding-left:20px}.timeline li{margin-bottom:14px}.steps li{margin-bottom:10px}.login-page{display:grid;place-items:center;min-height:100vh;background:linear-gradient(180deg,#f7fcfb,#eff3f7)}.login-card{padding:32px;max-width:520px;width:92%}.brand-login{margin-bottom:18px}.alert{padding:12px 14px;border-radius:12px;margin-bottom:14px}.alert-danger{background:#ffedf0;color:#b84056}.muted{color:var(--muted)}@media (max-width:1100px){.stats-grid,.form-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.app-shell{grid-template-columns:1fr}.sidebar{display:none}}@media (max-width:700px){.stats-grid,.form-grid,.detail-grid,.action-grid{grid-template-columns:1fr}.content{padding:16px}.topbar{flex-direction:column;align-items:flex-start}}