:root{color:#211a3e;background:radial-gradient(circle at top right,rgba(255,111,145,.24),transparent 24%),radial-gradient(circle at bottom left,rgba(126,99,255,.16),transparent 22%),#140f2f;font-family:Segoe UI,Inter,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}code{background:#4d437514;border-radius:8px;padding:2px 6px}.app-shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#110c28eb;border-right:1px solid rgba(255,255,255,.08);color:#f8f3ff;display:flex;flex-direction:column;gap:20px;height:100vh;overflow-y:auto;padding:24px;position:sticky;scrollbar-color:rgba(255,123,164,.45) rgba(255,255,255,.05);scrollbar-width:thin;top:0}.brand-card,.profile-card,.system-card,.nav-panel,.panel-card,.hero-card,.stat-card,.login-card,.boot-card{border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:0 24px 60px #08031c38}.brand-card{align-items:flex-start;background:linear-gradient(160deg,#ffffff14,#ffffff05);display:flex;gap:16px;padding:22px}.brand-card h1,.hero-card h2,.panel-card h3,.decision-boxes h4,.login-copy h1,.login-form h2{margin:0}.brand-badge,.login-badge{align-items:center;background:linear-gradient(135deg,#ff7ba4,#ffd36d);border-radius:18px;color:#24183f;display:inline-flex;font-size:1rem;font-weight:800;height:52px;justify-content:center;width:52px}.brand-logo-frame{align-items:center;background:linear-gradient(135deg,#ff7ba447,#ffd36d29);border:1px solid rgba(255,255,255,.16);border-radius:20px;display:inline-flex;flex:0 0 58px;height:58px;justify-content:center;overflow:hidden;padding:7px;width:58px}.brand-logo{display:block;height:100%;object-fit:contain;width:100%}.eyebrow{color:#9ab0ff;font-size:.74rem;font-weight:800;letter-spacing:.16em;margin:0 0 8px;text-transform:uppercase}.eyebrow.accent{color:#ff7ba4}.muted{color:#f8f3ffb3;margin:8px 0 0}.nav-panel,.system-card,.profile-card{background:#ffffff0a;padding:18px}.profile-card strong{display:block;font-size:1.1rem}.profile-card p{color:#f8f3ffb8;margin:6px 0 0}.nav-item{align-items:flex-start;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;color:inherit;display:flex;gap:12px;margin-bottom:12px;padding:14px;text-align:left;width:100%}.nav-item-active{background:#ff7ba42e;border-color:#ff7ba466}.nav-item:last-child{margin-bottom:0}.nav-item strong,.nav-item small{display:block}.nav-item small,.system-card li{color:#f8f3ffb8}.nav-count{color:#ffd36d;font-size:.78rem;font-weight:900;letter-spacing:.14em;margin-top:2px}.nav-badge{background:linear-gradient(135deg,#ff6f91,#ff8f66);border-radius:999px;color:#fff;font-size:.72rem;font-weight:900;margin-left:auto;min-width:28px;padding:5px 8px;text-align:center}.system-card ul,.note-list,.decision-boxes ol,.decision-boxes ul,.login-copy ul{margin:0;padding-left:18px}.system-card li,.note-list li,.decision-boxes li,.login-copy li{margin-bottom:8px}.workspace{padding:24px}.hero-card{align-items:center;background:linear-gradient(145deg,#fffffff5,#fff5fae6);display:flex;gap:24px;justify-content:space-between;margin-bottom:12px;padding:14px 22px}.hero-copy{color:#594d77;font-size:13px;margin:5px 0 0;max-width:760px}.hero-actions{display:grid;gap:12px;min-width:240px}.primary-action,.secondary-action,.ghost-action{border-radius:16px;border:0;font-weight:800;padding:14px 18px}.primary-action{background:linear-gradient(135deg,#ff6f91,#ff8f66);color:#fff}.secondary-action{background:#4f437a1a;color:#352a58}.ghost-action{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#f8f3ff;margin-top:16px;width:100%}.stats-grid,.content-grid,.bottom-grid{display:grid;gap:20px}.module-section{margin-bottom:14px}.section-heading{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:16px}.section-heading h3{color:#f8f3ff;margin:0}.feedback-banner{border-radius:18px;font-weight:700;margin-bottom:20px;padding:14px 18px}.feedback-success{background:#69d09633;color:#0e6a43}.feedback-error{background:#ff6f912e;color:#8a2340}.operational-toast{animation:toast-slide .22s ease-out;background:linear-gradient(135deg,#fff9fdf5,#f3eef8f5);border:1px solid rgba(255,123,164,.32);border-radius:22px;box-shadow:0 22px 46px #08031c3d;display:grid;gap:4px;max-width:min(420px,calc(100vw - 32px));padding:16px 18px;position:fixed;right:24px;top:24px;z-index:30}.operational-toast span{color:#ff6f91;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.operational-toast strong{color:#211a3e;font-size:.95rem}.module-feedback p,.feedback-banner p{margin:6px 0 0}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.stat-card,.panel-card{background:#fff9fdf0;padding:22px}.stat-card{padding:11px 14px}.stat-card strong{color:#2d2150;display:block;font-size:1.35rem;margin:1px 0 2px}.stat-card p{font-size:12px;line-height:1.4;margin:0}.stat-card p,.panel-card p,.panel-card small,.detail-label,.login-copy p,.login-copy li,.login-subtitle,.boot-card p{color:#6a5f89}.content-grid{grid-template-columns:1.05fr 1fr;margin-bottom:20px}.panel-header{align-items:flex-start;display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.request-list{display:grid;gap:12px}.request-row{align-items:center;background:#4a38780d;border:1px solid transparent;border-radius:20px;display:flex;justify-content:space-between;padding:16px;text-align:left;width:100%}.request-row p{margin:4px 0 0}.request-row-active{border-color:#ff6f9194;box-shadow:inset 0 0 0 1px #ff6f9126}.request-meta{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.list-toolbar-card{margin-bottom:18px}.list-toolbar{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.list-pagination{align-items:center;border-top:1px solid rgba(79,67,116,.12);display:flex;gap:12px;justify-content:space-between;margin-top:16px;padding-top:16px}.list-pagination p{color:#6a5f89;margin:0}.pagination-actions{display:flex;gap:12px}.pagination-actions button{background:#4a387814;border:1px solid rgba(79,67,116,.12);border-radius:999px;color:#2f2450;cursor:pointer;font:inherit;font-weight:700;padding:10px 14px}.pagination-actions button:disabled{cursor:not-allowed;opacity:.45}.compact-action{border-radius:999px;cursor:pointer;padding:9px 13px}.compact-action:disabled{cursor:not-allowed;opacity:.55}.notification-filter-row,.notification-actions{display:flex;flex-wrap:wrap;gap:10px}.report-export-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.notification-content{width:100%}.notification-actions{margin-top:12px}.chip{border-radius:999px;display:inline-flex;font-size:.76rem;font-weight:800;padding:6px 10px}.muted-chip,.tone-neutral{background:#4e427a1a;color:#4f4374}.tone-warning{background:#ffcc5c42;color:#8a5d00}.tone-success{background:#69d09638;color:#0e6a43}.detail-panel{min-height:100%;scroll-margin-top:20px}.detail-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.detail-grid strong{color:#2f2450;display:block;margin-top:4px}.detail-label{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase}.highlight-box{background:#ffecbe57;border-radius:20px;margin-bottom:18px;padding:18px}.status-summary{border-radius:20px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:18px;padding:18px}.status-summary strong{color:#2f2450;display:block;font-size:1.2rem;margin-bottom:6px}.status-summary p{margin:0}.status-summary-neutral{background:#4a38780f}.status-summary-warning{background:#ffcc5c2e}.status-summary-success{background:#69d0962e}.status-meta{color:#6a5f89;display:grid;font-size:.86rem;gap:6px;text-align:right}.highlight-box p:last-child{color:#54486f;margin-bottom:0}.admin-note-input{background:#ffffffc2;border:1px solid rgba(79,67,116,.14);border-radius:16px;color:#2f2450;min-height:112px;outline:none;padding:14px 16px;resize:vertical;width:100%}.admin-note-input:focus,.form-field input:focus{border-color:#ff6f9180;box-shadow:0 0 0 4px #ff6f911f}.decision-boxes{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.decision-boxes section{background:#4a38780d;border-radius:20px;padding:18px}.bottom-grid{grid-template-columns:1fr 1fr}.note-list{margin-top:0}.empty-state{background:#4a38780d;border-radius:20px;color:#6a5f89;padding:18px}.attention-list{display:grid;gap:14px}.attention-card{align-items:center;background:linear-gradient(135deg,#fff6faf0,#ecf4eee6);border:1px solid rgba(255,111,145,.18);border-radius:22px;display:grid;gap:16px;grid-template-columns:auto 1fr auto;padding:18px}.attention-card strong{color:#160f30}.attention-card p{margin:6px 0 0}.monitoring-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.monitoring-card{min-height:260px}.mini-metric-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.mini-metric{background:#4a38780f;border-radius:18px;padding:14px}.mini-metric span{color:#6a5f89;display:block;font-size:.82rem;font-weight:700;margin-bottom:8px}.mini-metric strong{color:#160f30;font-size:1.65rem}.quick-nav-grid{display:grid;gap:12px}.report-filter-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.report-list{display:grid;gap:12px}.report-row{text-align:left}.timeline{display:grid;gap:16px}.timeline-item{display:grid;gap:12px;grid-template-columns:14px 1fr}.timeline-dot{border-radius:999px;height:14px;margin-top:6px;width:14px}.timeline-item strong{color:#2f2450;display:block;margin-bottom:4px}.timeline-heading{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.timeline-heading strong{margin-bottom:6px}.timeline-tags{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.timeline-tags span{background:#4a387814;border-radius:999px;color:#4f4371;font-size:.78rem;font-weight:700;padding:6px 10px}.timeline-item p{margin:0 0 6px}.login-shell,.boot-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.login-orb{border-radius:999px;filter:blur(24px);opacity:.7;position:absolute}.login-orb-left{background:#ff6f9157;height:360px;left:-120px;top:80px;width:360px}.login-orb-right{background:#7e63ff47;bottom:-80px;height:320px;right:-80px;width:320px}.login-card,.boot-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#fffffff2,#fff6faeb);max-width:1120px;position:relative;width:100%;z-index:1}.login-card{display:grid;gap:24px;grid-template-columns:minmax(0,1.1fr) minmax(360px,420px);padding:28px}.login-copy{padding:10px 8px 10px 6px}.login-form{background:#150f30f5;border-radius:28px;color:#f8f3ff;display:grid;gap:16px;padding:28px}.login-subtitle{margin:-8px 0 4px}.form-field{display:grid;gap:8px}.form-field span{color:#f8f3ffd1;font-size:.9rem;font-weight:700}.panel-card .form-field>span{color:#4d406f}.form-field input,.form-field select,.form-field textarea{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;outline:none;padding:14px 16px}.panel-card .form-field input,.panel-card .form-field select,.panel-card .form-field textarea,.modal-card .form-field select,.modal-card .form-field textarea{background:#ffffffd1;border-color:#4f437424;color:#2f2450}.form-field textarea{min-height:96px;resize:vertical}.form-field input::placeholder{color:#f8f3ff6b}.field-note{color:#6a5f89;font-size:.82rem}.settings-form .form-field small{color:#6a5f89;font-size:.78rem;font-weight:500;line-height:1.5}.settings-grid{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.settings-tabs{display:flex;gap:10px;margin:0 0 18px;padding:7px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#150e3be0;overflow-x:auto}.settings-tabs button{flex:1 0 max-content;padding:12px 18px;border:0;border-radius:12px;background:transparent;color:#c8bfdc;font-weight:800;cursor:pointer}.settings-tabs button.active{background:linear-gradient(135deg,#ff6d8e,#ff8a66);color:#fff}.panel-card[hidden]{display:none}.payment-method-card{display:grid;gap:16px;margin:0;padding:20px;border:1px solid rgba(80,51,118,.18);border-radius:18px;background:#ffffff6b}.subscription-plan-list{margin-top:16px}.subscription-plan-card{background:#ffffff9e}.subscription-plan-controls{grid-template-columns:minmax(160px,1.4fr) minmax(100px,.7fr) minmax(100px,.7fr)}.compact-checkbox-card{margin:0}.payment-method-heading{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.method-type-badge{background:#4f43741a;border-radius:999px;color:#65577f;font-size:.72rem;font-weight:800;letter-spacing:.02em;padding:5px 9px}.method-active-toggle{display:flex;align-items:center;gap:8px;font-weight:800}.settings-form{display:grid;gap:16px}.settings-form-row{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.release-preview{background:#4a38780d;border:1px solid rgba(79,67,116,.1);border-radius:22px;display:grid;gap:14px;padding:18px}.release-preview h3,.release-preview p{margin:0}.release-preview p{color:#6a5f89}.release-preview dl{display:grid;gap:12px;margin:4px 0 0}.release-preview dl div{border-top:1px solid rgba(79,67,116,.1);display:grid;gap:4px;padding-top:12px}.release-preview dt{color:#6d6090;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.release-preview dd{color:#170f35;font-weight:800;margin:0}.login-button{margin-top:4px}.action-stack{display:grid;gap:12px}.modal-backdrop{align-items:center;background:#0d092094;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:20}.modal-card{background:linear-gradient(145deg,#fffffffa,#fff6faf2);border:1px solid rgba(255,255,255,.14);border-radius:28px;box-shadow:0 24px 60px #08031c47;max-width:560px;padding:24px;width:100%}.modal-copy{color:#594d77;margin:0 0 14px}.stacked-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.choice-grid{border:0;display:grid;gap:12px;margin:0 0 16px;padding:0}.choice-grid legend{color:#2f2450;font-size:.9rem;font-weight:800;margin-bottom:10px}.checkbox-card{align-items:flex-start;background:#4a38780d;border:1px solid rgba(79,67,116,.12);border-radius:18px;cursor:pointer;display:grid;gap:12px;grid-template-columns:auto 1fr;padding:14px 16px}.checkbox-card input{accent-color:#ff6f91;margin-top:4px}.checkbox-copy{display:grid;gap:6px}.checkbox-copy strong,.checkbox-copy small{display:block}.checkbox-copy small{color:#6a5f89;line-height:1.55}.checkbox-card p{color:#6a5f89;margin:4px 0 0}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}.nested-panel{margin-top:20px;padding:20px}.compact-timeline{gap:14px}.boot-card{align-items:center;display:grid;gap:14px;justify-items:center;max-width:420px;padding:32px;text-align:center}.boot-spinner{animation:pulse 1.2s ease-in-out infinite;background:linear-gradient(135deg,#ff6f91,#ff8f66);border-radius:999px;height:18px;width:18px}@keyframes pulse{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}@keyframes toast-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.app-shell,.content-grid,.bottom-grid,.stats-grid,.decision-boxes,.detail-grid,.status-summary,.hero-card,.attention-card,.monitoring-grid,.report-filter-grid,.subscription-plan-controls,.login-card{display:grid;grid-template-columns:1fr}.hero-card{justify-content:initial}.hero-actions{min-width:0}}@media (max-width: 720px){.operational-toast{left:16px;right:16px;top:16px}.sidebar,.workspace,.login-shell{padding:16px}.sidebar{height:auto;max-height:none;overflow-y:visible;position:static}.brand-card,.nav-panel,.system-card,.hero-card,.stat-card,.panel-card,.login-card,.boot-card,.profile-card{border-radius:24px}}
