:root{--gy-primary: #104E7D;--gy-primary-dark: #0B3A5E;--gy-primary-soft: #2E6DA0;--gy-accent: #EEC21B;--gy-accent-dark: #C99E0C;--gy-bg-1: #E9F1F9;--gy-bg-2: #F3F1E7;--gy-surface: #FFFFFF;--gy-surface-2: #EAF2FA;--gy-surface-3: #F5F8FC;--gy-header-bg: rgba(255, 255, 255, .82);--gy-text: #16202B;--gy-text-2: #38485A;--gy-muted: #65788A;--gy-border: #D3DEEA;--gy-border-strong: #B9C8D8;--gy-ok: #1E8E5A;--gy-ok-bg: #E5F5EC;--gy-warn: #B9831A;--gy-warn-bg: #FBF1D8;--gy-bad: #C0392B;--gy-bad-bg: #FBE7E4;--gy-na: #6B7A88;--gy-na-bg: #ECF1F5;--gy-shadow-sm: 0 1px 2px rgba(16, 78, 125, .06), 0 1px 3px rgba(16, 78, 125, .05);--gy-shadow: 0 2px 8px rgba(16, 78, 125, .07), 0 12px 32px rgba(16, 78, 125, .07);--gy-radius: 16px;--gy-radius-sm: 10px;--gy-radius-xs: 7px}html,body,#root{margin:0;min-height:100vh}body{font-family:Heebo,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--gy-text)}.fui-FluentProvider{background:linear-gradient(135deg,var(--gy-bg-1),var(--gy-bg-2)) fixed;min-height:100vh}.fui-Table .fui-TableHeaderCell{background:linear-gradient(var(--gy-primary-soft),var(--gy-primary));color:#fff;font-weight:700}.fui-Table .fui-TableHeaderCell,.fui-Table .fui-TableHeaderCell *{color:#fff!important}.fui-Table .fui-TableRow{border-bottom:1px solid var(--gy-border)}.fui-Table .fui-TableBody .fui-TableRow:hover{background:var(--gy-surface-3)}.gy-app{display:flex;min-height:100vh}.gy-sidebar{width:248px;flex-shrink:0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 14px;background:#ffffffb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-inline-start:1px solid var(--gy-border);box-shadow:var(--gy-shadow-sm)}.gy-side-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 16px;border-bottom:1px solid var(--gy-border);margin-bottom:12px}.gy-side-brand img{height:34px;width:auto}.gy-bt{display:flex;flex-direction:column;line-height:1.1}.gy-bt b{font-size:16px;font-weight:800;color:var(--gy-primary-dark)}.gy-bt span{font-size:11px;color:var(--gy-muted);font-weight:500}.gy-side-nav{display:flex;flex-direction:column;gap:3px;flex:1}.gy-nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--gy-radius-sm);text-decoration:none;color:var(--gy-text-2);font-weight:600;font-size:14.5px}.gy-nav-item i{font-size:19px;opacity:.85}.gy-nav-item:hover{background:var(--gy-surface-3)}.gy-nav-item.active{background:var(--gy-primary);color:#fff;box-shadow:var(--gy-shadow-sm)}.gy-nav-item.active i{opacity:1}.gy-count{margin-inline-start:auto;font-size:12px;font-weight:700;background:var(--gy-surface-2);color:var(--gy-primary-dark);padding:1px 8px;border-radius:999px}.gy-nav-item.active .gy-count{background:#ffffff38;color:#fff}.gy-nav-group{font-size:11px;font-weight:700;color:var(--gy-muted);letter-spacing:.04em;padding:14px 12px 6px}.gy-side-foot{border-top:1px solid var(--gy-border);padding-top:12px;margin-top:8px}.gy-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;font-weight:600;font-size:12.5px;background:var(--gy-ok-bg);color:var(--gy-ok)}.gy-pill .gy-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.gy-main{flex:1;min-width:0;display:flex;flex-direction:column}.gy-topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;padding:12px 26px;background:var(--gy-header-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--gy-border);box-shadow:var(--gy-shadow-sm)}.gy-page-title{font-size:21px;font-weight:800;color:var(--gy-primary-dark)}.gy-page-title .gy-crumb{font-size:14px;font-weight:500;color:var(--gy-muted)}.gy-top-actions{margin-inline-start:auto;display:flex;align-items:center;gap:12px}.gy-search{padding:9px 15px;border-radius:999px;background:var(--gy-surface);border:1px solid var(--gy-border);color:var(--gy-text);font-size:14px;min-width:240px;font-family:inherit}.gy-search::placeholder{color:var(--gy-muted)}.gy-search:focus{outline:none;border-color:var(--gy-primary-soft);box-shadow:0 0 0 3px #2e6da01f}.gy-icon-btn{width:40px;height:40px;border-radius:11px;border:1px solid var(--gy-border);background:var(--gy-surface);color:var(--gy-text-2);font-size:19px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.gy-icon-btn:hover{background:var(--gy-surface-3)}.gy-badge{position:absolute;top:-5px;inset-inline-start:-5px;min-width:18px;height:18px;border-radius:999px;background:var(--gy-bad);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.gy-user{display:flex;align-items:center;gap:9px;padding:5px 12px 5px 6px;border-radius:999px;background:var(--gy-surface);border:1px solid var(--gy-border)}.gy-avatar{width:32px;height:32px;border-radius:50%;background:var(--gy-primary);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.gy-uname{font-size:13.5px;font-weight:600;color:var(--gy-text-2)}.gy-two-col{display:grid;grid-template-columns:340px 1fr;gap:16px;margin-bottom:22px}.gy-donut-wrap{display:flex;align-items:center;gap:20px}.gy-donut{width:138px;height:138px;border-radius:50%;flex-shrink:0;position:relative}.gy-donut:after{content:"";position:absolute;top:19px;right:19px;bottom:19px;left:19px;border-radius:50%;background:var(--gy-surface)}.gy-donut .gy-ctr{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.gy-donut .gy-ctr b{font-size:26px;font-weight:800;color:var(--gy-primary-dark);line-height:1}.gy-donut .gy-ctr span{font-size:12px;color:var(--gy-muted);font-weight:600}.gy-legend{display:flex;flex-direction:column;gap:10px}.gy-legend .gy-lrow{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--gy-text-2);min-width:130px}.gy-legend .gy-lrow .gy-ld{width:11px;height:11px;border-radius:3px}.gy-legend .gy-lrow b{margin-inline-start:auto;color:var(--gy-primary-dark)}.gy-types{display:flex;gap:8px;margin-top:18px;border-top:1px solid var(--gy-border);padding-top:14px}.gy-typechip{flex:1;text-align:center;background:var(--gy-surface-3);border:1px solid var(--gy-border);border-radius:var(--gy-radius-sm);padding:9px 4px}.gy-typechip .gy-tn{font-size:18px;font-weight:800;color:var(--gy-primary-dark)}.gy-typechip .gy-tt{font-size:12px;color:var(--gy-muted);font-weight:600}.gy-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.gy-login-card{background:var(--gy-surface);border:1px solid var(--gy-border);border-radius:var(--gy-radius);box-shadow:var(--gy-shadow);padding:38px 34px;width:100%;max-width:420px;text-align:center}.gy-login-logo{height:54px;width:auto;margin-bottom:20px}.gy-login-title{font-size:24px;font-weight:800;color:var(--gy-primary-dark);margin:0 0 6px}.gy-login-sub{font-size:14.5px;color:var(--gy-muted);margin:0 0 26px}.gy-login-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gy-primary);color:#fff;border:0;border-radius:var(--gy-radius-sm);font-family:inherit;font-weight:700;font-size:15.5px;padding:13px;cursor:pointer;box-shadow:var(--gy-shadow-sm);transition:background .15s}.gy-login-btn:hover{background:var(--gy-primary-dark)}.gy-notif{min-width:300px;max-width:360px}.gy-notif-head{font-weight:700;color:var(--gy-primary-dark);font-size:15px;margin-bottom:10px}.gy-notif-empty{color:var(--gy-muted);font-size:14px;padding:6px 0 10px}.gy-notif-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:2px;max-height:320px;overflow:auto}.gy-notif-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:8px}.gy-notif-item:hover{background:var(--gy-surface-3)}.gy-notif-num{font-weight:700;color:var(--gy-primary-dark);font-size:14px}.gy-notif-site{color:var(--gy-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gy-notif-bad{color:var(--gy-bad);font-weight:700;font-size:13px;white-space:nowrap}.gy-notif-warn{color:var(--gy-warn);font-weight:700;font-size:13px;white-space:nowrap}.gy-notif-foot{width:100%;border:0;background:var(--gy-surface-2);color:var(--gy-primary-dark);font-family:inherit;font-weight:600;font-size:13.5px;padding:9px;border-radius:8px;cursor:pointer}.gy-notif-foot:hover{background:var(--gy-surface-3)}@media (max-width: 820px){.gy-app{flex-direction:column}.gy-sidebar{width:auto;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 14px;border-inline-start:0;border-bottom:1px solid var(--gy-border)}.gy-side-brand{border-bottom:0;margin-bottom:0;padding:0}.gy-side-nav{flex-direction:row;flex-wrap:wrap;flex:1 1 100%;gap:4px 6px}.gy-nav-group,.gy-side-foot{display:none}.gy-topbar{padding:10px 16px;gap:10px}.gy-search,.gy-uname{display:none}.gy-two-col{grid-template-columns:1fr}}@media (max-width: 540px){.gy-page-title{font-size:18px}.gy-donut-wrap{flex-direction:column;align-items:flex-start}}