.login-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);padding:24px}.login-card{width:100%;max-width:980px;display:flex;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #02061714;background:var(--card)}.login-aside{width:360px;background:linear-gradient(180deg,#0b74ff,#06b6d4);color:#fff;padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.login-logo{width:84px;height:84px;object-fit:contain;border-radius:8px;background:#fff;padding:8px}.login-title{font-size:20px;margin:0;font-weight:700}.login-logo-letter{background:#ffffff1f;padding:6px;border-radius:6px;margin-right:6px}.login-desc{color:#ffffffe6;font-size:14px}.login-main{flex:1;padding:28px;display:flex;align-items:center;justify-content:center}.login-form{width:100%;max-width:420px}.form-stack{display:flex;flex-direction:column;gap:10px}.input{padding:10px 12px;border-radius:8px;border:1px solid #e6eef6}.label{font-weight:600;font-size:13px}.btn{padding:10px 14px;border-radius:8px;border:none;cursor:pointer}.btn.primary{background:var(--primary);color:#fff}.btn.secondary{background:#eef2ff;color:#0b74ff}.btn.link{background:none;color:var(--muted)}.btn.sso{background:#1f2937;color:#fff;width:100%}.divider{margin:18px 0;text-align:center;color:var(--muted)}.dev-area{margin-top:12px}.message{margin-top:10px;color:#dc2626}.login-footer{margin-top:18px;color:var(--muted);font-size:13px}@media (max-width:900px){.login-card{flex-direction:column}.login-aside{width:100%;align-items:center;text-align:center;padding:20px}.login-main{padding:20px}}:root{--primary: #0049A6;--accent: #06b6d4;--info: #3170f9;--success: #059669;--danger: #dc2626;--warning: #cd6f00;--highlight: #fde68a;--canvas: #f6f6f6;--card: #ffffff;--surface-primary: #ffffff;--surface-secondary: #f8fafc;--muted: #64748b;--text-dark: #0d0d0d;--sidebar-bg: #0f1724;--sidebar-text: #cbd5e1;--space-xs: 6px;--space-sm: 8px;--space-md: 12px;--space-lg: 20px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--h1-size: 36px;--h2-size: 28px;--h3-size: 24px;--h4-size: 18px;--base-font-size: 14px;--shadow-1: 0 4px 12px rgba(2,6,23,.06);--shadow-2: 0 10px 30px rgba(2,6,23,.08)}body{background:var(--canvas);color:var(--text-dark);font-family:Open Sans,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:var(--base-font-size)}body,html,#root{height:100%;margin:0}*{box-sizing:border-box}.layout{display:flex;min-height:100vh;background:#f3f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.sidebar{width:300px;background:linear-gradient(180deg,#0f172a,#111827);color:#e2e8f0;padding:32px 24px;display:flex;flex-direction:column;position:relative;z-index:20}.brand{font-size:24px;font-weight:700}.brand-subtitle{margin-top:6px;color:#94a3b8;font-size:14px}.sidebar-nav{display:flex;flex-direction:column;gap:10px;margin-top:42px}.sidebar-nav-item{background:transparent;border:none;color:#cbd5e1;padding:14px 16px;border-radius:14px;text-align:left;cursor:pointer;transition:all .2s ease;font-size:15px}.sidebar-nav-item:hover,.sidebar-nav-item.active{background:#ffffff14;color:#fff}.sidebar-footer{margin-top:auto;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px}.sidebar-footer-title{font-weight:700;margin-bottom:10px}.sidebar-footer p{margin:0;color:#cbd5e1;line-height:1.5;font-size:14px}.main{flex:1;padding:32px;position:relative}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:20px}.topbar-left{display:flex;align-items:flex-start;gap:18px}.hamburger{width:48px;height:48px;border-radius:14px;border:none;background:#fff;cursor:pointer;font-size:20px;box-shadow:0 10px 25px #0f172a14}.page-title{margin:0;font-size:32px;color:#0f172a}.page-subtitle{margin-top:8px;color:#64748b;font-size:15px}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-button{border:none;background:#fff;padding:12px 18px;border-radius:14px;cursor:pointer;font-weight:600;color:#0f172a;box-shadow:0 10px 25px #0f172a0f}.topbar-button.primary{background:#2563eb;color:#fff}.navigation-warning{margin-bottom:24px;padding:16px 18px;border-radius:16px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.2);color:#92400e;font-weight:600}.hero-panel{background:linear-gradient(135deg,#fff,#eff6ff);border-radius:28px;padding:36px;margin-bottom:36px;box-shadow:0 16px 40px #0f172a14}.hero-label{color:#2563eb;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.hero-title{margin-top:14px;margin-bottom:14px;font-size:42px;line-height:1.1;max-width:720px;color:#0f172a}.hero-description{max-width:760px;color:#475569;line-height:1.7;font-size:16px}.hero-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:32px}.hero-feature-card{background:#fffc;border-radius:18px;padding:20px;border:1px solid rgba(148,163,184,.16)}.hero-feature-title{font-weight:700;color:#0f172a;margin-bottom:10px}.hero-feature-text{color:#475569;line-height:1.5}.dashboard-section{margin-bottom:40px}.section-header h3{margin:0 0 18px;font-size:22px;color:#0f172a}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.dashboard-card{border:none;border-radius:24px;background:#fff;padding:24px;cursor:pointer;text-align:left;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 30px #0f172a0f}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0f172a1a}.dashboard-card-header{display:flex;justify-content:space-between;gap:20px}.dashboard-card-title{font-size:18px;font-weight:700;color:#0f172a}.dashboard-card-description{margin-top:10px;color:#64748b;line-height:1.6}.dashboard-card-footer{margin-top:28px;color:#2563eb;font-weight:700}.dashboard-status{white-space:nowrap;height:fit-content;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}.dashboard-status.production{background:#16a34a1f;color:#15803d}.dashboard-status.in-progress,.dashboard-status.development{background:#2563eb1f;color:#1d4ed8}.dashboard-status.planning{background:#f59e0b24;color:#b45309}.dashboard-status.restricted{background:#ef44441f;color:#b91c1c}.overlay{display:none}@media (max-width: 1024px){.sidebar{position:fixed;height:100vh;left:0;top:0;transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:10}.main{padding:24px}.topbar{flex-direction:column}.hero-title{font-size:32px}}@media (max-width: 640px){.main{padding:18px}.hero-panel{padding:24px}.dashboard-grid{grid-template-columns:1fr}.page-title{font-size:26px}}