:root{--df-navy:#07182b;--df-navy-2:#0c2744;--df-blue:#2c6bed;--df-cyan:#29c8e8;--df-bg:#f5f8fb;--df-card:#fff;--df-ink:#0f253b;--df-muted:#6f8295;--df-line:#dce6ef}
*{box-sizing:border-box}
body{margin:0;background:var(--df-bg);color:var(--df-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.df-login{min-height:100vh;background:radial-gradient(circle at 80% 18%,rgba(35,145,210,.2),transparent 30%),linear-gradient(135deg,#061421,#0a2847);color:#fff;display:grid;grid-template-rows:auto 1fr}
.df-login-top{height:78px;padding:0 clamp(20px,4vw,58px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}
.df-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.df-brand strong{font-size:22px;letter-spacing:-.03em}.df-brand strong span{color:var(--df-cyan)}.df-brand small{display:block;margin-top:4px;color:#62dceb;font-size:9px;font-weight:900;letter-spacing:.14em}
.df-logo-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--df-blue),var(--df-cyan));box-shadow:0 14px 34px rgba(44,107,237,.26);font-weight:950}
.df-login-actions{display:flex;align-items:center;gap:14px}.df-login-actions a{color:#c8d7e5;text-decoration:none;font-size:13px}
.df-login-main{width:min(1120px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:minmax(360px,470px) 1fr;gap:70px;align-items:center;padding:54px 0}
.df-login-card{background:#fff;color:var(--df-ink);padding:42px;border-radius:26px;box-shadow:0 28px 80px rgba(0,0,0,.18)}
.df-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--df-cyan)}
.df-login-card h1{font-size:46px;line-height:1.02;letter-spacing:-.055em;margin:16px 0}.df-login-card>p{color:var(--df-muted);line-height:1.65}
.df-login-note{margin-top:22px;padding:16px;border:1px solid var(--df-line);border-radius:15px;background:#f7fafe;display:grid;gap:5px}.df-login-note strong{font-size:13px}.df-login-note span{font-size:12px;color:var(--df-muted);line-height:1.5}
.df-login-value h2{font-size:58px;line-height:1;letter-spacing:-.06em;margin:16px 0}.df-login-value p{max-width:620px;color:#aac0d3;font-size:17px;line-height:1.65}
.df-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.df-value-grid article{min-height:110px;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05);padding:18px;display:flex;flex-direction:column;justify-content:space-between}.df-value-grid b{color:#5cdeeb;font-size:11px}.df-value-grid span{font-weight:800}
.df-workspace{grid-template-columns:246px minmax(0,1fr)!important;background:var(--df-bg)!important}.df-sidebar{background:linear-gradient(180deg,#07182b,#061421)!important;padding:22px 16px!important}.df-brand.compact .df-logo-mark{width:40px;height:40px}.df-identity{margin:28px 4px 20px!important;border-radius:16px!important;background:rgba(255,255,255,.035)!important}.df-role-nav{display:grid;gap:5px}.df-role-nav button{border:0!important;background:transparent!important;color:#9cb1c3!important;text-align:left!important;padding:12px 14px!important;border-radius:11px!important;font-weight:750!important}.df-role-nav button.active,.df-role-nav button:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.df-support{margin-top:auto!important}.df-topbar{height:74px!important;padding:0 28px!important;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)}.df-user{display:grid}.df-user small{font-size:10px;color:var(--df-muted)}.df-user strong{font-size:14px}.account-switch{min-height:40px;padding:0 13px;border-radius:11px;border:1px solid var(--df-line);background:#fff;color:var(--df-ink);font-weight:750}
.dashboard{max-width:1440px!important;padding:30px!important}
@media(max-width:900px){.df-login-main{grid-template-columns:1fr;max-width:620px;gap:24px}.df-login-value{order:-1}.df-login-value h2{font-size:42px}.df-value-grid{display:none}.df-workspace{grid-template-columns:1fr!important}}
@media(max-width:600px){.df-login-main{width:min(100% - 24px,520px);padding:24px 0}.df-login-card{padding:26px 20px}.df-login-card h1{font-size:38px}.df-login-value h2{font-size:36px}.df-login-value p{font-size:14px}.dashboard{padding:18px!important}.df-user{display:none}}
.workspace-data-loading{display:flex;align-items:center;gap:14px;min-height:92px;padding:18px;border-radius:16px;background:#f8fbfe;border:1px solid var(--df-line)}.workspace-data-loading i{width:12px;height:12px;border-radius:50%;background:var(--df-cyan);box-shadow:0 0 0 6px rgba(41,200,232,.10);animation:dfpulse 1.4s ease-in-out infinite}.workspace-data-loading div{display:grid;gap:4px}.workspace-data-loading b{font-size:14px}.workspace-data-loading span{font-size:12px;line-height:1.5;color:var(--df-muted)}@keyframes dfpulse{0%,100%{transform:scale(.85);opacity:.7}50%{transform:scale(1.05);opacity:1}}