:root{--navy: #03045e;--ocean: #0077b6;--primary: #00b4d8;--sky: #90e0ef;--mist: #caf0f8;--primary-dk: #0077b6;--primary-dkr: #03045e;--primary-lt: #e0f7fc;--bg: #f0f9ff;--surface: #ffffff;--text: #03045e;--text-muted: #4d6475;--text-light: #8fa8b8;--border: #cce8f4;--success: #10b981;--success-lt: #d1fae5;--warning: #f59e0b;--warning-lt: #fef3c7;--danger: #ef4444;--danger-lt: #fee2e2;--info: #0077b6;--info-lt: #caf0f8;--radius: 16px;--radius-sm: 10px;--radius-xs: 6px;--shadow: 0 2px 8px rgba(0,119,182,.1), 0 1px 2px rgba(3,4,94,.05);--shadow-md: 0 6px 20px rgba(0,119,182,.14);--nav-h: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:-webkit-fill-available}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;color:var(--text);background:linear-gradient(160deg,#ddf0f9,#eef7fc 30%,#f5fbff);background-attachment:fixed;overscroll-behavior:none;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:-webkit-fill-available}#root{display:flex;flex-direction:column;min-height:100vh;min-height:-webkit-fill-available}h1{font-size:1.75rem;font-weight:800;margin:0;color:var(--navy)}h2{font-size:1.25rem;font-weight:700;margin:0;color:var(--navy)}h3{font-size:1.05rem;font-weight:600;margin:0;color:var(--navy)}p{margin:0 0 .5rem}.page{flex:1;overflow-y:auto;padding:16px 16px calc(var(--nav-h) + var(--safe-bottom) + 16px);-webkit-overflow-scrolling:touch}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:18px;margin-bottom:12px}.card-sky{background:linear-gradient(135deg,#f0faff,var(--mist));border-color:var(--sky)}.card-navy{background:linear-gradient(135deg,var(--navy) 0%,var(--ocean) 100%);color:#fff;border:none}.card-title{font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--navy);margin-bottom:12px;display:flex;align-items:center;gap:6px}.card-title:before{content:"";display:inline-block;width:3px;height:12px;background:linear-gradient(to bottom,var(--primary),var(--ocean));border-radius:99px;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:99px}.badge-good{background:var(--success-lt);color:var(--success)}.badge-warning{background:var(--warning-lt);color:#92600a}.badge-danger{background:var(--danger-lt);color:var(--danger)}.badge-info{background:var(--info-lt);color:var(--ocean)}.badge-muted{background:var(--mist);color:var(--text-muted)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{background:linear-gradient(160deg,#eaf6fb,var(--mist));border:1px solid var(--sky);border-radius:var(--radius-sm);padding:11px 8px;text-align:center}.metric-label{font-size:.68rem;color:var(--text-muted);font-weight:600;margin-bottom:4px;letter-spacing:.02em}.metric-value{font-size:1.35rem;font-weight:800;color:var(--navy)}.metric-unit{font-size:.68rem;color:var(--text-muted)}.alert{display:flex;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);margin-bottom:8px;font-size:.875rem;line-height:1.4}.alert-title{font-weight:700}.alert-body{color:var(--text-muted)}.alert-danger{background:var(--danger-lt);border-left:3px solid var(--danger)}.alert-warning{background:var(--warning-lt);border-left:3px solid var(--warning)}.alert-info{background:var(--info-lt);border-left:3px solid var(--ocean)}.alert-success{background:var(--success-lt);border-left:3px solid var(--success)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.9rem;font-weight:700;padding:11px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:opacity .15s,transform .1s,box-shadow .15s;text-decoration:none;font-family:inherit;min-height:44px;letter-spacing:.01em}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--ocean) 100%);color:#fff;box-shadow:0 2px 8px #0077b64d}.btn-primary:hover{box-shadow:0 4px 14px #0077b666;opacity:.95}.btn-secondary{background:linear-gradient(135deg,#e8f7fb,var(--mist));color:var(--ocean);border:1.5px solid var(--sky)}.btn-secondary:hover{background:var(--sky);border-color:var(--primary)}.btn-danger{background:var(--danger-lt);color:var(--danger);border:1px solid #fca5a5}.btn-ghost{background:transparent;color:var(--ocean);border:1.5px solid var(--sky)}.btn-ghost:hover{border-color:var(--primary);background:var(--primary-lt)}.btn-full{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.input-group{margin-bottom:14px}.input-label{display:block;font-size:.82rem;font-weight:700;color:var(--text-muted);margin-bottom:5px;letter-spacing:.01em}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;padding:11px 13px;font-size:1rem;font-family:inherit;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;min-height:44px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00b4d826}.row-sep{border:none;border-top:1px solid var(--border);margin:12px 0}.spinner{width:24px;height:24px;border:2.5px solid var(--mist);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:48px 24px;flex:1}.list-item{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:none}.icon-circle{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}