:root{--gold:#d4af37;--gold2:#f0d77c;--black:#050505;--line:#302b1c}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:#050505}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#2a2517,#050505 55%);padding:24px}.login-card{width:min(480px,100%);background:linear-gradient(180deg,#111,#050505);border:2px solid var(--gold);border-radius:28px;padding:34px;box-shadow:0 22px 65px rgba(0,0,0,.45);text-align:center;color:#fff}.login-logo{width:190px;max-width:75%;border-radius:18px;display:block;margin:0 auto 12px}.login-card h1{margin:16px 0 4px;font-size:29px}.login-card p{color:var(--gold2);font-weight:800;margin:0 0 24px}.login-card label{display:block;text-align:left;font-weight:800;font-size:13px;color:#d5d0c5;margin-top:12px}.login-card input,.login-card button{width:100%;margin-top:7px;border:1px solid #d7d1c2;border-radius:12px;padding:12px;font-size:14px}.login-card button{background:var(--gold);color:#050505;font-weight:900;cursor:pointer}.login-error{min-height:22px;color:#ff7d76;font-weight:800;margin-top:12px}.topbar{height:126px;background:linear-gradient(135deg,#050505,#191919);color:#fff;padding:14px 26px;display:grid;grid-template-columns:105px 1fr 180px;gap:20px;align-items:center;border-bottom:5px solid var(--gold)}.brand-logo{width:88px;height:88px;object-fit:contain;border-radius:12px}.header-title{text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--gold2);margin:0 0 6px;font-weight:900}.topbar h1{margin:0;font-size:32px}.header-actions{text-align:right}.pill{display:inline-flex;padding:7px 12px;border-radius:999px;background:var(--gold);color:#050505;font-size:12px;font-weight:900}.logout{display:block;margin:10px 0 0 auto;background:transparent;border:1px solid var(--gold);color:#fff;border-radius:9px;padding:7px 13px;cursor:pointer;font-weight:800}.module-nav{height:78px;background:#101010;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-bottom:1px solid #332f22}.module-tab{border:0;background:#151515;color:#aaa;padding:12px;cursor:pointer;border-bottom:4px solid transparent}.module-tab span,.module-tab small{display:block}.module-tab span{font-size:17px;font-weight:900}.module-tab small{font-size:11px;margin-top:3px}.module-tab.active{color:#fff;background:#211e15;border-bottom-color:var(--gold)}.frame-wrap{position:relative;height:calc(100vh - 204px);background:#f7f6f2}.frame-wrap iframe{width:100%;height:100%;border:0;display:block;background:#fff}.loading-bar{position:absolute;z-index:3;left:0;top:0;height:3px;width:0;background:var(--gold);transition:width .25s}.loading-bar.loading{width:75%}@media(max-width:760px){.topbar{height:auto;grid-template-columns:64px 1fr;padding:12px}.brand-logo{width:56px;height:56px}.topbar h1{font-size:20px}.header-actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.logout{margin:0}.module-nav{height:70px}.module-tab span{font-size:14px}.module-tab small{font-size:9px}.frame-wrap{height:calc(100vh - 196px)}}