@import"https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&family=Lexend:wght@500;600;700&display=swap";:root{--text-main: #12213a;--surface: #ffffff;--bg: #f1f5fb;--line-soft: #d8e1ef;font-family:Public Sans,sans-serif;line-height:1.5;font-weight:400;color:var(--text-main);background:linear-gradient(180deg,#f5f8fd,#edf3fb);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg)}body,button,input,select,textarea{font-family:Public Sans,sans-serif}h1,h2,h3{font-family:Lexend,sans-serif;letter-spacing:-.03em}button{cursor:pointer;transition:transform .18s ease,opacity .18s ease,background .18s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.72;cursor:wait;transform:none}a{color:inherit}#root{min-height:100vh}.app-shell,.workspace,.module-layout,.dashboard-layout,.login-page,.record-form,.login-form,.record-list,.alert-list,.feature-chip-row,.metric-grid,.module-summary-grid,.dashboard-grid,.module-grid,.demo-grid,.login-checklist{display:grid;gap:16px}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;padding:20px}.app-main{display:grid;gap:16px;min-width:0}.card-surface{background:#fff;border:1px solid #dbe3f1;border-radius:16px;box-shadow:0 6px 18px #132b4f14}.app-sidebar{background:linear-gradient(180deg,#10233d,#0d1b30);border-color:#24456f;padding:16px;display:grid;gap:14px;align-content:start;position:sticky;top:20px;max-height:calc(100vh - 40px)}.app-sidebar .eyebrow{color:#8fb2de}.app-sidebar .brand-title{color:#f0f5ff}.app-sidebar .topbar-copy{color:#b4c7e5}.sidebar-nav{display:grid;gap:8px;overflow:auto;padding-right:2px}.sidebar-link{display:flex;align-items:center;gap:10px;border:1px solid #2f4c74;border-radius:10px;padding:8px 10px;color:#deebff;text-decoration:none;background:#152b47}.sidebar-link.active{background:#224266;border-color:#5f84b5;color:#fff}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.sidebar-backdrop{display:none}.app-topbar{background:#fff;border:1px solid #e4eaf3;border-radius:16px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 4px 14px #132b4f0d}.app-topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.topbar-greeting{margin:0;font-weight:600;color:#10233d;font-size:1rem}.topbar-sub{margin:2px 0 0;font-size:.82rem;color:#6b7a95}.app-topbar-right{display:flex;align-items:center;gap:10px}.topbar-search{display:flex;align-items:center;gap:8px;background:#f3f6fc;border:1px solid #e4eaf3;border-radius:10px;padding:8px 12px;min-width:260px;color:#6b7a95}.topbar-search input{border:none;outline:none;background:transparent;font:inherit;color:#10233d;width:100%}.topbar-search input::placeholder{color:#9aa8c2}.topbar-icon-btn{position:relative;width:40px;height:40px;border-radius:10px;border:1px solid #e4eaf3;background:#f3f6fc;color:#10233d;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.topbar-icon-btn:hover{background:#e9eef8}.topbar-dot{position:absolute;top:8px;right:10px;width:8px;height:8px;border-radius:999px;background:#ef4444;border:2px solid #f3f6fc}.topbar-user{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:999px;background:#f3f6fc;border:1px solid #e4eaf3}.topbar-avatar{width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#1d5fd8,#3b82f6);color:#fff;font-weight:700;font-size:.82rem;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.03em}.topbar-user-meta{display:flex;flex-direction:column;line-height:1.1}.topbar-user-name{font-weight:600;color:#10233d;font-size:.88rem}.topbar-user-role{font-size:.72rem;color:#6b7a95;text-transform:capitalize}.brand-title,.page-title,.section-heading h2,.section-heading h3,.module-hero h2,.dashboard-hero h2,.login-hero h1{margin:0}.brand-title{font-size:1.8rem}.dashboard-role-panel,.record-topline,.record-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.module-action-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.sidebar-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid #e4eaf3;border-radius:10px;background:#f3f6fc;color:#10233d;font-family:inherit;cursor:pointer}.nav-icon,.status-pill{display:inline-flex;align-items:center;justify-content:center}.nav-icon{width:24px;height:24px;border-radius:999px;background:#e8f0ff;font-size:.7rem;letter-spacing:.05em}.app-sidebar .nav-icon{background:#2b476d;color:#f1f6ff}.workspace{min-width:0}.login-hero,.login-panel,.metric-card{padding:20px}.module-hero,.module-grid,.module-panel,.record-form{position:relative}.module-hero{z-index:3}.module-grid{z-index:1;align-items:start}.record-form{z-index:3}.module-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-hero,.dashboard-hero{position:relative;overflow:hidden;border-radius:20px;padding:28px;color:#f4f8ff;background:radial-gradient(120% 140% at 0% 0%,#1f4f9f,#10233d 55%,#0a1628);box-shadow:0 14px 34px #0a16282e;display:grid;gap:20px}.module-hero h2,.dashboard-hero h2{color:#fff;font-size:1.6rem;letter-spacing:-.01em}.module-hero .eyebrow,.dashboard-hero .eyebrow{color:#8fb2de}.module-hero .hero-copy,.dashboard-hero .hero-copy{color:#cfdcf0;max-width:620px}.module-hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.module-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.module-hero-actions .ghost-button{background:#ffffff14;border-color:#ffffff38;color:#f1f6ff}.module-hero-actions .ghost-button:hover{background:#ffffff24}.module-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hero-stat{background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.hero-stat span{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:#a9c1e2}.hero-stat strong{font-size:1.4rem;color:#fff}.hero-stat-role{text-transform:capitalize}.capability-section{border-top:1px solid rgba(255,255,255,.12);padding-top:16px;display:grid;gap:10px}.capability-heading{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#a9c1e2}.capability-selected{margin:0;color:#cfdcf0;font-size:.9rem}.capability-selected strong{color:#fff}.dashboard-hero{display:flex;align-items:stretch;justify-content:space-between;gap:24px}.dashboard-hero-text{display:flex;flex-direction:column;gap:8px;max-width:640px}.dashboard-hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.dashboard-hero .status-pill{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.2);text-transform:capitalize}.dashboard-hero .status-pill.muted{background:#ffffff0f;color:#cfdcf0}.dashboard-hero-art{position:relative;width:180px;min-width:140px;align-self:center}.hero-ring{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.18)}.hero-ring-1{width:160px;height:160px;top:-10px;right:0}.hero-ring-2{width:110px;height:110px;top:20px;right:28px;background:#ffffff0d}.hero-ring-3{width:60px;height:60px;top:48px;right:58px;background:linear-gradient(135deg,#3b82f6,#60a5fa);border:none}.module-panel{background:#fff;border:1px solid #e4eaf3;border-radius:16px;padding:22px;box-shadow:0 6px 18px #132b4f0d;display:flex;flex-direction:column;gap:14px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid #eef2f9}.panel-header h3{margin:0;font-size:1.1rem;color:#10233d}.record-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.login-page{min-height:100vh;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:20px}.eyebrow{margin:0 0 8px;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:#5f6f89}.topbar-copy,.hero-copy,.muted-copy,.record-preview span,.record-footer span,.alert-card span,.metric-card p,.module-summary-card span,.read-only-panel p,.login-checklist p{margin:0;color:#58647b}.section-heading.compact{margin-bottom:14px}.status-pill{border-radius:999px;padding:6px 10px;font-size:.82rem;color:#18355d;background:#eaf1ff}.status-pill.muted{background:#eff3fb;color:#4b5a74}.primary-button,.secondary-button,.ghost-button,.demo-card{border:1px solid transparent;border-radius:10px;padding:10px 14px;font-family:inherit}.primary-button{background:#1d5fd8;color:#fff;font-weight:600}.secondary-button,.ghost-button,.demo-card{background:#f4f7ff;color:#16345b;border-color:#cdd8ec}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e4eaf3;border-radius:16px;padding:18px;box-shadow:0 6px 18px #132b4f0d;display:flex;flex-direction:column;gap:6px}.metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px 0 0 4px}.metric-card.metric-tone-1:before{background:linear-gradient(180deg,#1d5fd8,#3b82f6)}.metric-card.metric-tone-2:before{background:linear-gradient(180deg,#0f766e,#14b8a6)}.metric-card.metric-tone-3:before{background:linear-gradient(180deg,#b45309,#f59e0b)}.metric-card.metric-tone-4:before{background:linear-gradient(180deg,#6d28d9,#a78bfa)}.metric-card .metric-label{font-size:.78rem;color:#6b7a95;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.metric-card strong{display:block;margin:2px 0;font-size:1.9rem;color:#10233d;letter-spacing:-.02em}.metric-card p{margin:0;font-size:.85rem;color:#6b7a95}.alert-card,.record-card,.hero-stats article,.demo-card,.empty-state,.read-only-panel{border:1px solid #e4eaf3;background:#fbfcff;border-radius:12px;padding:14px}.module-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module-summary-card{display:flex;align-items:center;gap:10px;border:1px solid #e4eaf3;background:#fbfcff;border-radius:12px;padding:10px 12px}.module-summary-icon{width:34px;height:34px;border-radius:10px;background:#eef4ff;color:#1d5fd8;font-weight:700;font-size:.76rem;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.04em}.module-summary-card>div{display:flex;flex-direction:column;line-height:1.15}.module-summary-card span{font-size:.78rem;color:#6b7a95}.module-summary-card strong{font-size:1.2rem;color:#10233d}.alert-card{display:grid;grid-template-columns:12px 1fr;gap:10px;align-items:flex-start}.alert-card>div{display:flex;flex-direction:column;gap:4px}.alert-card strong{color:#10233d;font-size:.95rem}.alert-card p{margin:0;color:#4b5a74;font-size:.88rem}.alert-meta{margin:0;font-size:.76rem;color:#8a97ae}.alert-dot{width:10px;height:10px;margin-top:6px;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 0 0 3px #f59e0b26}.feature-chip-row{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-chip{appearance:none;border:1px solid #d5dff0;border-radius:999px;padding:8px 10px;font-size:.84rem;background:#f6f9ff;color:#203b63;text-align:center;cursor:pointer;font-family:inherit}.feature-chip:hover{background:#edf4ff}.feature-chip.active{background:#dfeeff;border-color:#89aee4;color:#123d74}.feature-chip:focus-visible{outline:2px solid #8caee5;outline-offset:1px}.record-form label,.login-form label{display:grid;gap:6px;font-size:.9rem;color:#203b63}.record-form input,.record-form select,.record-form textarea,.login-form input{width:100%;border:1px solid #c8d5ea;border-radius:8px;padding:10px;background:#fff;color:#132743;font-family:inherit}.record-form input,.record-form select,.record-form textarea,.record-form button{position:relative;z-index:4;pointer-events:auto}.record-form input:focus,.record-form select:focus,.record-form textarea:focus,.login-form input:focus{outline:2px solid #9fbdf3;outline-offset:0}.record-preview p{display:flex;justify-content:space-between;gap:8px;margin:0}.form-error{margin:0;color:#b63441}.login-checklist{margin-top:8px}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-card{text-align:left}.demo-role{font-size:.8rem;color:#5f7394}@media(max-width:1120px){.metric-grid,.module-grid,.dashboard-grid,.login-page{grid-template-columns:1fr}.module-summary-grid,.module-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero-art{display:none}.topbar-search{min-width:180px}.app-shell{grid-template-columns:1fr}.app-sidebar{position:fixed;top:0;left:0;width:min(300px,85vw);height:100vh;max-height:100vh;border-radius:0 16px 16px 0;transform:translate(-102%);transition:transform .2s ease;z-index:1000}.app-shell.sidebar-open .app-sidebar{transform:translate(0)}.sidebar-toggle{display:inline-flex;align-items:center}.sidebar-backdrop{position:fixed;inset:0;border:0;background:#101c2f61;display:none;z-index:900}.app-shell.sidebar-open .sidebar-backdrop{display:block}}@media(max-width:720px){body{background:radial-gradient(140% 100% at 100% 0%,rgba(59,130,246,.3) 0%,transparent 55%),radial-gradient(120% 120% at 0% 100%,rgba(13,148,136,.25) 0%,transparent 55%),linear-gradient(160deg,#0a1628,#10233d,#0d1b30)!important;min-height:100vh}.app-shell,.login-page,.workspace{padding:12px;gap:12px}.app-shell{background:transparent}.app-header,.dashboard-role-panel,.record-topline,.record-footer{flex-direction:column;align-items:flex-start}.demo-grid,.module-summary-grid,.feature-chip-row{grid-template-columns:1fr}.app-topbar{flex-wrap:wrap;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px #00000040}.topbar-greeting{color:#fff}.topbar-sub{color:#b7c7e0}.sidebar-toggle,.topbar-icon-btn{background:#ffffff14;border-color:#ffffff2e;color:#fff}.topbar-icon-btn:hover{background:#ffffff24}.topbar-dot{border-color:#10233d}.topbar-search{display:none}.topbar-user{background:#ffffff14;border-color:#ffffff2e}.topbar-user-meta{display:none}.module-hero,.dashboard-hero{padding:20px;box-shadow:0 18px 40px #00000059;border:1px solid rgba(255,255,255,.08)}.module-hero-stats,.dashboard-hero{grid-template-columns:1fr}.module-hero h2,.dashboard-hero h2{font-size:1.3rem}.module-panel,.metric-card,.camera-stage,.camera-gallery{box-shadow:0 14px 30px #0000004d;border-color:#ffffff1a}.camera-placeholder{color:#eaf1ff}}.camera-page{display:grid;gap:1.25rem}.camera-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.25rem}.camera-stage,.camera-gallery{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.camera-preview{position:relative;width:100%;aspect-ratio:16 / 9;background:#0d1b30;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center}.camera-video{width:100%;height:100%;object-fit:cover;background:#0d1b30}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#cfd9ea;text-align:center;padding:1rem;gap:.35rem}.camera-placeholder .eyebrow{color:#8aa3c8}.camera-error{margin:0;padding:.6rem .9rem;border-radius:10px;background:#fde8e8;color:#8a1f1f;font-size:.9rem}.camera-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;align-items:end}.camera-controls .field{display:flex;flex-direction:column;gap:.35rem}.camera-controls .field span{font-size:.8rem;color:#5f7394;font-weight:600}.camera-controls .field input,.camera-controls .field select{padding:.55rem .7rem;border-radius:10px;border:1px solid #d7dfee;background:#fff;font:inherit}.camera-buttons{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.6rem}.camera-gallery-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.camera-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;max-height:520px;overflow-y:auto}.camera-item{display:grid;grid-template-columns:96px 1fr;gap:.75rem;padding:.6rem;border:1px solid #e4eaf3;border-radius:12px;background:#fff}.camera-item img{width:96px;height:72px;object-fit:cover;border-radius:8px;background:#0d1b30}.camera-item-body{display:flex;flex-direction:column;gap:.25rem}.camera-item-label{margin:0;font-weight:600;color:#10233d}.camera-item-meta{margin:0;font-size:.8rem;color:#5f7394}.camera-item-actions{display:flex;gap:.4rem;margin-top:.35rem}.camera-item-actions .secondary-button{padding:.35rem .7rem;font-size:.8rem}.empty-state{margin:0;padding:1rem;border:1px dashed #d7dfee;border-radius:12px;color:#5f7394;text-align:center}@media(max-width:1120px){.camera-grid{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:#eef2f9}.auth-brand{position:relative;overflow:hidden;padding:56px;color:#eaf1ff;background:radial-gradient(140% 120% at 100% 0%,rgba(59,130,246,.35) 0%,transparent 55%),radial-gradient(120% 140% at 0% 100%,rgba(13,148,136,.3) 0%,transparent 55%),linear-gradient(160deg,#0a1628,#10233d,#0d1b30);display:flex;flex-direction:column;justify-content:space-between}.auth-brand-inner{position:relative;z-index:2;display:flex;flex-direction:column;gap:40px;max-width:560px}.auth-brand-header{display:flex;align-items:center;gap:18px}.auth-logo{width:78px;height:78px;border-radius:20px;object-fit:cover;background:#fff;padding:6px;box-shadow:0 14px 28px #00000040}.auth-brand-kicker{margin:0 0 4px;font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:#8fb2de}.auth-brand-title{margin:0;font-size:1.85rem;line-height:1.15;color:#fff;letter-spacing:-.01em}.auth-brand-lead{margin:0;font-size:1.05rem;line-height:1.55;color:#cfdcf0;max-width:520px}.auth-highlights{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}.auth-highlights li{display:flex;gap:14px;align-items:flex-start}.auth-highlights strong{display:block;color:#fff;font-size:1rem;margin-bottom:2px}.auth-highlights p{margin:0;color:#b7c7e0;font-size:.9rem;line-height:1.5}.auth-highlight-dot{flex-shrink:0;width:12px;height:12px;margin-top:6px;border-radius:999px;background:linear-gradient(135deg,#3b82f6,#14b8a6);box-shadow:0 0 0 4px #3b82f62e}.auth-brand-footer{display:flex;justify-content:space-between;gap:12px;font-size:.78rem;color:#8fa3c4;border-top:1px solid rgba(255,255,255,.1);padding-top:18px}.auth-orb{position:absolute;border-radius:999px;filter:blur(60px);opacity:.55;pointer-events:none}.auth-orb-1{width:320px;height:320px;top:-100px;right:-100px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%)}.auth-orb-2{width:260px;height:260px;bottom:-80px;left:-80px;background:radial-gradient(circle,#14b8a6 0%,transparent 70%)}.auth-orb-3{width:180px;height:180px;top:40%;right:20%;background:radial-gradient(circle,#6d28d9 0%,transparent 70%);opacity:.35}.auth-main{display:flex;align-items:center;justify-content:center;padding:48px 32px}.auth-card{width:100%;max-width:460px;background:#fff;border:1px solid #e4eaf3;border-radius:22px;padding:34px;box-shadow:0 22px 48px #10233d1f;display:flex;flex-direction:column;gap:22px}.auth-card-header{display:flex;align-items:center;gap:14px}.auth-logo-compact{width:56px;height:56px;border-radius:14px;object-fit:cover;background:#f3f6fc;padding:4px;border:1px solid #e4eaf3;flex-shrink:0}.auth-card-title{margin:4px 0;font-size:1.5rem;color:#10233d;letter-spacing:-.01em}.auth-card-sub{margin:0;color:#6b7a95;font-size:.9rem;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field>span{font-size:.82rem;font-weight:600;color:#334155}.auth-input-wrap{display:flex;align-items:center;gap:10px;padding:0 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;color:#94a3b8}.auth-input-wrap:focus-within{border-color:#1d5fd8;background:#fff;box-shadow:0 0 0 4px #1d5fd81f;color:#1d5fd8}.auth-input-wrap input{flex:1;border:none;outline:none;background:transparent;padding:12px 0;font:inherit;color:#10233d}.auth-input-wrap input::placeholder{color:#94a3b8}.auth-submit{width:100%;padding:13px 16px;font-size:.98rem;font-weight:600;background:linear-gradient(135deg,#1d5fd8,#3b82f6);border:none;border-radius:12px;box-shadow:0 10px 22px #1d5fd840;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #1d5fd84d}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-divider{position:relative;text-align:center;color:#94a3b8;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 80px);height:1px;background:#e4eaf3}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.auth-demo-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid #e4eaf3;background:#f8fafc;color:#10233d;font:inherit;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.auth-demo-card:hover{border-color:#1d5fd8;background:#eff5ff;transform:translateY(-1px)}.auth-demo-role{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#1d5fd8;font-weight:700}.auth-demo-user{font-size:.95rem;color:#10233d}.auth-demo-pass{font-size:.78rem;color:#6b7a95;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.auth-card-fine{margin:0;text-align:center;font-size:.76rem;color:#94a3b8;line-height:1.5}@media(max-width:960px){.auth-page{grid-template-columns:1fr;background:radial-gradient(140% 100% at 100% 0%,rgba(59,130,246,.3) 0%,transparent 55%),radial-gradient(120% 120% at 0% 100%,rgba(13,148,136,.25) 0%,transparent 55%),linear-gradient(160deg,#0a1628,#10233d,#0d1b30)}.auth-brand{padding:36px 28px;background:transparent}.auth-brand-title{font-size:1.5rem}.auth-brand-lead{font-size:.95rem}.auth-highlights,.auth-brand-footer{display:none}.auth-main{padding:24px 18px 40px;background:transparent}.auth-card{padding:26px;border-radius:18px;background:#fffffff7;border:1px solid rgba(255,255,255,.25);box-shadow:0 22px 48px #00000059;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@media(max-width:480px){.auth-demo-grid{grid-template-columns:1fr}.auth-logo{width:60px;height:60px}}