*,*:before,*:after{box-sizing:border-box}.login-page{position:relative;height:100vh;width:100vw;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#4f46e5,#0f172a 50%,#020617);color:#e5e7eb;display:flex;align-items:center;justify-content:center}.login-page__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at bottom right,#22c55e33,transparent),radial-gradient(circle at top left,#38bdf833,transparent);mix-blend-mode:screen;opacity:.9;pointer-events:none}.login-page__content{position:relative;z-index:2;max-width:1100px;width:100%;padding:16px 24px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:center}@media (max-width: 900px){.login-page__content{grid-template-columns:minmax(0,1fr);text-align:center;gap:20px}}.login-page__title h1{font-size:clamp(2.2rem,4vw,3rem);font-weight:700;letter-spacing:.03em;color:#f9fafb;margin-bottom:.5rem}.login-page__title p{font-size:.98rem;color:#cbd5f5;max-width:380px}@media (max-width: 900px){.login-page__title p{margin:0 auto}}.login-page__card-wrapper{perspective:1200px;width:100%;max-width:420px;margin:0 auto;display:flex;justify-content:center}.login-card{position:relative;width:100%;padding:26px 24px 22px;border-radius:24px;background:linear-gradient(135deg,#0f172ad9,#1e40afd9);box-shadow:0 24px 70px #0f172acc,0 0 0 1px #94a3b82e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-style:preserve-3d;transition:transform .16s ease-out,box-shadow .16s ease-out}.login-card:hover{box-shadow:0 30px 80px #0f172ae6,0 0 0 1px #a5b4fc4d}.login-card__glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:conic-gradient(from 140deg,rgba(59,130,246,.4),rgba(94,234,212,.2),transparent,rgba(244,114,182,.4),rgba(59,130,246,.5));opacity:.7;mix-blend-mode:screen;filter:blur(12px);z-index:-1}.login-logo-wrap{display:flex;justify-content:center;margin-bottom:8px}.login-logo{height:46px;max-width:200px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.6))}.login-card__heading{margin:0 0 .4rem;font-size:1.4rem;font-weight:600;color:#e5e7eb}.login-card__hint{font-size:.8rem;color:#9ca3af;margin-bottom:1rem}.login-card__form{display:flex;flex-direction:column;gap:.85rem}.login-card__field{text-align:left}@media (max-width: 900px){.login-card__field{text-align:left}}.login-card__field label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem;color:#9ca3af}.login-card__field input{display:block;width:100%;padding:.7rem 1rem;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#0f172ad9;font-size:.9rem;color:#e5e7eb;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.login-card__field input::placeholder{color:#6b7280}.login-card__field input:focus{border-color:#a5b4fc;box-shadow:0 0 0 1px #818cf899;background-color:#0f172af2}.login-card__error{background:#f8717114;border-radius:999px;padding:.45rem .8rem;font-size:.78rem;border:1px solid rgba(248,113,113,.5);color:#fecaca}.login-card__button{margin-top:.35rem;width:100%;border-radius:999px;border:none;padding:.7rem 1rem;font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#22c55e);color:#f9fafb;box-shadow:0 10px 25px #0f172ae6;transition:transform .12s ease-out,box-shadow .12s ease-out,filter .12s ease-out}.login-card__button:hover{transform:translateY(-1px);box-shadow:0 16px 35px #0f172af2;filter:brightness(1.05)}.login-card__button:active{transform:translateY(1px);box-shadow:0 6px 18px #0f172ae6}.login-card__footer{display:flex;justify-content:flex-start;gap:.4rem;margin-top:.9rem;flex-wrap:wrap}@media (max-width: 900px){.login-card__footer{justify-content:center}}.pill{font-size:.72rem;padding:.25rem .7rem;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.pill--primary{border-color:#818cf8e6;background:radial-gradient(circle at top left,#4f46e5,#1d2435)}.pill--soft{border-color:#2dd4bfb3}.login-orb{position:absolute;border-radius:999px;opacity:.7;pointer-events:none;mix-blend-mode:screen;animation:login-float 14s ease-in-out infinite alternate}.login-orb--one{width:220px;height:220px;background:radial-gradient(circle,#4f46e5,transparent 70%);top:8%;right:12%}.login-orb--two{width:260px;height:260px;background:radial-gradient(circle,#22c55e,transparent 70%);bottom:-4%;left:5%;animation-delay:2s}.login-orb--three{width:180px;height:180px;background:radial-gradient(circle,#ec4899,transparent 70%);top:50%;left:65%;animation-delay:4s}@keyframes login-float{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(40px,-40px,0) scale(1.08)}}@media (max-width: 480px){.login-page__content{padding:12px}.login-card{padding:20px 18px 18px}}.dash-root{position:absolute;width:100%;height:100%;min-height:100%;flex-direction:column;background:radial-gradient(circle at top left,#4f46e5,#020617 55%,#020617);color:#e5e7eb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.dash-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at bottom right,#22c55e33,transparent),radial-gradient(circle at top left,#38bdf833,transparent);mix-blend-mode:screen;opacity:.9;pointer-events:none}.dash-orb{position:absolute;border-radius:999px;opacity:.65;mix-blend-mode:screen;pointer-events:none;animation:orbFloat 14s ease-in-out infinite alternate}.dash-orb--1{width:260px;height:260px;top:-40px;right:5%;background:radial-gradient(circle,#4f46e5,transparent 70%)}.dash-orb--2{width:220px;height:220px;bottom:-40px;left:-30px;background:radial-gradient(circle,#22c55e,transparent 70%);animation-delay:2s}.dash-orb--3{width:180px;height:180px;top:55%;left:60%;background:radial-gradient(circle,#ec4899,transparent 70%);animation-delay:4s}@keyframes orbFloat{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(30px,-20px,0) scale(1.06)}}.dash-shell{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:16px 18px 20px;display:flex;flex-direction:column;gap:16px;height:100%;box-sizing:border-box}.dash-header{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.dash-header-left{min-width:0}.dash-brand{display:flex;align-items:center;gap:12px}.dash-logo{height:38px;max-width:160px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6))}.dash-title{margin:0;font-size:clamp(1.6rem,2.6vw,2.1rem);letter-spacing:.04em;font-weight:700;color:#f9fafb}.dash-subtitle{margin:4px 0 0;font-size:.9rem;color:#cbd5f5}.dash-header-right{display:flex;align-items:center;gap:10px}.dash-date-pill{border-radius:999px;padding:6px 12px;border:1px solid rgba(148,163,184,.6);background:radial-gradient(circle at top left,#1f2937,#020617);display:flex;flex-direction:column;align-items:flex-end;min-width:150px}.dash-date-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af}.dash-date-value{font-size:.85rem;font-weight:500}.dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi-card{position:relative;border-radius:18px;padding:12px 12px 10px;background:radial-gradient(circle at top left,#111827,#020617);box-shadow:0 12px 30px #0f172ab3,0 0 0 1px #94a3b82e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.kpi-card--highlight{background:radial-gradient(circle at top left,#4f46e5,#020617);box-shadow:0 16px 40px #1e40afcc,0 0 0 1px #bfdbfe59}.kpi-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;color:#9ca3af}.kpi-value{margin-top:6px;font-size:1.2rem;font-weight:600;color:#e5e7eb}.kpi-trend{margin-top:4px;font-size:.75rem}.kpi-trend--up{color:#4ade80}.kpi-trend--down{color:#fb7185}.kpi-trend--neutral{color:#e5e7eb}.dash-main{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.dash-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 12px;border-radius:18px;background:linear-gradient(135deg,#0f172ae6,#111827f2);box-shadow:0 16px 40px #0f172acc,0 0 0 1px #94a3b84d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.filter-group{display:flex;flex-direction:column;gap:2px}.filter-group label{font-size:.72rem;color:#9ca3af}.filter-group select{border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#0f172af2;padding:4px 10px;font-size:.82rem;color:#e5e7eb;outline:none}.filter-cta{margin-left:auto;border-radius:999px;border:none;padding:6px 14px;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#22c55e);color:#f9fafb;box-shadow:0 10px 22px #0f172ae6}.dash-panel{position:relative;border-radius:22px;padding:12px 12px 10px;background:linear-gradient(135deg,#0f172aeb,#1e40aff2);box-shadow:0 26px 60px #0f172ae6,0 0 0 1px #a5b4fc66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;min-height:0}.dash-panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.dash-panel-header h2{margin:0;font-size:1rem;font-weight:600}.dash-panel-header p{margin:3px 0 0;font-size:.8rem;color:#cbd5f5}.dash-panel-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:.7rem;padding:3px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.8);background:#0f172ae6;white-space:nowrap}.tag--live{border-color:#34d399e6;color:#bbf7d0}.tag--readonly{border-color:#94a3b8e6}.dash-panel-body{flex:1;min-height:0;height:100%;border-radius:16px;overflow:hidden;background:#020617;box-shadow:inset 0 0 0 1px #1e40afe6}.dash-iframe{width:100%;height:100%;border:none;display:block}@media (max-width: 1024px){.dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.dash-shell{padding:12px 10px 14px}.dash-filters{flex-direction:column;align-items:stretch}.filter-cta{margin-left:0;width:100%;text-align:center}.dash-panel-header{flex-direction:column;align-items:flex-start}}@media (max-width: 520px){.dash-kpis{grid-template-columns:minmax(0,1fr)}.dash-header,.dash-date-pill{align-items:flex-start}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}