:root{--color-primary:#003e4a;--color-primary-dark:#09272b;--color-primary-light:#145d6b;--color-accent:#fc7b3e;--color-accent-light:#ffbc7d;--color-accent-dark:#e56a2e;--color-accent-strong:#c2410c;--color-bg:#fff;--color-bg-light:#f6f6f6;--color-bg-dark:#0e0e0e;--color-bg-cream:#f8f3ef;--color-text:#454545;--color-text-dark:#373737;--color-text-muted:#555f6d;--color-text-light:#555f6d;--color-white:#fff;--color-black:#000;--color-border:#e2e2e2;--color-divider:#ffffff4d;--color-nav-bg:var(--color-white);--color-footer-bg:var(--color-primary);--color-bg-card:var(--color-white);--color-accent-hover:var(--color-accent-dark);--color-success-bg:color-mix(in srgb, var(--color-success) 16%, var(--color-bg));--color-error-bg:color-mix(in srgb, var(--color-error) 12%, var(--color-bg));--color-warning-bg:color-mix(in srgb, var(--color-warning) 14%, var(--color-bg));--color-success:#00c477;--color-error:red;--color-warning:#ffc107;--font-heading:"Poppins", sans-serif;--font-body:"Poppins", sans-serif;--font-alt:"Roboto", sans-serif;--font-mono:"Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.75rem;--text-4xl:2.5rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:600;--font-semibold:600;--font-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--border-width-thin:1px;--border-width-base:2px;--border-width-thick:4px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 16px #00000026;--shadow-lg:0 8px 32px #0003;--shadow-xl:0 12px 50px #0006;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-slower:.8s ease;--z-base:1;--z-dropdown:80;--z-sticky:50;--z-fixed:100;--z-modal:1000;--z-tooltip:1100;--z-confirm:1200;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}.container{width:100%;max-width:var(--container-xl);padding-left:var(--space-lg);padding-right:var(--space-lg);margin-left:auto;margin-right:auto}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.bg-primary{background-color:var(--color-primary)}.bg-accent{background-color:var(--color-accent)}.bg-light{background-color:var(--color-bg-light)}.bg-dark{background-color:var(--color-bg-dark)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-semibold);line-height:var(--line-height-tight);color:var(--color-text-dark)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}a{color:var(--color-primary);transition:var(--transition-base);text-decoration:none}a:hover{color:var(--color-accent)}img{max-width:100%;height:auto;display:block}
:root{--gradient:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));--gradient-accent:linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));--page-max:1180px;--shell-pad:clamp(1rem, 2.5vw, 2rem);--surface-muted:color-mix(in srgb, var(--color-primary) 4%, var(--color-bg));--ring:color-mix(in srgb, var(--color-accent) 35%, transparent)}html{scroll-behavior:smooth}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border-radius:var(--radius-md);min-height:2.75rem;font-weight:var(--font-semibold);font-size:var(--text-sm);transition:transform var(--transition-fast), background var(--transition-base), box-shadow var(--transition-base), color var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.15rem;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}.btn:disabled:hover,.btn[aria-disabled=true]:hover{filter:grayscale(.35)}.btn:disabled:active{transform:none}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{background:var(--color-accent-strong);color:var(--color-white);box-shadow:none}.btn-primary:hover{background:color-mix(in srgb, var(--color-accent-strong) 88%, black);filter:none}.btn-secondary{background:var(--color-primary);color:var(--color-white)}.btn-secondary:hover{background:var(--color-primary-light)}.btn-ghost{color:var(--color-primary);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{border-color:var(--color-primary-light);background:var(--surface-muted)}.btn-danger{color:#991b1b;border:1px solid color-mix(in srgb, var(--color-error) 30%, transparent);background:0 0}.btn-danger:hover{background:color-mix(in srgb, var(--color-error) 8%, white);border-color:color-mix(in srgb, var(--color-error) 45%, transparent)}.btn-block{width:100%}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:calc(var(--radius-lg) - 2px);padding:var(--space-lg);box-shadow:none;min-width:0;max-width:100%}.field{flex-direction:column;gap:.4rem;display:flex}.field label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-dark)}.input,.select,.textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);width:100%;min-height:2.75rem;color:var(--color-text-dark);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.7rem .9rem}.textarea{resize:vertical;min-height:8rem;line-height:1.55}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px var(--ring);outline:none}.badge{max-width:100%;font-size:.68rem;font-weight:var(--font-semibold);letter-spacing:.03em;border:1px solid #0000;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .55rem;line-height:1.2;display:inline-flex}.badge-success{background:color-mix(in srgb, var(--color-success) 10%, white);color:#166534;border-color:color-mix(in srgb, var(--color-success) 28%, transparent)}.badge-warning{background:color-mix(in srgb, var(--color-warning) 12%, white);color:#92400e;border-color:color-mix(in srgb, var(--color-warning) 32%, transparent)}.badge-error{background:color-mix(in srgb, var(--color-error) 8%, white);color:#991b1b;border-color:color-mix(in srgb, var(--color-error) 22%, transparent)}.badge-neutral{background:var(--color-bg-light);color:var(--color-text-light);border-color:var(--color-border)}.statusChip{letter-spacing:.02em;white-space:nowrap;text-transform:lowercase;border:1px solid #0000;border-radius:20px;align-items:center;gap:.35rem;max-width:100%;padding:.2rem .65rem;font-size:.68rem;font-weight:600;line-height:1.25;display:inline-flex;overflow:visible}.statusChip-pending{color:#666;background:#f5f5f5;border-color:#e0e0e0}.statusChip-running{color:#1565c0;background:#e3f2fd;border-color:#90caf9}.statusChip-awaiting_client_review{color:#e65100;background:#fff3e0;border-color:#ffcc80}.statusChip-awaiting_brief_approval{color:#00838f;background:#e0f7fa;border-color:#80deea}.statusChip-revising_from_comments{color:#ad1457;background:#fce4ec;border-color:#f48fb1}.statusChip-revising_brief_from_comments{color:#5e35b1;background:#ede7f6;border-color:#b39ddb}.statusChip-completed{color:#2e7d32;background:#e8f5e9;border-color:#a5d6a7}.statusChip-failed{color:#c62828;background:#ffebee;border-color:#ef9a9a}.statusChip-cancelled{color:#bf360c;background:#efebe9;border-color:#bcaaa4}.statusChip-expired{color:#546e7a;background:#eceff1;border-color:#b0bec5}.statusChip-needs_review{color:#7b1fa2;background:#f3e5f5;border-color:#ce93d8}.statusChip-neutral{color:#757575;background:#f5f5f5;border-color:#e0e0e0}.statusDot{background:currentColor;border-radius:999px;flex-shrink:0;width:.5rem;height:.5rem}.statusDot-pending{color:#666}.statusDot-running{color:#1565c0}.statusDot-awaiting_client_review{color:#e65100}.statusDot-awaiting_brief_approval{color:#00838f}.statusDot-revising_from_comments{color:#ad1457}.statusDot-revising_brief_from_comments{color:#5e35b1}.statusDot-completed{color:#2e7d32}.statusDot-failed{color:#c62828}.statusDot-cancelled{color:#bf360c}.statusDot-expired{color:#546e7a}.statusDot-needs_review{color:#7b1fa2}.statusDot-neutral{color:#9e9e9e}.page{width:min(100%, var(--page-max));padding:var(--space-lg) var(--shell-pad) var(--space-3xl);min-width:0;margin:0 auto;animation:.35s both pageFade;overflow-x:clip}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.page-header h1{color:var(--color-primary);margin-bottom:.35rem;font-size:clamp(1.55rem,2.4vw,2rem)}.page-header p{color:var(--color-text-muted);max-width:42rem;font-size:var(--text-sm)}.grid-stats{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));min-height:7.5rem;display:grid}.grid-cards{gap:var(--space-md);isolation:auto;grid-template-columns:1fr;min-height:18rem;display:grid;overflow:visible}.stat-card{min-height:6.5rem;position:relative}.stat-value{font-size:clamp(1.5rem,3vw,1.85rem);font-weight:var(--font-bold);color:var(--color-primary);line-height:1.1}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:.25rem}.stat-hint{font-size:var(--text-xs);color:var(--color-primary-light);margin-top:.65rem}.tabs{background:color-mix(in srgb, var(--color-primary) 4%, var(--color-bg-light));border:1px solid var(--color-border);margin-bottom:var(--space-lg);border-radius:12px;flex-wrap:wrap;gap:.35rem;padding:.35rem;display:flex;overflow-x:auto}.tab{min-width:0;color:var(--color-text-muted);font-weight:var(--font-medium);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);text-align:center;background:0 0;border:1px solid #0000;border-radius:9px;flex:8rem;padding:.7rem 1rem}.tab:hover{color:var(--color-primary);background:#ffffffb3}.tab[aria-selected=true]{background:var(--color-white);color:var(--color-primary);border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border));box-shadow:0 1px 2px color-mix(in srgb, var(--color-primary) 8%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-accent) 12%, transparent);font-weight:700}.tab[aria-selected=true]:after{content:"";background:var(--color-accent);border-radius:999px;width:1.1rem;height:3px;margin:.35rem auto 0;display:block}.segmented{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-primary) 4%, var(--color-bg-light));border-radius:10px;gap:.2rem;padding:.2rem;display:inline-flex}.segmented button{min-width:3.25rem;color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:.45rem .75rem;font-weight:600;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.segmented button:hover{color:var(--color-primary)}.segmented button[aria-pressed=true],.segmented button[aria-selected=true]{color:var(--color-primary);border-color:color-mix(in srgb, var(--color-accent) 40%, var(--color-border));box-shadow:0 1px 2px color-mix(in srgb, var(--color-primary) 8%, transparent);background:#fff;font-weight:700}.segmented button[aria-pressed=true]:after,.segmented button[aria-selected=true]:after{content:"";background:var(--color-accent);border-radius:999px;width:.85rem;height:3px;margin:.28rem auto 0;display:block}.stack{gap:var(--space-md);flex-direction:column;display:flex}.row{gap:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.split{gap:var(--space-lg);width:100%;min-width:0;display:grid}.split>*{min-width:0;max-width:100%}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);overflow-x:auto}table.data{border-collapse:collapse;width:100%;min-width:560px}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--color-border);font-size:var(--text-sm);padding:.85rem 1rem}table.data th{background:var(--surface-muted);color:var(--color-primary);font-weight:var(--font-semibold)}table.data tr:last-child td{border-bottom:none}.mobile-cards{gap:var(--space-md);display:none}.empty{text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--color-text-muted)}.toast{z-index:calc(var(--z-modal) + 40);background:var(--color-primary-dark);color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);opacity:0;pointer-events:none;max-width:min(92vw,420px);transition:transform var(--transition-base), opacity var(--transition-base);padding:.85rem 1.15rem;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)translateY(120%)}.toast.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}@keyframes pageFade{0%{opacity:0}to{opacity:1}}@keyframes pageIn{0%{opacity:0}to{opacity:1}}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (min-width:768px){.grid-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.split-2{grid-template-columns:1fr 1fr}.split-sidebar{grid-template-columns:280px 1fr}}@media (min-width:1024px){.grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:767px){.hide-mobile{display:none!important}.table-wrap.responsive-swap{display:none}.mobile-cards{display:grid}}@media (min-width:768px){.hide-desktop{display:none!important}}