@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap";:root{--c-navy: #0D2149;--c-navy-mid: #1E3A8A;--c-blue: #1D62C1;--c-cyan: #00B4D8;--c-cyan-light: #90E0EF;--c-cyan-pale: #CAF0F8;--c-accent: #F59E0B;--c-success: #10B981;--c-danger: #EF4444;--c-bg: #F0F4FA;--c-surface: #FFFFFF;--c-surface2: #F7FAFF;--c-border: rgba(30,58,138,.1);--c-border2: rgba(30,58,138,.18);--c-text: #0D2149;--c-text2: #3B5280;--c-text3: #7E94BA;--nav-h: 58px;--font: "DM Sans", system-ui, sans-serif;--font-num: "Space Grotesk", system-ui, sans-serif;--shadow-sm: 0 1px 4px rgba(13,33,73,.08);--shadow-md: 0 4px 16px rgba(13,33,73,.12);--shadow-lg: 0 8px 32px rgba(13,33,73,.18)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sirn-nav{position:fixed;top:0;left:0;right:0;z-index:2000;height:var(--nav-h);background:linear-gradient(105deg,var(--c-navy) 0%,#152D6E 45%,var(--c-blue) 100%);overflow:hidden;box-shadow:0 2px 20px #00000047}.sirn-nav:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 55%,rgba(0,180,216,.18) 55%,rgba(0,180,216,.08) 68%,transparent 68%),linear-gradient(115deg,transparent 62%,rgba(144,224,239,.1) 62%,rgba(144,224,239,.04) 72%,transparent 72%);pointer-events:none}.nav-brand-name{font-family:var(--font-num);font-size:17px;font-weight:700;color:#fff;letter-spacing:.04em;line-height:1}.nav-brand-sub{font-size:9.5px;font-weight:500;color:#ffffff85;letter-spacing:.03em;line-height:1;margin-top:3px;white-space:nowrap}.nav-badge{display:flex;align-items:center;gap:7px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:5px 13px;font-size:11px;font-weight:600;color:#ffffffbf;letter-spacing:.02em;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--c-cyan);flex-shrink:0;box-shadow:0 0 #00b4d880;animation:ping 2.2s ease-in-out infinite}@keyframes ping{0%{box-shadow:0 0 #00b4d880}60%{box-shadow:0 0 0 5px #00b4d800}to{box-shadow:0 0 #00b4d800}}.nav-divider{width:1px;height:20px;background:#ffffff2e;flex-shrink:0}.btn-admin{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;background:var(--c-cyan);color:var(--c-navy);border-radius:8px;font-size:12px;font-weight:700;font-family:var(--font);text-decoration:none;letter-spacing:.01em;white-space:nowrap;transition:background .18s,transform .12s,box-shadow .18s;box-shadow:0 2px 12px #00b4d859;position:relative;z-index:1}.btn-admin:hover{background:#00ccf5;transform:translateY(-1px);box-shadow:0 4px 18px #00b4d873}.btn-admin:active{transform:translateY(0)}.link-login{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffd9;border-radius:8px;font-size:12px;font-weight:600;font-family:var(--font);text-decoration:none;white-space:nowrap;transition:background .18s,border-color .18s,color .18s,transform .12s;position:relative;z-index:1}.link-login:hover{background:#ffffff2e;border-color:#ffffff59;color:#fff;transform:translateY(-1px)}.link-login:active{transform:translateY(0)}.nav-user-name{font-size:12px;font-weight:500;color:#90e0efd9;font-family:var(--font)}.page-body{padding-top:var(--nav-h);height:100vh;overflow:hidden;display:flex;flex-direction:column}@media(max-width:640px){:root{--nav-h: 52px}.nav-badge{display:none}.nav-brand-name{font-size:15px}}@media(max-width:380px){.btn-admin,.link-login{padding:6px 11px;font-size:11px}}