*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}#pg-auth-gate{position:fixed;inset:0;z-index:9999;background:var(--navy);display:flex;align-items:center;justify-content:center}#pg-auth-gate .gate-card{background:#253d5e;border-radius:12px;padding:48px 40px;width:100%;max-width:380px;text-align:center;box-shadow:0 24px 64px #0006}#pg-auth-gate img{height:28px;margin-bottom:32px;opacity:.9}#pg-auth-gate h2{font-family:"DM Serif Display",serif;font-size:22px;color:#fff;margin-bottom:8px}#pg-auth-gate p{font-size:13px;color:#ffffff80;margin-bottom:28px}#pg-auth-gate input{width:100%;padding:12px 16px;border-radius:6px;border:1.5px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-family:DM Sans,sans-serif;font-size:15px;text-align:center;letter-spacing:2px;outline:none;margin-bottom:14px;transition:border-color .2s}#pg-auth-gate input:focus{border-color:#2ecc71}#pg-auth-gate input::placeholder{letter-spacing:0;color:#ffffff4d}#pg-auth-gate button{width:100%;padding:13px;border:none;border-radius:6px;background:#2ecc71;color:#fff;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s}#pg-auth-gate button:hover{opacity:.88}#pg-auth-gate .gate-error{font-size:12px;color:#ff9a9d;margin-top:10px;display:none}:root{--navy: #1d3557;--green: #2ecc71;--coral: #ff5a5f;--white: #ffffff;--off: #f7f6f3;--gtint: #edfaf3;--muted: #6b7a8d;--border: #e5e5e5}html{font-family:DM Sans,sans-serif;background:var(--off);color:var(--navy)}body{min-height:100vh;display:flex;flex-direction:column}nav{background:var(--navy);padding:0 48px;display:flex;align-items:center;justify-content:space-between;height:60px;position:sticky;top:0;z-index:100;flex-shrink:0}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo img{height:26px;width:auto;opacity:.9;display:block}.nav-links{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.nav-links li{list-style:none;position:relative}.nav-links a{display:block;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;color:#fff9;text-decoration:none;transition:color .2s,background .2s}.nav-links a:hover{color:#fff;background:#ffffff14}.nav-links a.active{color:#fff;background:#ffffff21}.nav-hot-dot{display:none;position:absolute;top:4px;right:4px;width:7px;height:7px;background:var(--coral);border-radius:50%;border:1.5px solid var(--navy)}.nav-hot-dot.visible{display:block}.nav-user{display:flex;align-items:center}.nav-avatar{width:32px;height:32px;border-radius:50%;background:#2ecc712e;border:1.5px solid rgba(46,204,113,.45);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--green);letter-spacing:.5px;flex-shrink:0}.page-header{background:var(--navy);padding:36px 48px 32px;border-bottom:3px solid var(--green);flex-shrink:0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.page-header-text{min-width:0;flex:1}.page-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.page-refresh-btn{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;padding:8px 16px;border-radius:6px;margin-bottom:4px;border:1.5px solid rgba(255,255,255,.18);background:#ffffff0f;color:#ffffffa6;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;cursor:pointer;letter-spacing:.2px;transition:border-color .2s,color .2s,background .2s;white-space:nowrap}.page-refresh-btn:hover{border-color:var(--green);color:var(--green);background:#2ecc7114}.page-refresh-btn.spinning svg{animation:refreshSpin .7s linear}@keyframes refreshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--green);margin-bottom:10px;display:flex;align-items:center;gap:8px}.page-eyebrow svg{width:14px;height:14px;flex-shrink:0;display:block}.page-title{font-family:"DM Serif Display",serif;font-size:clamp(26px,3.8vw,42px);color:var(--white);line-height:1.2;letter-spacing:-.5px}.page-title em{font-style:italic;color:var(--green)}.page-subtitle{font-size:clamp(14px,1.5vw,16px);color:#ffffff8c;margin-top:8px;line-height:1.7}main{flex:1;padding:40px 48px 80px;max-width:1200px;width:100%;margin:0 auto}@media(max-width:768px){nav{padding:0 20px}.nav-links{display:none}.page-header{padding:24px 20px 20px}main{padding:24px 20px 60px}}