:root{--color-brand-blue:#067cc1;--color-brand-cyan:#00a4df;--color-brand-magenta:#d91a83;--color-brand-purple:#8047b4;--color-brand-coral:#f45175;--color-brand-orange:#ff963c;--color-brand-yellow:#ffcc32;--color-neutral-0:#fff;--color-neutral-25:#fbfcfe;--color-neutral-50:#f5f8fc;--color-neutral-100:#edf2f7;--color-neutral-200:#dbe4ec;--color-neutral-300:#bbc9d6;--color-neutral-400:#8a9bab;--color-neutral-500:#64748b;--color-neutral-600:#526175;--color-neutral-700:#36485c;--color-neutral-800:#223347;--color-neutral-900:#152338;--color-semantic-success:#13856b;--color-semantic-warning:#ad6b09;--color-semantic-danger:#cc3a54;--color-semantic-info:#067cc1;--color-canvas:#f5f8fc;--color-panel:#fff;--color-subtle:#f8fafd;--color-border:#e2eaf2;--color-text:#1b2c40;--color-muted:#6d7d90;--color-focus:#067cc1;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--shadow-sm:0 2px 8px #1c314f0d;--shadow-md:0 12px 36px #1c314f14;--shadow-lg:0 22px 64px #1c314f29;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:13px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:40px;--control-sm:32px;--control-md:40px;--control-lg:48px;--font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Consolas, monospace;--focus-ring:0 0 0 4px #067cc126}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:var(--space-0);background:var(--color-canvas);color:var(--color-text);font:400 var(--font-size-base)/1.5 var(--font-family);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--color-focus);outline-offset:var(--space-1);box-shadow:var(--focus-ring)}.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}.app-shell{grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--color-panel);border-right:1px solid var(--color-border);z-index:20;flex-direction:column;height:100vh;min-height:100vh;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5) var(--space-10);display:flex}.brand-mark{width:var(--control-lg);height:var(--control-lg);border-radius:var(--radius-md);background:var(--color-brand-blue);color:var(--color-neutral-0);font-size:var(--font-size-xl);letter-spacing:-2px;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.brand-mark span:last-child{color:var(--color-brand-yellow)}.brand strong{font-size:var(--font-size-lg);letter-spacing:-.02em;line-height:1.2;display:block}.brand small{color:var(--color-muted);font-size:var(--font-size-xs);letter-spacing:.08em;margin-top:var(--space-1);font-weight:700;display:block}.side-caption{color:var(--color-neutral-400);font-size:var(--font-size-xs);letter-spacing:.1em;padding:var(--space-0) var(--space-6) var(--space-3);font-weight:700}.side-nav{padding:var(--space-0) var(--space-3);gap:var(--space-1);display:grid}.nav-link{align-items:center;gap:var(--space-3);width:100%;color:var(--color-neutral-600);border-radius:var(--radius-md);min-height:var(--control-md);text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--font-size-md);background:0 0;border:0;font-weight:600;text-decoration:none;display:flex}.nav-link:hover,.nav-link-active{background:color-mix(in srgb, var(--color-brand-blue) 9%, var(--color-panel));color:var(--color-brand-blue)}.nav-link-active{font-weight:700}.nav-count{background:var(--color-panel);border-radius:var(--radius-pill);padding:var(--space-0) var(--space-2);font-size:var(--font-size-xs);margin-left:auto}.sidebar-bottom{padding:var(--space-4);margin-top:auto}.demo-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--color-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-brand-blue);display:flex}.demo-card svg{margin-top:var(--space-1);flex:none}.demo-card strong{font-size:var(--font-size-sm);color:var(--color-text);display:block}.demo-card p{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--font-size-xs);line-height:1.4}.side-user{border-top:1px solid var(--color-border);margin-top:var(--space-5);padding:var(--space-5) var(--space-2) var(--space-1);align-items:center;gap:var(--space-3);display:flex}.side-user strong{font-size:var(--font-size-sm);display:block}.side-user small{font-size:var(--font-size-xs);color:var(--color-muted);display:block}.avatar{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-pill);color:var(--color-neutral-0);background:var(--color-brand-purple);font-size:var(--font-size-xs);flex:none;place-items:center;font-weight:700;display:inline-grid}.main-column{min-width:0}.topbar{z-index:10;background:var(--color-panel);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-4);height:68px;padding:var(--space-0) var(--space-8);display:flex;position:sticky;top:0}.topbar-start,.topbar-end,.breadcrumbs{align-items:center;gap:var(--space-3);display:flex}.breadcrumbs{color:var(--color-muted);font-size:var(--font-size-sm)}.breadcrumbs strong{color:var(--color-text);font-weight:700}.topbar-end .avatar{background:var(--color-brand-magenta)}.demo-indicator{gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);color:var(--color-neutral-600);align-items:center;font-weight:700;display:inline-flex}.demo-indicator span{background:var(--color-semantic-success);border-radius:var(--radius-pill);width:var(--space-2);height:var(--space-2)}.mobile-menu-button,.mobile-scrim{display:none}.content{max-width:1440px;padding:var(--space-8);gap:var(--space-6);margin:0 auto;display:grid}.eyebrow{color:var(--color-brand-blue);font-size:var(--font-size-xs);letter-spacing:.11em;align-items:center;gap:var(--space-2);font-weight:700;display:flex}h1,h2,p{margin-top:0}.page-heading,.detail-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-6);display:flex}.page-heading h1,.detail-heading h1{font-size:var(--font-size-3xl);letter-spacing:-.03em;margin:var(--space-2) 0 var(--space-2);line-height:1.15}.page-heading p,.detail-heading p{color:var(--color-muted);font-size:var(--font-size-md);margin:0}.page-action{flex:none}.welcome{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.welcome h1{font-size:var(--font-size-3xl);letter-spacing:-.03em;margin:var(--space-3) 0 var(--space-2);line-height:1.15}.welcome p{color:var(--color-muted);font-size:var(--font-size-md);margin:0}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);white-space:nowrap;padding:var(--space-0) var(--space-4);border:1px solid #0000;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.button-md{height:var(--control-md)}.button-sm{height:var(--control-sm);padding-inline:var(--space-3)}.button-primary{color:var(--color-neutral-0);background:var(--color-brand-blue)}.button-primary:hover:not(:disabled){background:var(--color-neutral-800)}.button-secondary{background:color-mix(in srgb, var(--color-brand-blue) 10%, var(--color-panel));color:var(--color-brand-blue)}.button-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--color-brand-blue) 17%, var(--color-panel))}.button-outline{background:var(--color-panel);color:var(--color-text);border-color:var(--color-border)}.button-outline:hover:not(:disabled){color:var(--color-brand-blue);border-color:var(--color-brand-blue)}.button-ghost{color:var(--color-brand-blue);background:0 0}.button-ghost:hover:not(:disabled){background:color-mix(in srgb, var(--color-brand-blue) 9%, var(--color-panel))}.button-danger{background:var(--color-semantic-danger);color:var(--color-neutral-0)}.button:disabled{opacity:.5}.full-width{width:100%}.panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);min-width:0;box-shadow:var(--shadow-sm)}.panel-heading{padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.panel-heading h2{font-size:var(--font-size-base);margin:0;line-height:1.35}.panel-heading p{font-size:var(--font-size-xs);color:var(--color-muted);margin:var(--space-1) 0 0}.text-link{align-items:center;gap:var(--space-1);color:var(--color-brand-blue);font-size:var(--font-size-xs);white-space:nowrap;padding:var(--space-1);background:0 0;border:0;font-weight:700;display:inline-flex}.text-link:hover{text-decoration:underline}.metrics{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric{align-items:flex-start;gap:var(--space-3);padding:var(--space-5);display:flex}.metric-icon{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-md);flex:none;place-items:center;display:grid}.metric-blue{color:var(--color-brand-blue);background:color-mix(in srgb, var(--color-brand-blue) 10%, var(--color-panel))}.metric-magenta{color:var(--color-brand-magenta);background:color-mix(in srgb, var(--color-brand-magenta) 10%, var(--color-panel))}.metric-orange{color:var(--color-semantic-warning);background:color-mix(in srgb, var(--color-brand-orange) 14%, var(--color-panel))}.metric-green{color:var(--color-semantic-success);background:color-mix(in srgb, var(--color-semantic-success) 10%, var(--color-panel))}.metric span,.metric small{color:var(--color-muted);font-size:var(--font-size-xs);display:block}.metric strong{font-size:var(--font-size-2xl);letter-spacing:-.03em;margin:var(--space-1) 0;line-height:1.2;display:block}.alert-banner{border:1px solid color-mix(in srgb, var(--color-semantic-warning) 25%, var(--color-panel));background:color-mix(in srgb, var(--color-brand-yellow) 13%, var(--color-panel));color:var(--color-semantic-warning);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);display:flex}.alert-banner div{margin-right:auto;display:grid}.alert-banner strong{font-size:var(--font-size-sm)}.alert-banner span{font-size:var(--font-size-xs);color:var(--color-neutral-600)}.dashboard-grid{gap:var(--space-4);grid-template-columns:1.25fr 1fr;display:grid}.work-list,.deadline-list{padding:var(--space-0) var(--space-3) var(--space-3)}.work-item,.deadline-item{align-items:center;gap:var(--space-3);border:0;border-top:1px solid var(--color-border);text-align:left;width:100%;min-height:72px;padding:var(--space-3);color:var(--color-text);background:0 0;display:flex}.work-item:hover,.deadline-item:hover{background:var(--color-subtle)}.work-icon,.list-icon,.empty-icon{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-md);background:var(--color-subtle);flex:none;place-items:center;display:grid}.work-icon.info{color:var(--color-semantic-info);background:color-mix(in srgb, var(--color-semantic-info) 9%, var(--color-panel))}.work-icon.danger{color:var(--color-semantic-danger);background:color-mix(in srgb, var(--color-semantic-danger) 9%, var(--color-panel))}.work-icon.warning{color:var(--color-semantic-warning);background:color-mix(in srgb, var(--color-brand-yellow) 15%, var(--color-panel))}.work-main{flex:1;min-width:0}.work-main strong,.deadline-item strong{font-size:var(--font-size-sm);display:block}.work-main small,.deadline-item small{color:var(--color-muted);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.work-end{justify-items:end;gap:var(--space-1);display:grid}.work-end small{color:var(--color-muted);font-size:var(--font-size-xs)}.date-square{width:var(--control-md);height:var(--control-lg);border-radius:var(--radius-sm);background:var(--color-subtle);border:1px solid var(--color-border);flex:none;align-content:center;justify-items:center;display:grid}.date-square strong{line-height:1;font-size:var(--font-size-lg)}.date-square small{font-size:var(--font-size-xs);font-weight:700}.deadline-item>span:nth-child(2){flex:1;min-width:0}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2);white-space:nowrap;font-size:var(--font-size-xs);font-weight:700;line-height:1.3;display:inline-flex}.badge-dot{border-radius:var(--radius-pill);background:currentColor;width:6px;height:6px}.badge-info{color:var(--color-semantic-info);background:color-mix(in srgb, var(--color-semantic-info) 10%, var(--color-panel))}.badge-success{color:var(--color-semantic-success);background:color-mix(in srgb, var(--color-semantic-success) 10%, var(--color-panel))}.badge-warning{color:var(--color-semantic-warning);background:color-mix(in srgb, var(--color-brand-yellow) 18%, var(--color-panel))}.badge-danger{color:var(--color-semantic-danger);background:color-mix(in srgb, var(--color-semantic-danger) 10%, var(--color-panel))}.badge-neutral{color:var(--color-neutral-600);background:var(--color-neutral-100)}.badge-magenta{color:var(--color-brand-magenta);background:color-mix(in srgb, var(--color-brand-magenta) 10%, var(--color-panel))}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:690px}.data-table th{background:var(--color-subtle);color:var(--color-muted);font-size:var(--font-size-xs);padding:var(--space-3) var(--space-5);white-space:nowrap;font-weight:700}.data-table td{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);white-space:nowrap}.data-table td strong{font-weight:600;display:block}.data-table td small{color:var(--color-muted);font-size:var(--font-size-xs);display:block}.data-table tbody tr:hover{background:var(--color-subtle)}.order-id{color:var(--color-brand-blue);font-family:var(--font-mono);font-size:var(--font-size-sm);background:0 0;border:0;padding:0;font-weight:700}.order-id:hover{text-decoration:underline}.progress-track{background:var(--color-neutral-100);border-radius:var(--radius-pill);height:7px;overflow:hidden}.progress-track span{background:var(--color-brand-blue);border-radius:var(--radius-pill);height:100%;display:block}.table-progress{align-items:center;gap:var(--space-2);min-width:88px;display:flex}.table-progress .progress-track{flex:1}.row-open{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-panel);color:var(--color-muted);width:var(--control-sm);height:var(--control-sm);place-items:center;display:grid}.row-open:hover{color:var(--color-brand-blue)}.orders-panel{overflow:hidden}.list-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);display:flex}.search-field{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-neutral-400);padding:var(--space-0) var(--space-3);min-width:280px;height:var(--control-md);display:flex}.search-field:focus-within{border-color:var(--color-focus);box-shadow:var(--focus-ring)}.search-field input{color:var(--color-text);width:100%;min-width:0;font-size:var(--font-size-sm);background:0 0;border:0;outline:0}.search-field input:focus{box-shadow:none}.segmented{gap:var(--space-1);padding:var(--space-1);background:var(--color-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.segmented button{border-radius:var(--radius-sm);color:var(--color-muted);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);background:0 0;border:0;font-weight:700}.segmented button.selected{color:var(--color-brand-blue);background:var(--color-panel);box-shadow:var(--shadow-sm)}.table-footer{border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-5);justify-content:space-between;gap:var(--space-3);color:var(--color-muted);font-size:var(--font-size-xs);display:flex}.back-link{align-items:center;gap:var(--space-1);color:var(--color-brand-blue);font-size:var(--font-size-sm);background:0 0;border:0;justify-self:start;padding:0;font-weight:700;display:inline-flex}.back-link svg{transform:rotate(180deg)}.detail-heading{align-items:center}.detail-meta{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:repeat(4,1fr);display:grid}.detail-meta>div{padding:var(--space-4) var(--space-5);border-right:1px solid var(--color-border)}.detail-meta>div:last-child{border:0}.detail-meta small{color:var(--color-muted);font-size:var(--font-size-xs);display:block}.detail-meta strong{font-size:var(--font-size-sm);margin-top:var(--space-1);display:block}.detail-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 280px;align-items:start;display:grid}.detail-main{overflow:hidden}.tabs{gap:var(--space-6);border-bottom:1px solid var(--color-border);padding:var(--space-0) var(--space-6);display:flex;overflow-x:auto}.tabs button{color:var(--color-muted);padding:var(--space-4) var(--space-0);font-size:var(--font-size-sm);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;font-weight:700}.tabs button.tab-active{border-color:var(--color-brand-blue);color:var(--color-brand-blue)}.detail-body{padding:var(--space-6)}.section-inline-heading h2{font-size:var(--font-size-lg);margin:0 0 var(--space-1)}.section-inline-heading p{color:var(--color-muted);font-size:var(--font-size-xs);margin:0}.activity-list{margin-top:var(--space-5);display:grid}.activity{gap:var(--space-3);padding-bottom:var(--space-5);display:flex;position:relative}.activity:not(:last-child):before{content:"";left:15px;top:var(--control-sm);background:var(--color-border);width:1px;position:absolute;bottom:0}.step-number{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-pill);border:1px solid var(--color-border);color:var(--color-muted);background:var(--color-subtle);font-size:var(--font-size-sm);z-index:1;flex:none;place-items:center;font-weight:700;display:grid}.step-done{color:var(--color-semantic-success);border-color:color-mix(in srgb, var(--color-semantic-success) 20%, var(--color-panel));background:color-mix(in srgb, var(--color-semantic-success) 9%, var(--color-panel))}.activity-content{border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0;padding:var(--space-4);flex:1}.activity-top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.activity-top strong{font-size:var(--font-size-sm);display:block}.activity-top span:not(.badge):not(.badge-dot){font-size:var(--font-size-xs);color:var(--color-muted);margin-top:var(--space-1);display:block}.activity-bottom{gap:var(--space-4);margin:var(--space-3) 0;color:var(--color-muted);font-size:var(--font-size-xs);flex-wrap:wrap;display:flex}.activity-bottom span{align-items:center;gap:var(--space-1);display:inline-flex}.completed-caption{color:var(--color-semantic-success);font-size:var(--font-size-xs);display:block}.detail-aside{gap:var(--space-4);display:grid}.aside-body{padding:var(--space-0) var(--space-5) var(--space-5)}.progress-label{justify-content:space-between;align-items:baseline;display:flex}.progress-label strong{font-size:var(--font-size-2xl)}.progress-label span{color:var(--color-muted);font-size:var(--font-size-xs)}.progress-track.large{height:8px;margin-top:var(--space-2)}.aside-copy,.note-text{color:var(--color-muted);font-size:var(--font-size-xs);margin:var(--space-4) 0}.note-text{margin:0}.field-hint{color:var(--color-muted);justify-content:center;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);margin-top:var(--space-2);display:flex}.simple-list{margin-top:var(--space-5);border-top:1px solid var(--color-border)}.simple-row{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border);padding:var(--space-3) 0;font-size:var(--font-size-sm);display:flex}.simple-row strong{flex:1;font-weight:600}.simple-row>span:last-child{color:var(--color-muted);font-size:var(--font-size-xs)}.list-icon{color:var(--color-brand-blue);background:color-mix(in srgb, var(--color-brand-blue) 9%, var(--color-panel))}.empty-state{padding:var(--space-10);text-align:center;color:var(--color-muted);font-size:var(--font-size-sm);justify-items:center;display:grid}.empty-icon{color:var(--color-brand-blue);background:color-mix(in srgb, var(--color-brand-blue) 9%, var(--color-panel));margin-bottom:var(--space-3)}.empty-state strong{color:var(--color-text)}.empty-state p{font-size:var(--font-size-xs);margin:var(--space-1) 0 0}.missing-order-action{padding:var(--space-0) var(--space-4) var(--space-6);justify-content:center;display:flex}.history-list{margin-top:var(--space-5);display:grid}.history-list>div{align-items:flex-start;gap:var(--space-3);border-left:1px solid var(--color-border);padding:0 0 var(--space-6) var(--space-4);margin-left:var(--space-2);display:flex;position:relative}.history-list>div:last-child{border-left-color:#0000}.history-dot{left:-5px;top:var(--space-1);width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-brand-blue);position:absolute}.history-list strong{font-size:var(--font-size-sm);display:block}.history-list small{color:var(--color-muted);font-size:var(--font-size-xs);display:block}.schedule-panel{overflow:hidden}.schedule-toolbar{justify-content:space-between;align-items:flex-end;gap:var(--space-4);padding:var(--space-5);display:flex}.toolbar-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);white-space:nowrap;padding-bottom:var(--space-2);display:flex}.filter-fields{gap:var(--space-3);flex-wrap:wrap;display:flex}.filter-fields label{gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-muted);font-weight:700;display:grid}.filter-fields select{min-width:146px}select,.field input,.field textarea{min-height:var(--control-md);background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);outline:none}select:focus,.field input:focus,.field textarea:focus{border-color:var(--color-focus);box-shadow:var(--focus-ring)}.schedule-count{background:var(--color-subtle);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-2) var(--space-5);color:var(--color-muted);font-size:var(--font-size-xs)}.schedule-row{grid-template-columns:var(--control-lg) minmax(0, 1fr) 180px auto;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-5);display:grid}.schedule-row:last-child{border-bottom:0}.schedule-date{width:var(--control-lg);height:var(--control-lg);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-subtle);text-align:center;place-content:center;line-height:1.1;display:grid}.schedule-date strong{font-size:var(--font-size-lg)}.schedule-date span{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:700}.schedule-info{min-width:0}.schedule-info>div{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.schedule-info button{color:var(--color-text);font-size:var(--font-size-sm);text-align:left;background:0 0;border:0;padding:0;font-weight:700}.schedule-info button:hover{color:var(--color-brand-blue);text-decoration:underline}.schedule-info>span{color:var(--color-muted);font-size:var(--font-size-xs);margin-top:var(--space-1);display:block}.schedule-assignee{align-items:center;gap:var(--space-2);color:var(--color-neutral-600);font-size:var(--font-size-xs);display:flex}.schedule-assignee .avatar{width:28px;height:28px}.template-grid,.team-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.template-card{padding:var(--space-5)}.template-icon{width:var(--control-lg);height:var(--control-lg);border-radius:var(--radius-md);color:var(--color-brand-blue);background:color-mix(in srgb, var(--color-brand-blue) 9%, var(--color-panel));margin-bottom:var(--space-4);place-items:center;display:grid}.template-card h2{font-size:var(--font-size-lg);margin:0 0 var(--space-1)}.template-card p{min-height:var(--space-10);color:var(--color-muted);font-size:var(--font-size-xs);margin:0}.template-divider{border-top:1px solid var(--color-border);margin:var(--space-4) 0}.template-count{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:700}.template-steps{gap:var(--space-3);margin:var(--space-4) 0 var(--space-5);display:grid}.template-steps>div{grid-template-columns:var(--space-6) 1fr;column-gap:var(--space-2);align-items:center;display:grid}.template-steps span{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);background:var(--color-subtle);border:1px solid var(--color-border);color:var(--color-brand-blue);font-size:var(--font-size-xs);grid-row:span 2;place-items:center;font-weight:700;display:grid}.template-steps strong{font-size:var(--font-size-xs)}.template-steps small{font-size:var(--font-size-xs);color:var(--color-muted)}.info-note{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-subtle);color:var(--color-neutral-600);font-size:var(--font-size-xs);display:flex}.info-note svg{color:var(--color-brand-blue);flex:none}.team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.team-card{padding:var(--space-5);justify-items:start;gap:var(--space-2);display:grid}.team-card .avatar{width:var(--control-lg);height:var(--control-lg);font-size:var(--font-size-base)}.team-card>strong{font-size:var(--font-size-sm);margin-top:var(--space-2)}.team-card>span:not(.avatar):not(.badge){color:var(--color-muted);font-size:var(--font-size-xs)}.team-count{border-top:1px solid var(--color-border);width:100%;padding-top:var(--space-4);margin-top:var(--space-2);align-items:baseline;gap:var(--space-2);display:flex}.team-count strong{font-size:var(--font-size-xl)}.team-count small{color:var(--color-muted);font-size:var(--font-size-xs)}.modal-backdrop{z-index:40;background:color-mix(in srgb, var(--color-neutral-900) 55%, transparent);padding:var(--space-4);place-items:center;display:grid;position:fixed;inset:0}.dialog{width:min(100%,580px);max-height:calc(100vh - var(--space-8));border-radius:var(--radius-xl);background:var(--color-panel);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);overflow-y:auto}.dialog-wide{width:min(100%,760px)}.dialog-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-6) var(--space-6) var(--space-4);display:flex}.dialog-header h2{margin:var(--space-1) 0;font-size:var(--font-size-xl)}.dialog-header p{color:var(--color-muted);font-size:var(--font-size-xs);margin:0}.icon-button{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-panel);color:var(--color-muted);place-items:center;display:grid}.icon-button:hover{color:var(--color-brand-blue)}.dialog-content{padding:var(--space-2) var(--space-6) var(--space-6);gap:var(--space-4);display:grid}.field{gap:var(--space-2);display:grid}.field>span{font-size:var(--font-size-xs);font-weight:700}.field b{color:var(--color-brand-magenta)}.field input,.field select,.field textarea{width:100%}.field textarea{resize:vertical}.field-pair{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.template-preview{background:var(--color-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.template-preview strong{align-items:center;gap:var(--space-2);color:var(--color-brand-blue);font-size:var(--font-size-xs);display:flex}.template-preview p,.template-preview small{color:var(--color-neutral-600);font-size:var(--font-size-xs);margin:var(--space-2) 0 0;display:block}.form-section{justify-items:start;gap:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-5);display:grid}.form-section>div:first-child>strong{font-size:var(--font-size-sm);display:block}.form-section>div:first-child>small{color:var(--color-muted);font-size:var(--font-size-xs);margin-top:var(--space-1);display:block}.draft-task{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;padding:var(--space-3);gap:var(--space-3);display:grid}.draft-task-title{grid-template-columns:var(--space-6) 1fr;gap:var(--space-2);align-items:center;width:100%;display:grid}.draft-task-title>span{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);background:var(--color-subtle);color:var(--color-brand-blue);border:1px solid var(--color-border);font-size:var(--font-size-xs);place-items:center;font-weight:700;display:grid}.draft-task-fields{gap:var(--space-3);width:100%;padding-left:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.dependency-options{align-items:center;gap:var(--space-3);width:100%;padding-left:var(--space-8);font-size:var(--font-size-xs);flex-wrap:wrap;display:flex}.dependency-options>span{color:var(--color-muted);font-weight:700}.dependency-options label{align-items:center;gap:var(--space-1);display:inline-flex}.dependency-options input{accent-color:var(--color-brand-blue)}.material-fields{grid-template-columns:1fr 180px var(--control-sm);gap:var(--space-2);align-items:end;width:100%;display:grid}.file-picker{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);height:var(--control-md);padding:var(--space-0) var(--space-4);color:var(--color-brand-blue);background:var(--color-panel);font-size:var(--font-size-sm);cursor:pointer;font-weight:700;display:inline-flex}.file-picker:hover{border-color:var(--color-brand-blue)}.file-picker input{opacity:0;width:1px;height:1px;position:absolute}.file-picker:focus-within{outline:2px solid var(--color-focus);outline-offset:var(--space-1)}.file-preview{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;padding:var(--space-2);color:var(--color-neutral-600);font-size:var(--font-size-xs);display:flex}.file-preview>span{text-overflow:ellipsis;flex:1;overflow:hidden}.file-preview>small{color:var(--color-muted)}.file-preview button{color:var(--color-muted);padding:var(--space-1);background:0 0;border:0}.form-error{color:var(--color-semantic-danger);font-size:var(--font-size-xs)}.cancel-link{margin-top:var(--space-2);color:var(--color-semantic-danger)}.cancel-reason{border-top:1px solid var(--color-border);margin:var(--space-4) 0 0;padding-top:var(--space-4);color:var(--color-semantic-danger);font-size:var(--font-size-xs)}.cancel-reason strong{color:var(--color-text);display:block}.dialog-footer{border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-6);justify-content:flex-end;gap:var(--space-2);display:flex}.toast{right:var(--space-6);bottom:var(--space-6);z-index:50;align-items:center;gap:var(--space-3);background:var(--color-neutral-900);color:var(--color-neutral-0);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);max-width:min(400px, calc(100vw - var(--space-8)));font-size:var(--font-size-sm);display:flex;position:fixed}.toast>svg{color:var(--color-semantic-success);flex:none}.toast button{color:var(--color-neutral-0);padding:var(--space-1);background:0 0;border:0;margin-left:auto}@media (max-width:1280px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{width:min(280px,85vw);transition:transform .2s;position:fixed;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.mobile-scrim{z-index:19;background:color-mix(in srgb, var(--color-neutral-900) 50%, transparent);border:0;display:block;position:fixed;inset:0}.mobile-menu-button{color:var(--color-text);padding:var(--space-1);background:0 0;border:0;place-items:center;display:grid}.detail-grid{grid-template-columns:1fr}.detail-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-toolbar{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.topbar{padding-inline:var(--space-4);height:60px}.content{padding:var(--space-4);gap:var(--space-4)}.breadcrumbs span,.breadcrumbs svg,.demo-indicator{display:none}.page-heading,.welcome,.detail-heading{align-items:flex-start;gap:var(--space-4);flex-direction:column}.page-heading h1,.welcome h1,.detail-heading h1{font-size:var(--font-size-2xl)}.metrics{gap:var(--space-2)}.metric{padding:var(--space-3);gap:var(--space-2);flex-direction:column}.metric strong{font-size:var(--font-size-xl)}.alert-banner{flex-wrap:wrap;align-items:flex-start}.alert-banner .button{margin-left:var(--space-6)}.panel-heading{padding:var(--space-4)}.work-list,.deadline-list{padding-inline:var(--space-2)}.work-item,.deadline-item{padding:var(--space-2)}.work-end{align-self:start}.deadline-item .badge{display:none}.list-toolbar{padding:var(--space-4);flex-direction:column;align-items:stretch}.search-field{min-width:0}.segmented{justify-content:space-around}.table-footer span{display:none}.detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-meta>div:nth-child(2){border-right:0}.detail-meta>div:nth-child(-n+2){border-bottom:1px solid var(--color-border)}.detail-body{padding:var(--space-4)}.tabs{padding-inline:var(--space-4);gap:var(--space-4)}.detail-aside{grid-template-columns:1fr}.activity-top{flex-direction:column}.schedule-row{grid-template-columns:var(--control-lg) minmax(0, 1fr);gap:var(--space-2)}.schedule-assignee,.schedule-action{grid-column:2}.filter-fields,.filter-fields label,.filter-fields select{width:100%}.template-grid,.team-grid,.field-pair,.draft-task-fields{grid-template-columns:1fr}.draft-task-fields,.dependency-options{padding-left:0}.material-fields{grid-template-columns:1fr var(--control-sm)}.material-fields .field:nth-child(2){grid-column:1}.material-fields .icon-button{grid-area:1/2/3;align-self:center}.dialog-header,.dialog-content,.dialog-footer{padding-inline:var(--space-4)}}