:root{--primary: #1d4d8f;--primary-dark: #143661;--bg: #f4f6f9;--card: #ffffff;--border: #d9dee8;--muted: #6b7280;--ok: #166534;--warn: #92400e;--danger: #991b1b}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:#1f2937}a{color:var(--primary);text-decoration:none}h1,h2,h3{color:var(--primary-dark)}.topbar{background:var(--primary);color:#fff;padding:12px 20px;display:flex;align-items:center;gap:20px}.topbar .brand{font-weight:700;font-size:18px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px}.topbar .brand .emblem{height:30px;width:auto;background:#fff;border-radius:4px;padding:2px}.topbar nav{display:flex;gap:16px;flex:1;flex-wrap:wrap}.topbar nav a{color:#dbeafe;font-size:14px}.topbar nav a.active{color:#fff;font-weight:600}.topbar nav .menu{position:relative;color:#dbeafe;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.topbar nav .menu:hover{color:#fff}.topbar nav .menu .dropdown{position:absolute;top:130%;left:0;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000026;min-width:210px;padding:6px;z-index:50}.topbar nav .menu .dropdown a{display:block;color:#1f2937;padding:8px 12px;border-radius:6px;font-size:14px}.topbar nav .menu .dropdown a:hover{background:#f0fdf4;color:var(--primary-dark)}.topbar .actions{display:flex;align-items:center;gap:10px;margin-left:auto}.topbar .user{font-size:13px}.topbar .action{color:#fff;font-size:14px;text-decoration:none;border:1px solid #ffffff66;border-radius:6px;padding:5px 12px;white-space:nowrap}.topbar .action.primary{background:#fff;color:var(--primary);font-weight:600;border-color:#fff}.topbar .lang-toggle{display:inline-flex;gap:3px;align-items:center}.topbar .lang-toggle button{font-size:9px;padding:3px 7px;border-radius:999px;cursor:pointer;background:#fff2;color:#fff;border:1px solid #ffffff66;line-height:1.2}.topbar .lang-toggle button.on{background:#fde68a;color:var(--primary-dark);border-color:#fde68a;font-weight:700}.topbar button{background:#fff2;color:#fff;border:1px solid #ffffff55;border-radius:6px;padding:5px 12px;cursor:pointer}.topbar .profile-ic{width:34px;height:34px;border-radius:50%;background:#fff;color:var(--primary);font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:2px solid #ffffffaa}.topbar .profile-ic:hover{box-shadow:0 0 0 3px #fff4}.subbar{padding:10px 20px 0}.subbar .back{background:#fff;color:var(--primary);border:1px solid #cbd5e1;border-radius:6px;padding:6px 14px;cursor:pointer;font-size:14px;font-weight:600}.subbar .back:hover{background:#f1f5f9}.watermark{position:fixed;inset:0;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='240'%3E%3Ctext x='30' y='140' font-family='Arial, sans-serif' font-size='30' font-weight='bold' fill='%23000000' fill-opacity='0.06' transform='rotate(-30 180 120)'%3EDEMO USE ONLY%3C/text%3E%3C/svg%3E");background-repeat:repeat}.container{max-width:1040px;margin:24px auto;padding:0 20px}.container.dash-wide{max-width:1800px;padding:0 5px}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:18px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tiles6{display:grid;gap:14px;grid-template-columns:repeat(6,1fr)}@media (max-width: 1100px){.tiles6{grid-template-columns:repeat(3,1fr)}}@media (max-width: 720px){.tiles6{grid-template-columns:repeat(2,1fr)}}@media (max-width: 420px){.tiles6{grid-template-columns:1fr}}label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}input,select,textarea{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px}button.primary{background:var(--primary);color:#fff;border:none;border-radius:6px;padding:9px 16px;cursor:pointer;font-size:14px}button.primary:hover{background:var(--primary-dark)}button.secondary{background:#eef2f8;color:var(--primary-dark);border:1px solid var(--border);border-radius:6px;padding:7px 12px;cursor:pointer}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase}.badge.ok{background:#dcfce7;color:var(--ok)}.badge.warn{background:#fef3c7;color:var(--warn)}.badge.danger{background:#fee2e2;color:var(--danger)}.badge.info{background:#dbeafe;color:var(--primary-dark)}.error{color:var(--danger);font-size:13px;margin-top:8px}.muted{color:var(--muted);font-size:13px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}input,select,textarea,button{max-width:100%}table{display:block;overflow-x:auto;white-space:nowrap}@media (max-width: 720px){.container{margin:14px auto;padding:0 12px}.card{padding:14px;border-radius:8px}h1{font-size:22px}h2{font-size:20px}.topbar{flex-wrap:wrap;gap:10px 14px;padding:10px 12px}.topbar nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;gap:14px;padding-bottom:4px}.topbar nav a{white-space:nowrap}.topbar .actions{margin-left:auto}}