:root{color:#15324b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#e8712929,#0000 22%),radial-gradient(circle at 100% 0,#0ea5a42e,#0000 28%),linear-gradient(#f6efe5 0%,#eef4f6 100%);font-family:Segoe UI,Inter,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}#app{min-height:100vh}.page-loader,.auth-layout{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:24px;width:min(1100px,100%);display:grid}.auth-copy,.auth-form,.sidebar,.section-card,.metric-card,.admin-user-card,.plan-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border:1px solid #15324b14;box-shadow:0 24px 70px #15324b17}.auth-copy{border-radius:30px;padding:44px}.brand-kicker,.eyebrow,.plan-slug,.nav-section-label{text-transform:uppercase;letter-spacing:.12em;color:#0f766e;font-size:.8rem;font-weight:800;display:inline-block}.auth-copy h1,.page-header h2,.brand-title{color:#11263a;margin:10px 0 12px;font-size:clamp(2rem,4vw,3.75rem);line-height:.98}.auth-copy p,.page-header p,.brand-copy,.section-head p{color:#4a6072;margin:0}.auth-form{border-radius:28px;gap:18px;padding:32px;display:grid}.auth-form label,.stack-form label{color:#28445d;gap:8px;font-weight:600;display:grid}input,textarea,select{color:#15324b;background:#ffffffe6;border:1px solid #15324b29;border-radius:16px;width:100%;padding:14px 16px}textarea{resize:vertical}.primary-button,.ghost-button{border:none;border-radius:999px;padding:13px 18px;transition:transform .18s,opacity .18s,background .18s}.primary-button{color:#fff;background:linear-gradient(135deg,#dc5d1f 0%,#f09332 100%);font-weight:700}.ghost-button{color:#15324b;background:#15324b14}.ghost-button.danger{color:#9a3412;background:#bf360c1f}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.auth-footnote{color:#5a7185;margin:0}.shell{grid-template-columns:320px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-radius:0 28px 28px 0;grid-template-rows:auto 1fr auto;gap:28px;padding:28px;display:grid}.brand-title{font-size:2.2rem}.sidebar-nav{align-content:start;gap:10px;display:grid}.nav-link{color:#355067;background:0 0;border-radius:16px;padding:12px 14px;text-decoration:none}.nav-link.active{color:#11263a;background:linear-gradient(135deg,#dc5d1f24,#0f766e29);font-weight:700}.nav-section-label{margin-top:16px}.sidebar-footer{gap:14px;display:grid}.identity-card{background:#0f766e14;border-radius:18px;gap:3px;padding:16px;display:grid}.content{padding:28px}.page-stack{gap:22px;display:grid}.page-header{justify-content:space-between;align-items:end;gap:18px;display:flex}.page-header h2{font-size:clamp(1.8rem,3vw,3rem)}.metrics-grid,.cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.metric-card{border-radius:24px;gap:10px;padding:22px;display:grid}.metric-card span,.metric-card small{color:#597287}.metric-card strong{color:#102338;font-size:2rem}.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.section-card{border-radius:24px;gap:18px;padding:24px;display:grid}.section-head{gap:6px;display:grid}.section-head h3,.plan-card h3{color:#102338;margin:0;font-size:1.2rem}.detail-list{gap:12px;margin:0;display:grid}.detail-list div{border-bottom:1px solid #15324b14;justify-content:space-between;gap:16px;padding-bottom:10px;display:flex}.detail-list dt{color:#5d7387}.detail-list dd{color:#142b40;text-align:right;margin:0}.bullet-list{color:#355067;margin:0;padding-left:18px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.stack-form{gap:16px;display:grid}.inline-actions{flex-wrap:wrap;gap:12px;display:flex}.status-banner{border-radius:18px;padding:14px 16px;font-weight:600}.status-banner.success{color:#0f766e;background:#0f766e1f}.status-banner.error{color:#9a3412;background:#bf360c1f}.status-banner.neutral{color:#355067;background:#15324b14}.data-table{gap:10px;display:grid}.table-row{background:#f4f8facc;border-radius:16px;grid-template-columns:1fr 140px 2fr;align-items:start;gap:12px;padding:14px 16px;display:grid}.table-head{color:#355067;background:#15324b14;font-weight:800}.qr-box{background:#15324b0f;border-radius:18px;gap:10px;padding:16px;display:grid}.qr-box code{white-space:pre-wrap;word-break:break-word}.plan-card{border-radius:24px;gap:10px;padding:24px;display:grid}.plan-card.current{outline:2px solid #dc5d1f59}.plan-card p{color:#4d6578;margin:0}.admin-user-list{gap:14px;display:grid}.admin-user-card{border-radius:20px;justify-content:space-between;gap:18px;padding:18px;display:flex}.admin-user-card p,.admin-user-card small{color:#5b7185;margin:0}.admin-actions{align-items:center;gap:10px;display:flex}@media (width<=1100px){.shell,.auth-panel,.two-column-grid,.metrics-grid,.cards-grid,.form-grid{grid-template-columns:1fr}.sidebar{border-radius:0}}@media (width<=720px){.content,.sidebar,.auth-copy,.auth-form,.section-card{padding:20px}.page-header{flex-direction:column;align-items:start}.table-row{grid-template-columns:1fr}.admin-user-card{flex-direction:column}}