@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./assets/dm-sans-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/dm-sans-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./assets/dm-sans-3.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./assets/dm-sans-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./assets/manrope-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/manrope-6.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./assets/manrope-7.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./assets/manrope-8.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(./assets/manrope-9.ttf) format('truetype');
}

:root{--bg:#f6f7f8;--paper:#fff;--ink:#232a2e;--muted:#7a838b;--line:#e9ecee;--green:#26755e;--green-soft:#eef6f2;--red:#c0544c;--red-soft:#fff1ef;--amber:#a57932;--amber-soft:#fbf5e9;--blue:#557a9f;--blue-soft:#f0f5fa;--sidebar:236px;--shadow:0 8px 32px #172e2310}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #79ad99;outline-offset:3px}button svg,span svg{pointer-events:none}svg{display:inline-block;vertical-align:middle;flex-shrink:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3,.metric-number,.brand{font-family:'Manrope',sans-serif}h1{font-size:29px;font-weight:750;letter-spacing:-1px;line-height:1.25}h2{font-size:16px;letter-spacing:-.3px;font-weight:750}h3{font-size:14px;font-weight:700}button{border:0;background:none}button,select{transition:background .18s,box-shadow .18s,color .18s}.muted{color:var(--muted)}.tiny{font-size:11px}.small{font-size:12px}.flex{display:flex;align-items:center}.between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.stack{display:grid;gap:16px}.text-right{text-align:right}.green-text{color:var(--green)}.red-text{color:var(--red)}.upper{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.skip-link{position:fixed;top:-80px;left:250px;background:var(--ink);color:white;padding:12px;z-index:100}.skip-link:focus{top:8px}.app-shell{min-height:100vh}.sidebar{position:fixed;width:var(--sidebar);top:0;bottom:0;background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:25;padding:31px 17px 16px}.brand{display:flex;align-items:center;gap:10px;padding:0 13px;font-size:23px;font-weight:800;letter-spacing:-1.2px}.brand-mark{width:31px;height:33px;position:relative;display:block}.brand-mark:before,.brand-mark:after{content:'';position:absolute;bottom:3px;width:8px;height:28px;background:var(--green);transform:skew(-23deg);left:6px;border-radius:2px}.brand-mark:after{height:20px;left:21px;transform:skew(23deg);background:#85ae9c}.brand-sub{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:5px 0 34px 54px;font-weight:550}.workspace-switch{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;align-items:center;gap:9px;text-align:left;margin-bottom:26px}.workspace-icon{width:29px;height:29px;background:#f4f5f6;border-radius:6px;display:grid;place-items:center;color:#6d7974}.workspace-switch .workspace-name{font-weight:600;font-size:12px}.workspace-switch .workspace-caption{font-size:10px;color:var(--muted);display:block;margin-top:2px}.nav-label{margin:0 14px 12px;font-size:9px;letter-spacing:1.5px;color:#9aA1a5;font-weight:700}.nav{display:grid;gap:5px}.nav button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:7px;font-size:12px;text-align:left;color:#7a8388;font-weight:500}.nav button:hover{background:#f6f8f7;color:var(--ink)}.nav button.active{background:var(--green-soft);color:var(--green);font-weight:650}.nav-count{margin-left:auto;font-size:10px;background:#fff;border:1px solid #e3ece7;min-width:22px;padding:2px 5px;border-radius:4px;text-align:center}.nav .divider{height:1px;background:var(--line);margin:17px 12px}.sidebar-bottom{margin-top:auto;padding-top:24px}.guide-link{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 14px;color:var(--muted);font-size:12px}.prototype-tag{display:flex;gap:7px;align-items:center;margin:13px 14px 17px;color:#96a09b;font-size:10px}.prototype-tag i{width:5px;height:5px;border-radius:50%;background:#7eac93}.profile{border-top:1px solid var(--line);padding:18px 11px 0;display:flex;align-items:center;gap:10px}.avatar{height:29px;width:29px;background:#eaf1ef;color:#538170;border:2px solid white;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.avatar.navneet{background:#f1e9e2;color:#9e7353}.avatar.devender{background:#e8edf4;color:#697f9e}.avatar.ankur{background:#edf0e8;color:#7d8c57}.profile .avatar{width:34px;height:34px;font-size:12px}.profile strong{display:block;font-size:12px;font-weight:650}.profile small{font-size:10px;color:var(--muted)}.main-wrap{margin-left:var(--sidebar)}.topbar{height:73px;border-bottom:1px solid var(--line);background:#ffffffc9;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:24px}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:11px;color:var(--muted)}.breadcrumb strong{color:#4a545a;font-weight:550}.search-button{display:flex;align-items:center;gap:9px;width:238px;text-align:left;color:#a0a7ab;font-size:11px}.search-button kbd{margin-left:auto;background:#f4f5f6;border:1px solid var(--line);padding:2px 5px;border-radius:3px;font:10px inherit}.top-tools{display:flex;align-items:center;gap:23px}.icon-btn{height:32px;width:32px;border:1px solid transparent;border-radius:7px;display:grid;place-items:center;color:#7b858a}.icon-btn:hover{background:#f1f4f2}.notification-btn{position:relative}.notification-btn:after{content:'';width:5px;height:5px;background:#c87c61;border:1px solid white;border-radius:50%;position:absolute;right:7px;top:6px}.top-tools .tool-divider{width:1px;height:24px;background:var(--line)}.content{max-width:1620px;margin:auto;padding:33px 34px 30px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:25px}.eyebrow{display:flex;gap:6px;align-items:center;color:var(--green);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;margin-bottom:8px}.page-heading p{color:var(--muted);font-size:12px;line-height:1.5;margin-top:9px}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;border-radius:6px;border:1px solid #e2e6e6;background:var(--paper);font-size:11px;font-weight:600;min-height:36px;white-space:nowrap}.btn:hover{background:#f4f7f5}.btn-primary{background:var(--green);border-color:var(--green);color:white;box-shadow:0 2px 3px #23664d12}.btn-primary:hover{background:#1b634d}.btn-secondary{background:var(--green-soft);border-color:#e3ece7;color:var(--green)}.btn-ghost{border-color:transparent;background:transparent;padding-left:4px;padding-right:4px;color:var(--green)}.btn-small{min-height:29px;padding:6px 9px;font-size:10px}.date-chip{display:flex;align-items:center;gap:7px;color:#768087;border:1px solid var(--line);border-radius:6px;font-size:10px;padding:8px 11px;background:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:23px}.metric{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:19px 19px 15px;position:relative;overflow:hidden;min-height:135px}.metric:hover{border-color:#cfdcd5}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#78838a;font-size:11px;font-weight:500}.metric-icon{height:29px;width:29px;border-radius:6px;background:#f5f7f7;display:grid;place-items:center}.metric-icon.red{color:var(--red);background:var(--red-soft)}.metric-icon.amber{color:var(--amber);background:var(--amber-soft)}.metric-icon.green{color:var(--green);background:var(--green-soft)}.metric-number{font-size:33px;line-height:1.1;font-weight:750;letter-spacing:-1.3px;margin:8px 0 8px;display:flex;align-items:baseline;gap:6px}.metric-number span{font-size:10px;font-family:'DM Sans',sans-serif;font-weight:450;color:#a0a6a9;letter-spacing:0}.metric-caption{color:var(--muted);font-size:10px;display:flex;gap:5px;align-items:center}.metric-caption .dot{display:inline-block;height:4px;width:4px;background:var(--green);border-radius:50%}.sparkline{position:absolute;bottom:23px;right:16px;width:59px;height:24px;opacity:.5}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:21px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:21px 21px 17px}.panel-head p{color:var(--muted);font-size:10px;margin-top:6px;line-height:1.6}.panel-head h2 .count-tag{font-family:'DM Sans',sans-serif;font-size:10px;padding:2px 6px;background:#f2f4f5;border-radius:4px;color:#8c969b;margin-left:7px;font-weight:500}.risk-banner{margin:0 21px 17px;padding:12px 13px;border:1px solid #f0e7da;background:#fcf9f3;border-radius:6px;display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.55;color:#977036}.risk-banner strong{font-weight:600}.risk-banner .banner-link{margin-left:auto;font-size:10px;white-space:nowrap;color:#927341;font-weight:650;padding:2px}.queue-tabs{display:flex;align-items:center;gap:21px;border-bottom:1px solid var(--line);padding:0 21px}.queue-tab{padding:0 0 12px;border-bottom:2px solid transparent;margin-bottom:-1px;color:#899297;font-size:11px;display:flex;align-items:center;gap:6px}.queue-tab.active{color:var(--green);border-color:var(--green);font-weight:650}.queue-tab span{font-size:9px;background:#f2f4f5;border-radius:4px;padding:2px 5px;color:#7e878c}.queue-tab.active span{color:var(--green);background:var(--green-soft)}.task-list{padding:0 21px}.task-row{display:flex;align-items:flex-start;gap:11px;padding:16px 0;border-bottom:1px solid #eff1f2;position:relative}.task-row:last-child{border-bottom:0}.task-check{width:15px;height:15px;border:1px solid #d7dddd;border-radius:4px;flex-shrink:0;margin-top:4px;padding:0;color:var(--green);display:grid;place-items:center}.task-check:hover{background:var(--green-soft);border-color:#96b9a8}.task-body{flex:1;min-width:0}.task-heading{display:flex;align-items:center;gap:9px;margin-bottom:6px}.task-title{font-size:11px;font-weight:650;text-align:left;padding:0}.task-title:hover{color:var(--green)}.task-sub{display:flex;align-items:center;gap:6px;font-size:10px;color:#929a9f}.task-sub .brand-name{color:#6f7a80;font-weight:550}.task-sub .bullet{height:2px;width:2px;background:#adb4b7;border-radius:50%}.task-note{font-size:10px;line-height:1.5;color:#8e989d;margin-top:8px}.task-note span{color:#758c7f}.task-meta{display:flex;align-items:center;gap:12px;padding-top:0}.task-due{text-align:right;font-size:10px;font-weight:550;white-space:nowrap}.task-due small{font-size:9px;display:block;color:#9aa2a6;font-weight:450;margin-top:6px}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:4px;padding:4px 6px;font-size:9px;line-height:1;font-weight:550;white-space:nowrap}.badge.red{background:var(--red-soft);color:var(--red)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge.green{background:var(--green-soft);color:var(--green)}.badge.blue{background:var(--blue-soft);color:var(--blue)}.badge.gray{background:#f2f4f5;color:#8c969a}.badge .dot{height:4px;width:4px;border-radius:50%;background:currentColor}.task-arrow{padding:4px 0 4px 6px;color:#adb5b7}.panel-footer{padding:13px 21px;border-top:1px solid var(--line);font-size:10px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);background:#fefefe}.panel-footer .btn{font-size:10px}.readiness-panel{padding-bottom:3px}.readiness-panel .panel-head{padding-bottom:8px}.readiness-chart{display:flex;align-items:center;gap:19px;padding:10px 23px 19px}.donut{width:94px;height:94px;position:relative;flex-shrink:0}.donut svg{width:94px;height:94px;transform:rotate(-90deg)}.donut-content{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.donut-number{font-family:'Manrope',sans-serif;font-size:24px;font-weight:750;letter-spacing:-1px;line-height:1.15}.donut-label{font-size:8px;color:#929b9f;margin-top:4px}.legend{display:grid;gap:10px;width:100%;font-size:10px;color:#818b91}.legend-row{display:flex;align-items:center;gap:6px}.legend-row i{width:5px;height:5px;border-radius:50%}.legend-row strong{margin-left:auto;color:#56636a;font-size:11px;font-weight:600}.mini-section{border-top:1px solid var(--line);padding:16px 21px}.mini-section-label{color:#a0a6a9;font-size:9px;font-weight:550;margin-bottom:13px;letter-spacing:.8px;text-transform:uppercase}.upcoming-style{display:flex;align-items:center;gap:10px;margin-bottom:14px}.upcoming-style:last-child{margin-bottom:0}.garment{width:35px;height:39px;border-radius:6px;display:grid;place-items:center;background:#f2f4f4;flex-shrink:0}.garment svg{width:29px;height:29px}.upcoming-style button{padding:0;text-align:left}.upcoming-style strong{font-size:10px;font-weight:600;display:block;margin-bottom:4px}.upcoming-style span{font-size:9px;color:var(--muted)}.upcoming-date{margin-left:auto;text-align:right}.upcoming-date strong{font-size:9px;color:#4f7262}.upcoming-date span{font-size:8px}.team-panel .panel-head{padding-bottom:10px}.team-row{display:flex;align-items:center;padding:10px 21px;gap:9px}.team-row:last-of-type{padding-bottom:18px}.team-row .team-name{font-size:10px;font-weight:550}.team-row .team-caption{font-size:8px;color:var(--muted);margin-top:3px}.team-row .team-stats{margin-left:auto;text-align:right;line-height:1.5;font-size:9px}.team-row .team-stats small{font-size:8px;color:#9ca4a8;display:block}.progress-dots{display:flex;gap:3px;align-items:center}.progress-dots i{width:15px;height:4px;background:#edf1ef;border-radius:2px}.progress-dots i.filled{background:#8aaf9f}.section-spacer{margin-top:23px}.styles-preview{overflow:auto}.style-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.style-table thead{background:#fafbfb}.style-table th{font-size:9px;letter-spacing:.2px;color:#919bA0;font-weight:500;padding:12px 19px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.style-table td{padding:15px 19px;font-size:10px;border-bottom:1px solid #eff1f2}.style-table tbody tr:last-child td{border-bottom:0}.style-table tbody tr:hover{background:#fcfdfc}.style-cell{display:flex;align-items:center;gap:10px}.style-cell .garment{width:31px;height:34px}.style-cell strong{font-size:10px;font-weight:650;display:block}.style-cell small{display:block;font-size:9px;color:#98a1a6;margin-top:4px}.style-link{text-align:left;padding:0}.style-link:hover strong{color:var(--green)}.mini-gates{display:flex;align-items:center;gap:4px}.mini-gate{height:20px;width:20px;border-radius:50%;background:#f2f4f5;color:#aeb7ba;display:grid;place-items:center}.mini-gate.done{background:#edf4f0;color:#59927a}.mini-gate.current{background:#fbf3e5;color:#b69656}.mini-gate.blocked{background:#fff0ed;color:#c78476}.mini-connector{width:7px;height:1px;background:#e4e8e7}.page-footer{display:flex;align-items:center;justify-content:space-between;margin-top:23px;color:#9da5aa;font-size:9px}.page-footer span{display:flex;align-items:center;gap:5px}.view-tabs{display:flex;align-items:center;gap:23px;margin-bottom:22px;border-bottom:1px solid #e3e7e9}.view-tabs button{padding:11px 0;color:#909a9f;font-size:11px;margin-bottom:-1px;border-bottom:2px solid transparent}.view-tabs button.active{border-color:var(--green);color:var(--green);font-weight:600}.view-tabs .tab-count{font-size:9px;padding:2px 5px;background:#eef1f2;margin-left:5px;border-radius:4px}.filterbar{display:flex;align-items:center;gap:8px;padding:14px 19px;border-bottom:1px solid var(--line);flex-wrap:wrap}.field-filter{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:0 9px;background:white;border-radius:6px;color:#94a09b;min-height:32px}.field-filter select{border:0;background:none;outline:none;color:#626f76;font-size:10px;max-width:128px;padding:7px 0}.field-filter input{border:0;outline:none;min-width:70px;width:180px;font-size:10px;background:transparent;color:var(--ink);padding:8px 0}.field-filter input::placeholder{color:#98a2a6}.filterbar .result-count{margin-left:auto;font-size:10px;color:#9aa4a8}.followup-list{padding:0 21px}.followup-list .task-row{padding:19px 0}.followup-list .task-title{font-size:12px}.followup-list .task-sub{font-size:11px}.followup-list .task-note{font-size:11px}.followup-list .task-meta{gap:20px}.empty{padding:52px 24px;text-align:center;color:var(--muted)}.empty svg{color:#9fbbad;margin-bottom:12px}.empty h3{color:#536159;margin-bottom:7px}.empty p{font-size:12px;line-height:1.6}.empty button{margin-top:17px}.workflow-strip{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;border:1px solid var(--line);background:white;border-radius:9px;margin-bottom:22px;gap:14px}.workflow-strip .workflow-step{display:flex;align-items:center;gap:9px;color:#7a868d;font-size:11px}.workflow-strip .workflow-step i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f0f5f2;color:var(--green);font-style:normal;font-size:10px;font-weight:650}.workflow-strip .workflow-step strong{font-weight:550}.workflow-strip .workflow-step small{display:block;font-size:9px;color:#a4adb0;margin-top:3px}.workflow-strip>svg{color:#c9d1cd}.sms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:20px}.sms-card{padding:21px;background:white;border:1px solid var(--line);border-radius:9px;text-align:left}.sms-card:hover{border-color:#b8ccc1;box-shadow:var(--shadow)}.sms-card-top{display:flex;align-items:center;gap:10px;margin-bottom:18px}.sms-card-top .garment{width:44px;height:49px}.sms-card-top strong{display:block;font-size:12px;margin-bottom:6px}.sms-card-top small{font-size:10px;color:var(--muted)}.sms-card-top .badge{margin-left:auto}.sms-info{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:17px 0}.sms-info label{display:block;font-size:9px;color:#98a2a7;margin-bottom:5px}.sms-info strong{font-weight:550;font-size:11px}.fabric-bar{height:5px;background:#eff2f1;border-radius:4px;position:relative;overflow:hidden;margin:11px 0 6px}.fabric-bar i{display:block;height:100%;border-radius:4px;background:#b5cbbb}.fabric-bar.risk i{background:#d5a59a}.sms-card-bottom{border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;gap:7px;font-size:10px;color:#7c8882;line-height:1.5}.sms-card-bottom svg:last-child{margin-left:auto}.season-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.season-panel{padding:26px}.season-panel .season-title{display:flex;align-items:center;gap:12px;margin-bottom:22px}.season-emblem{width:44px;height:44px;border-radius:10px;background:#fbf3e5;color:#a99262;display:grid;place-items:center}.season-emblem.winter{color:#728caa;background:#eff4f9}.season-panel h2{font-size:19px}.season-panel .season-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.season-stat{font-size:10px;color:var(--muted)}.season-stat strong{display:block;font-size:25px;letter-spacing:-1px;margin-bottom:5px;font-weight:600;color:#4b5953}.calendar-toolbar{padding:20px 22px;display:flex;justify-content:space-between;align-items:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line)}.calendar-daylabel{padding:12px;text-align:center;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line)}.calendar-day{min-height:131px;padding:11px 8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.calendar-day:nth-child(7n){border-right:0}.calendar-day.other{background:#fafbfb;color:#c1c7c9}.calendar-day.today{background:#fbfdfb}.day-number{font-size:10px;display:flex;align-items:center;justify-content:center;width:21px;height:21px;margin-bottom:8px}.today .day-number{background:var(--green);color:white;border-radius:50%}.calendar-event{display:block;text-align:left;width:100%;border-radius:4px;padding:5px 6px;background:#eef5f1;color:#517562;margin-bottom:4px;font-size:9px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event.red{background:var(--red-soft);color:var(--red)}.calendar-event.blue{background:var(--blue-soft);color:var(--blue)}.activity-list{padding:5px 24px 22px}.activity-row{display:flex;gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}.activity-row:last-child{border-bottom:0}.activity-row p{font-size:12px;line-height:1.7}.activity-row .timestamp{margin-left:auto;white-space:nowrap;font-size:10px;color:#a2abae}.activity-row .remark{font-size:11px;color:#88938d;margin-top:8px;border-left:2px solid #d9e6df;padding-left:12px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-panel{padding:27px}.guide-panel h2{margin-bottom:13px}.guide-panel p{font-size:12px;line-height:1.9;color:var(--muted)}.guide-panel .workflow-strip{padding:18px 0;border:0;margin-bottom:0;flex-wrap:wrap}.guide-list{padding:0;margin:20px 0 0;list-style:none;display:grid;gap:14px}.guide-list li{display:flex;gap:10px;font-size:12px;line-height:1.6;color:#76817b}.guide-list svg{color:#82a494;margin-top:2px}.threshold-list{display:grid;gap:12px;margin-top:18px}.threshold-row{display:flex;align-items:center;gap:16px;padding:11px 12px;background:#f8faf9;border-radius:6px;font-size:11px}.threshold-row strong{width:84px;font-weight:550}.overlay{position:fixed;inset:0;background:#1927215c;backdrop-filter:blur(3px);z-index:60;display:flex;justify-content:flex-end;animation:fade-in .18s}.drawer{width:min(660px,100vw);height:100%;background:#fafbfb;box-shadow:-15px 0 60px #0c21161a;display:flex;flex-direction:column;animation:slide-in .22s}.drawer-top{background:white;padding:24px 27px;border-bottom:1px solid var(--line);flex-shrink:0}.drawer-topline{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:17px}.drawer-title{display:flex;align-items:center;gap:13px}.drawer-title .garment{width:49px;height:56px}.drawer-title h2{font-size:21px;letter-spacing:-.6px}.drawer-title p{font-size:11px;color:var(--muted);margin-top:6px}.drawer-scroll{padding:22px 27px;overflow:auto;flex:1}.detail-identifiers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 0}.detail-identifiers label{font-size:9px;color:#a1a9ad;display:block;margin-bottom:6px}.detail-identifiers strong{font-size:10px;font-weight:550}.detail-tabs{display:flex;gap:26px;margin:19px 0 -24px;border-bottom:0}.detail-tabs button{font-size:11px;color:var(--muted);padding:0 0 16px;border-bottom:2px solid transparent}.detail-tabs button.active{color:var(--green);border-color:var(--green);font-weight:600}.detail-alert{background:#fdf5ef;border:1px solid #f0e2d5;border-radius:7px;padding:15px 17px;margin-bottom:19px;display:flex;gap:11px;color:#a47748;font-size:12px;line-height:1.65}.detail-alert.green{background:var(--green-soft);border-color:#dfece5;color:var(--green)}.detail-alert strong{display:block;font-weight:600}.detail-alert small{font-size:10px;display:block;margin-top:3px}.detail-panel{border:1px solid var(--line);border-radius:8px;background:white;margin-bottom:18px;padding:19px}.detail-panel h3{margin-bottom:15px}.flow-diagram{display:grid;grid-template-columns:1fr 30px 1.4fr 30px 1fr 30px .8fr;align-items:center;gap:3px;margin:8px 0 3px}.flow-box{font-size:10px;border:1px solid var(--line);border-radius:6px;background:#f9fbfa;text-align:center;padding:13px 3px;color:#859089}.flow-box.done{background:#eff6f2;border-color:#dce9e1;color:var(--green)}.flow-box.pending{background:#fcf6eb;border-color:#efe4cc;color:#a5884a}.flow-box.waiting{background:#f7f8f9;color:#a8b1b4;border-style:dashed}.flow-box span{display:block;font-size:8px;color:inherit;opacity:.8;margin-top:5px}.parallel-box{display:grid;gap:6px}.flow-diagram>svg{color:#bbc7c0;justify-self:center}.gate-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #f0f2f1}.gate-row:last-child{border:0;padding-bottom:0}.gate-name{display:flex;align-items:center;gap:9px;font-size:11px}.gate-name .gate-indicator{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#f4f6f5;color:#adb8b2}.gate-name .gate-indicator.done{background:var(--green-soft);color:#629c7f}.gate-name small{display:block;color:#9aa4a0;font-size:9px;margin-top:3px}.gate-row select{font-size:10px;border:1px solid #e3e9e5;background:#fcfdfc;color:#6d7e72;border-radius:5px;padding:6px 8px;max-width:180px}.field label{display:block;font-size:10px;font-weight:550;color:#7d8b83;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:10px 11px;border:1px solid #dfe6e2;border-radius:6px;background:white;color:#4d5b54;font-size:12px;min-height:37px}.field textarea{resize:vertical;min-height:79px;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .wide{grid-column:1/-1}.field-help{font-size:10px;color:#9da7a1;line-height:1.6;margin-top:6px}.drawer-footer{padding:16px 27px;background:white;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.drawer-footer p{font-size:10px;color:#a1aaa5}.overlay.center{align-items:center;justify-content:center;padding:24px}.modal{background:#fff;border-radius:12px;width:min(580px,100%);max-height:90vh;overflow:auto;box-shadow:0 18px 90px #122d2b2a;animation:fade-in .18s}.modal-head{padding:23px 26px 18px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between}.modal-head h2{font-size:20px}.modal-head p{font-size:11px;color:var(--muted);line-height:1.6;margin-top:7px}.modal-body{padding:23px 26px}.modal-footer{padding:16px 26px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:8px}.form-error{color:var(--red);font-size:11px;line-height:1.6;padding-top:12px;min-height:12px}.reminder-preview{background:#f5f8f6;border:1px solid #e2ebe5;border-radius:8px;padding:19px;font-size:12px;color:#667c6c;line-height:1.9;white-space:pre-line;margin-top:17px}.reminder-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.reminder-meta label{display:block;font-size:10px;color:#98a79c;margin-bottom:6px}.reminder-meta strong{font-size:11px;font-weight:550}.notification-item{padding:15px 0;display:flex;gap:11px;border-bottom:1px solid var(--line);text-align:left;width:100%}.notification-item:last-child{border:0}.notification-item strong{display:block;font-size:12px;margin-bottom:6px}.notification-item small{font-size:10px;line-height:1.6;color:var(--muted)}.search-modal-input{width:100%;border:1px solid #dce7df;border-radius:7px;padding:13px;margin-bottom:14px;outline:none;font-size:13px}.search-results{display:grid;max-height:50vh;overflow:auto}.search-result{display:flex;align-items:center;gap:10px;padding:13px 4px;border-bottom:1px solid var(--line);text-align:left;width:100%}.search-result:hover{background:#f7faf8}.search-result strong{font-size:12px;display:block}.search-result small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.search-result>svg{margin-left:auto;color:#a0b3a6}.toast{position:fixed;bottom:27px;left:calc(50% + 80px);transform:translate(-50%,20px);z-index:100;box-shadow:0 8px 30px #102a2725;background:#263b30;color:#fff;padding:13px 19px;border-radius:8px;font-size:12px;display:flex;gap:9px;align-items:center;opacity:0;pointer-events:none;transition:all .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.mobile-menu{display:none}.mobile-backdrop{display:none}.rule-label{margin-top:16px;font-size:10px;color:#96a49a;line-height:1.7}.deadline-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.deadline-grid div{padding:12px;border:1px solid var(--line);border-radius:6px;font-size:11px;color:#65736b}.deadline-grid label{display:block;font-size:9px;color:#9daaa1;margin-bottom:5px}.history-line{position:relative;border-left:1px solid #e5ece7;margin-left:9px;padding:0 0 20px 19px}.history-line:before{content:'';width:7px;height:7px;background:#9dbdaa;border:3px solid white;box-sizing:content-box;border-radius:50%;position:absolute;left:-7px;top:1px}.history-line strong{font-size:11px;font-weight:600;display:block}.history-line small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.history-line p{font-size:11px;color:#849188;line-height:1.7;margin-top:9px}.history-line:last-child{padding-bottom:0}.stat-box{background:#f7faf8;padding:14px;border-radius:6px}.stat-box label{font-size:9px;color:#95a19a;display:block;margin-bottom:7px}.stat-box strong{font-size:12px;font-weight:550}.mini-bar{height:6px;border-radius:4px;background:#edf1ee;overflow:hidden;margin:7px 0 2px}.mini-bar i{height:100%;display:block;background:#8aaa97;border-radius:4px}.overview-toggle{display:flex;border:1px solid var(--line);border-radius:6px;padding:3px;background:white;gap:3px}.overview-toggle button{font-size:10px;color:var(--muted);padding:6px 10px;border-radius:4px}.overview-toggle button.active{background:var(--green-soft);color:var(--green);font-weight:600}.completion-message{padding:12px 14px;border-radius:6px;background:#f0f7f2;color:#739982;font-size:11px;line-height:1.6}.queue-tools{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px}.card-view-toggle{display:flex;gap:2px;border:1px solid var(--line);padding:2px;border-radius:6px;background:white}.card-view-toggle button{padding:6px;border-radius:4px;color:#a4ada8}.card-view-toggle button.active{background:#edf4ef;color:var(--green)}.sms-card-button{width:100%;text-align:left}.mock-banner{font-size:9px;color:#94a09a}.only-desktop{display:block}
.nav button{font-size:13px}.brand-sub{font-size:9px;letter-spacing:1.3px}.metric-top{font-size:12px}.metric-caption{font-size:11px;color:#718078}.task-title{font-size:12px}.task-sub{font-size:11px;color:#74817c}.task-note{font-size:11px;color:#7d8784}.task-due{font-size:11px}.task-due small{font-size:10px;color:#87918c}.panel-head p{font-size:11px;color:#818b85}.queue-tab{font-size:12px}.legend{font-size:11px}.upcoming-style strong{font-size:11px}.upcoming-style span{font-size:10px}.upcoming-date strong{font-size:10px}.upcoming-date span{font-size:9px}.team-row .team-name{font-size:11px}.team-row .team-caption{font-size:9px}.team-row .team-stats{font-size:10px}.team-row .team-stats small{font-size:9px}.style-table td{font-size:11px}.style-cell strong{font-size:11px}.style-cell small{font-size:10px}.badge{font-size:10px}.field-filter select{font-size:11px}.field-filter input{font-size:11px}.gate-name{font-size:12px}.gate-name small{font-size:10px}.gate-row select{font-size:11px}.detail-identifiers strong{font-size:11px}.deadline-grid div{font-size:12px}.rule-label{font-size:11px;color:#7e8c83}.view-tabs button{font-size:12px}.field label{font-size:11px}.btn{font-size:12px}.btn-small{font-size:11px}.field-help{font-size:11px;color:#85948a}.calendar-event{font-size:10px}.sms-info label{font-size:10px}.sms-info strong{font-size:12px}.sms-card-bottom{font-size:11px}.sms-card-top strong{font-size:13px}.guide-link{font-size:12px}.page-footer{color:#87958c}.detail-tabs button{font-size:12px}.completion-message{font-size:12px}.small{font-size:12px}
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-in{from{transform:translateX(50px);opacity:.5}to{transform:translateX(0);opacity:1}}
@media(min-width:1500px){.content{padding-left:44px;padding-right:44px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 330px}.task-row{padding:18px 0}.task-title{font-size:12px}.task-sub{font-size:11px}.task-note{font-size:11px}.task-due{font-size:11px}.task-due small{font-size:10px}.metric{min-height:145px}.metric-number{font-size:37px}}
@media(max-width:1200px){:root{--sidebar:212px}.sidebar{padding-left:12px;padding-right:12px}.content{padding:26px 23px}.topbar{padding:0 23px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 270px;gap:17px}.task-meta{gap:7px}.task-meta .avatar{display:none}.metric{padding:16px}.metric-grid{gap:11px}.sparkline{display:none}.panel-head{padding-left:17px;padding-right:17px}.task-list,.followup-list{padding-left:17px;padding-right:17px}.queue-tabs{gap:15px}.task-note{font-size:9px}.page-heading h1{font-size:26px}.date-chip{display:none}.sms-grid{grid-template-columns:repeat(2,1fr)}.workflow-strip{padding:17px}.workflow-strip .workflow-step{font-size:10px;gap:6px}.search-button{width:200px}.top-tools{gap:14px}.style-table td,.style-table th{padding-left:14px;padding-right:14px}.task-due{font-size:9px}}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;align-items:start}.metric-top{font-size:10px}.team-panel{height:100%}.dashboard-grid .left-column{min-width:0}.page-heading{align-items:flex-start}.header-actions{gap:7px}.btn{font-size:10px;padding:9px 10px}.workflow-strip{flex-wrap:wrap;justify-content:flex-start;gap:12px}.search-button{width:170px}.guide-grid{grid-template-columns:1fr}.calendar-day{min-height:110px}.calendar-event{font-size:8px;padding:4px}.followup-list .task-meta{gap:9px}.season-panel{padding:20px}.season-panel .season-stats{gap:13px}}
@media(max-width:760px){:root{--sidebar:236px}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main-wrap{margin:0}.topbar{height:60px;padding:0 18px;gap:11px}.mobile-menu{display:grid}.breadcrumb{margin-right:auto;font-size:10px;gap:6px}.breadcrumb>svg,.breadcrumb>span{display:none}.search-button{width:auto}.search-button>span,.search-button kbd{display:none}.top-tools{gap:11px}.top-tools .tool-divider,.top-tools>.avatar{display:none}.content{padding:24px 18px}.page-heading{margin-bottom:20px;flex-wrap:wrap;gap:17px}.page-heading h1{font-size:25px;letter-spacing:-.8px}.page-heading p{font-size:11px;max-width:380px}.header-actions{width:100%;justify-content:flex-end}.date-chip{display:flex;margin-right:auto;font-size:9px}.eyebrow{font-size:9px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.metric{min-height:121px;padding:15px}.metric-number{font-size:29px}.metric-caption{font-size:9px}.right-column{grid-template-columns:1fr}.task-row{gap:9px}.task-title{font-size:11px}.task-heading{flex-wrap:wrap;gap:6px}.task-meta{align-self:flex-start;gap:5px}.task-due{font-size:9px;min-width:50px}.task-due small{font-size:8px}.task-arrow{display:none}.task-sub{font-size:9px;flex-wrap:wrap}.task-note{font-size:9px}.task-meta .avatar{display:none}.risk-banner{margin:0 16px 17px;padding:11px;font-size:10px}.risk-banner .banner-link{display:none}.queue-tabs{gap:15px;padding:0 17px}.queue-tab{font-size:10px}.panel-head{padding:19px 17px 15px}.panel-head h2{font-size:14px}.panel-head p{font-size:9px}.panel-head .btn{font-size:9px}.panel-footer{padding:11px 17px;font-size:9px}.panel-footer .btn{font-size:9px}.readiness-chart{justify-content:center;gap:35px}.legend{max-width:130px}.page-footer{font-size:8px;gap:12px;align-items:flex-start}.page-footer span{align-items:flex-start}.mobile-backdrop.visible{display:block;position:fixed;inset:0;background:#1c34265c;z-index:24}.sms-grid{grid-template-columns:1fr;margin-top:16px;gap:13px}.filterbar{padding:12px 15px;gap:7px}.field-filter{min-height:29px;padding:0 7px}.field-filter select{font-size:9px;max-width:112px}.field-filter input{width:132px;font-size:10px}.filterbar .result-count{font-size:9px}.view-tabs{gap:19px;overflow:auto;white-space:nowrap;margin-bottom:16px}.view-tabs button{font-size:10px}.followup-list .task-title{font-size:11px}.followup-list .task-sub,.followup-list .task-note{font-size:9px}.followup-list .task-meta .btn{display:none}.style-table th{font-size:9px}.style-table td{font-size:10px}.only-desktop{display:none}.workflow-strip{gap:10px;padding:15px}.workflow-strip .workflow-step{font-size:9px}.workflow-strip .workflow-step small{font-size:8px}.workflow-strip>svg{width:12px}.workflow-strip .workflow-step i{height:22px;width:22px}.drawer-top{padding:20px 20px 24px}.drawer-scroll{padding:19px 20px}.drawer-title h2{font-size:19px}.detail-identifiers{grid-template-columns:1fr 1fr;gap:16px}.detail-tabs{margin-bottom:-24px}.drawer-footer{padding:14px 20px}.drawer-footer p{max-width:155px;font-size:9px;line-height:1.5}.detail-panel{padding:16px}.flow-diagram{grid-template-columns:1fr 15px 1.3fr 15px 1fr 15px .8fr;gap:2px}.flow-box{font-size:9px;padding:11px 3px}.flow-box span{font-size:7px}.flow-diagram>svg{width:13px}.detail-alert{font-size:11px;padding:12px}.modal-head,.modal-body{padding:20px}.modal-footer{padding:14px 20px}.overlay.center{padding:14px}.form-grid{gap:14px}.field input,.field select,.field textarea{font-size:11px}.field label{font-size:9px}.reminder-meta{gap:9px}.reminder-meta label{font-size:9px}.reminder-meta strong{font-size:10px}.reminder-preview{font-size:11px}.season-summary{grid-template-columns:1fr}.calendar-day{min-height:89px;padding:7px 3px}.calendar-event{padding:3px 2px;font-size:7px}.calendar-daylabel{font-size:8px;padding:9px 3px}.calendar-toolbar{padding:16px}.day-number{font-size:9px}.calendar-toolbar h2{font-size:15px}.activity-row{gap:10px}.activity-row .timestamp{font-size:9px}.activity-row p{font-size:11px}.activity-row .remark{font-size:10px}.toast{left:50%;bottom:20px;width:max-content;max-width:calc(100vw - 30px);font-size:11px}.guide-panel{padding:21px}.guide-panel p,.guide-list li{font-size:11px}.sms-card-top .badge{font-size:8px}}
@media(max-width:760px){.sidebar:not(.open){visibility:hidden}.search-button>span:first-child{display:inline-flex}.sms-card-top strong{font-size:13px}.task-title{font-size:12px}.task-sub,.task-note{font-size:10px}.task-due{font-size:10px}.task-due small{font-size:9px}.badge{font-size:9px}.metric-caption{font-size:10px}.nav button{font-size:13px}.gate-name{font-size:11px}.btn{font-size:11px}.field label{font-size:10px}.queue-tab{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}