:root{--bg:#f4efe6;--bg-alt:#fffaf1;--panel:#fffcf6e6;--panel-strong:#fffaf4;--line:#2635451f;--text:#163043;--muted:#5f6f7d;--brand:#005d8f;--brand-strong:#003c66;--accent:#ff9d2e;--accent-soft:#ffd9a8;--good:#1d8b63;--warn:#b6461d;--shadow:0 20px 50px #1630431f;--radius-lg:24px;--radius-md:18px;--radius-sm:12px}*{box-sizing:border-box}html{background:radial-gradient(circle at 0 0,#ff9d2e29,#0000 30%),radial-gradient(circle at right 10% top 20%,#005d8f24,#0000 25%),linear-gradient(#f4efe6 0%,#f7fafc 100%);min-height:100%}body{color:var(--text);margin:0;font-family:Aptos,Trebuchet MS,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:32px}.workspace-chrome{gap:18px;display:grid}.hero-panel,.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;padding:32px;display:grid}.compact-panel{padding:40px;display:block}.hero-copy h1,.workspace-header h1{letter-spacing:-.04em;margin:8px 0 10px;font-family:Bahnschrift,Aptos,sans-serif;font-size:clamp(2rem,4vw,3.3rem);line-height:.96}.hero-copy p,.workspace-header p,.panel-heading p,.subpanel-header p,.step p,.empty-state p,.notification-card p{color:var(--muted);line-height:1.55}.eyebrow{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:inline-flex}.credential-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#ff9d2e24,#005d8f1a);border:1px solid #ff9d2e3d;gap:8px;margin-top:20px;padding:18px;display:inline-grid}.credential-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.credential-card strong{font-size:1.25rem}.credential-card code{background:#16304314;border-radius:999px;width:fit-content;padding:6px 10px}.auth-panel,.form-panel,.stack-form,.panel{padding:24px}.panel-heading,.subpanel-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.panel-heading h2,.subpanel-header h3{letter-spacing:-.03em;margin:0;font-family:Bahnschrift,Aptos,sans-serif;font-size:1.25rem}.workspace-header{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#005d8feb,#012f58e0),linear-gradient(135deg,#ff9d2e40,#0000);border-radius:28px;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px 30px;display:flex}.workspace-header .eyebrow,.workspace-header p{color:#ffffffd6}.header-actions{flex-wrap:wrap;gap:12px;display:flex}.workspace-nav{flex-wrap:wrap;gap:10px;display:flex}.tab-button{color:var(--muted);background:#ffffffb8;border:1px solid #1630431f;border-radius:999px;padding:12px 16px;transition:all .16s}.tab-button:hover,.tab-button.active{transform:translateY(-1px)}.tab-button.active{background:var(--brand-strong);border-color:var(--brand-strong);color:#fff}.primary-button,.secondary-button,.ghost-button{border:0;border-radius:999px;padding:12px 18px;font-weight:700;transition:all .16s}.primary-button{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-strong))}.secondary-button{color:var(--brand-strong);background:#005d8f1f}.ghost-button{color:inherit;background:#ffffff24;border:1px solid #ffffff2e}.panel .ghost-button{color:var(--text);background:#1630430f;border:1px solid #16304314}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.toast-banner{border-radius:var(--radius-sm);border:1px solid #0000;padding:14px 18px;font-weight:600}.toast-banner.info{background:#005d8f1a;border-color:#005d8f2e}.toast-banner.success{background:#1d8b631f;border-color:#1d8b6333}.toast-banner.error{background:#b6461d1f;border-color:#b6461d2e}.inline-status,.inline-success,.inline-error{margin:0;font-size:.95rem}.inline-status{color:var(--brand)}.inline-success{color:var(--good)}.inline-error{color:var(--warn)}.dashboard-grid,.submission-layout,.operations-layout{gap:18px;display:grid}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.submission-layout{grid-template-columns:320px minmax(0,1fr)}.operations-layout{grid-template-columns:360px minmax(0,1fr)}.card-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{border-radius:var(--radius-md);color:#fff;gap:14px;padding:20px;display:grid}.metric-card span{letter-spacing:.06em;text-transform:uppercase;opacity:.88;font-size:.85rem}.metric-card strong{letter-spacing:-.05em;font-family:Bahnschrift,Aptos,sans-serif;font-size:2.25rem}.accent-sky{background:linear-gradient(135deg,#0a7cb7,#0b4f7b)}.accent-amber{background:linear-gradient(135deg,#d17611,#a44a10)}.accent-teal{background:linear-gradient(135deg,#1f8a83,#105b63)}.accent-rose{background:linear-gradient(135deg,#bd5133,#86211a)}.status-breakdown,.stack-list,.notification-list{gap:12px;display:grid}.status-breakdown-row,.stack-card,.application-card,.notification-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-strong)}.status-breakdown-row{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.status-breakdown-row span,.application-card p,.application-card-meta,.notification-card-top span,.mini-table-row span{color:var(--muted)}.status-breakdown-count{text-align:right;min-width:40px;font-weight:700}.simple-table,.mini-table{gap:8px;display:grid}.simple-table-header,.simple-table-row{grid-template-columns:1.6fr .7fr .8fr;gap:12px;padding:12px 10px;display:grid}.simple-table-header{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.simple-table-row{border-radius:var(--radius-sm);background:#fff9}.stack-card{justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.stack-card.clickable{text-align:left}.watchlist-meta{align-items:center;gap:10px;display:flex}.stepper,.timeline{gap:14px;display:grid}.step{border-radius:var(--radius-sm);background:#ffffff9e;border:1px solid #16304314;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:14px;display:grid}.step span:first-child{width:40px;height:40px;color:var(--brand-strong);background:#005d8f1a;border-radius:14px;place-items:center;font-weight:700;display:inline-grid}.step.active{background:linear-gradient(135deg,#005d8f1a,#ff9d2e14);border-color:#005d8f38}.field-grid{gap:16px;display:grid}.field-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.span-two{grid-column:1/-1}.field,.toggle-field{gap:8px;display:grid}.field span,.toggle-field span,.mini-table h4{letter-spacing:.04em;text-transform:uppercase;font-size:.84rem;font-weight:700}.field input,.field select,.field textarea,.search-input,.compact-select{width:100%;color:var(--text);background:#ffffffe0;border:1px solid #1630431f;border-radius:14px;outline:none;padding:12px 14px}.field textarea{resize:vertical;min-height:120px}.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus,.compact-select:focus{border-color:#005d8f4d;box-shadow:0 0 0 4px #005d8f14}.field small{color:var(--muted)}.toggle-field{align-content:start}.toggle-button{background:#1630431f;border:0;border-radius:999px;width:72px;height:38px;padding:4px;position:relative}.toggle-button span{background:#fff;border-radius:50%;width:30px;height:30px;transition:transform .16s;display:block;box-shadow:0 8px 16px #16304324}.toggle-button.active{background:linear-gradient(135deg,var(--brand),var(--brand-strong))}.toggle-button.active span{transform:translate(34px)}.form-actions,.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.toolbar{margin-top:0}.application-list{gap:12px;max-height:860px;margin-top:16px;display:grid;overflow-y:auto}.application-card{text-align:left;gap:10px;width:100%;padding:16px;transition:all .16s;display:grid}.application-card.active,.application-card:hover{border-color:#005d8f38;transform:translateY(-1px)}.application-card-top,.notification-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.application-card h3,.notification-card strong,.stack-card strong,.empty-state strong{margin:0;font-size:1rem}.application-card p{margin:0}.application-card-meta{justify-content:space-between;gap:12px;font-size:.88rem;display:flex}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.info-tile{border-radius:var(--radius-sm);background:#ffffffb3;border:1px solid #16304314;gap:8px;padding:14px;display:grid}.info-tile span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.split-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.stack-form{border-radius:var(--radius-md);background:#ffffffa3;border:1px solid #16304314}.timeline-entry{grid-template-columns:16px minmax(0,1fr);gap:14px;display:grid}.timeline-entry p{margin:4px 0}.timeline-entry span{color:var(--muted);font-size:.86rem}.timeline-dot{background:linear-gradient(135deg,var(--accent),var(--brand));border-radius:999px;width:16px;height:16px;margin-top:4px}.mini-table-row{border-top:1px solid #16304314;gap:4px;padding:12px 0;display:grid}.notification-card{gap:16px;padding:18px;display:grid}.recipient-wrap{flex-wrap:wrap;gap:8px;display:flex}.recipient-pill,.status-pill{border-radius:999px;align-items:center;padding:7px 11px;font-size:.82rem;font-weight:700;display:inline-flex}.recipient-pill,.status-pill.tone-default{color:var(--text);background:#16304314}.status-pill.tone-ok{color:var(--good);background:#1d8b631f}.status-pill.tone-warn{color:var(--warn);background:#b6461d1f}.empty-state{text-align:center;place-items:center;min-height:380px;display:grid}@media (max-width:1180px){.dashboard-grid,.submission-layout,.operations-layout,.split-stack,.card-grid,.detail-grid,.field-grid.two-column,.field-grid.three-column,.hero-panel{grid-template-columns:1fr}}@media (max-width:760px){.app-shell{padding:18px}.workspace-header,.panel,.hero-panel{padding:20px}.workspace-header,.panel-heading,.subpanel-header,.toolbar,.form-actions{flex-direction:column;align-items:stretch}.application-card-meta,.stack-card,.notification-card-top{flex-direction:column;align-items:flex-start}}