@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";:root{font-family:Be Vietnam Pro,system-ui,sans-serif;color:#172b3a;background:#f3f6f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px}.shell{max-width:1440px;margin:0 auto;padding:0 28px 28px}.topbar{height:76px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #dfe7ed}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#123b5d;color:#fff}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:13px;letter-spacing:.08em}.brand-copy span,.topbar-right{font-size:11px;color:#718291}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;background:#d19b40;border-radius:50%}.hero{padding:54px 0 36px;max-width:760px}.eyebrow,.kicker{font-size:10px;font-weight:700;letter-spacing:.13em;color:#58768a}.eyebrow{display:flex;align-items:center;gap:8px}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.12;letter-spacing:-.05em;margin:18px 0;color:#102f48}.hero h1 em{font-style:normal;color:#527b94}.hero p{max-width:620px;color:#657887;font-size:15px;line-height:1.8}.notice,.success-notice{border:1px solid #f0d6a2;background:#fff9ed;border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:18px}.success-notice{background:#effaf5;border-color:#b8e7d0;color:#16734f}.workspace{background:#fff;border:1px solid #e0e7ec;border-radius:18px;padding:24px;box-shadow:0 8px 28px #1c3b5010}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-heading h2{font-size:20px;letter-spacing:-.03em;margin:5px 0 0}.login-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.login-form label,.create-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}.login-form input,.create-form input,.create-form select,.create-form textarea{width:100%;border:1px solid #dbe4e9;border-radius:10px;padding:13px 12px;font:inherit;font-size:13px;outline:none;background:#fff}.login-form input:focus,.create-form input:focus,.create-form textarea:focus,.create-form select:focus{border-color:#467b9c;box-shadow:0 0 0 3px #467b9c18}.primary-button,.ghost-button,.text-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:12px 15px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.primary-button{background:#123b5d;color:#fff}.primary-button:disabled,.ghost-button:disabled{opacity:.45;cursor:not-allowed}.primary-button.compact{padding:10px 13px;white-space:nowrap}.ghost-button{background:#edf3f6;color:#23465d}.text-button{background:transparent;color:#235d83;padding:8px}.login-form .primary-button,.login-form small,.login-form .error-message{grid-column:1/-1}.login-form small,.footnote{color:#81909b;font-size:11px;line-height:1.7}.error-message{color:#b42318;font-size:12px;margin:0}.signed-in{display:flex;gap:14px;align-items:flex-start;color:#16805d}.app-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:26px;padding:26px 0 10px}.sidebar{background:#fff;border:1px solid #e0e7ec;border-radius:16px;padding:14px;display:flex;flex-direction:column;align-self:stretch;min-height:560px}.user-mini{display:flex;gap:10px;padding:8px 4px 18px;border-bottom:1px solid #e7edf1;min-width:0}.avatar{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:#123b5d;color:#fff;font-weight:700}.user-mini>div:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.user-mini strong{font-size:12px}.user-mini span,.user-mini small{font-size:10px;color:#758795;overflow-wrap:anywhere}.nav-list{display:grid;gap:5px;padding-top:16px}.nav-item{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#526879;padding:12px;border-radius:10px;font:inherit;font-size:12px;text-align:left;cursor:pointer}.nav-item.active{background:#eaf2f7;color:#123b5d;font-weight:700}.signout{margin-top:auto}.main-panel{min-width:0}.main-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:3px 0 22px}.main-heading h1{font-size:28px;letter-spacing:-.04em;margin:6px 0}.main-heading p{font-size:12px;color:#728391;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric-card{background:#fff;border:1px solid #e0e7ec;border-radius:14px;padding:17px;display:flex;flex-direction:column;gap:10px;min-width:0}.metric-icon,.module-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#edf4f7;color:#316583}.metric-card>span{font-size:11px;color:#738491}.metric-card strong{font-size:26px;letter-spacing:-.04em;color:#123b5d}.section-card{margin-bottom:18px;box-shadow:none}.table-wrap{width:100%;overflow:auto}.case-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.case-table th{font-size:10px;color:#718291;font-weight:700;letter-spacing:.04em;background:#f8fafb}.case-table th,.case-table td{padding:13px 12px;border-bottom:1px solid #e8edf0;vertical-align:top}.case-table td:first-child{min-width:230px}.case-table td:first-child strong,.case-table td:first-child span,.case-table td:first-child small{display:block}.case-table td:first-child strong{font-size:10px;color:#698091;margin-bottom:5px}.case-table td:first-child span{font-weight:700}.case-table td:first-child small{font-size:10px;color:#81909b;margin-top:5px;max-width:360px}.status-pill{display:inline-flex;align-items:center;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:700;white-space:nowrap;background:#edf1f4;color:#506574}.status-pill.draft{background:#edf1f4;color:#526777}.status-pill.submitted{background:#e8f2ff;color:#245a9b}.status-pill.progress{background:#fff4d9;color:#936500}.status-pill.returned{background:#fff0e5;color:#9a4b14}.status-pill.rejected,.status-pill.cancelled{background:#ffeded;color:#a52b2b}.status-pill.completed{background:#e6f7ef;color:#13744b}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 10px;color:#79909f;text-align:center}.empty-state strong{color:#29475c;font-size:13px}.empty-state span{font-size:11px}.create-form{padding:18px;background:#f8fafb;border:1px solid #e3ebef;border-radius:12px;margin-bottom:18px;display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px}.form-actions{display:flex;justify-content:flex-end;gap:8px}.search-box{display:flex;align-items:center;gap:9px;border:1px solid #dbe4e9;border-radius:10px;padding:0 12px;margin:12px 0 16px;color:#718291;max-width:440px}.search-box input{border:0;outline:none;padding:12px 0;min-width:0;width:100%;font:inherit;font-size:12px}.placeholder{min-height:240px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}.placeholder h2{margin:0;font-size:19px}.placeholder p{max-width:650px;font-size:13px;line-height:1.8;color:#637987}.icon-button{padding:5px;background:transparent;color:inherit}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{display:flex;justify-content:space-between;border-top:1px solid #dfe7ed;padding-top:18px;margin-top:24px;color:#80909b;font-size:10px;letter-spacing:.04em}@media(max-width:900px){.app-layout{grid-template-columns:1fr}.sidebar{min-height:auto}.user-mini{align-items:center}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-item{justify-content:center;flex-direction:column;gap:6px;padding:10px 5px}.signout{margin-top:10px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-heading h1{font-size:24px}}@media(max-width:560px){.shell{padding:0 14px 18px}.topbar{height:64px}.brand-mark{width:38px;height:38px}.hero{padding:32px 0 24px}.hero p{font-size:13px}.workspace{padding:17px}.login-form,.form-grid{grid-template-columns:1fr}.metric-grid{gap:8px}.metric-card{padding:12px}.metric-card strong{font-size:22px}.section-heading{align-items:flex-start}.section-heading h2{font-size:17px}.primary-button.compact{font-size:11px;padding:10px}.case-table th,.case-table td{padding:10px 8px}.main-heading{align-items:flex-start}.main-heading .ghost-button{padding:10px}.user-mini span{max-width:220px}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}footer{font-size:9px}}.module-intro{font-size:12px;line-height:1.8;color:#637987;max-width:760px;margin:-6px 0 18px}.workflow-list{display:grid;gap:10px}.workflow-row{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e4ebef;border-radius:12px;min-width:0}.workflow-badge{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:#edf4f7;color:#316583}.workflow-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.workflow-copy strong{font-size:13px}.workflow-copy span,.workflow-copy small{font-size:10px;color:#738491;overflow-wrap:anywhere}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important}.checkbox-label input{width:auto!important;accent-color:#123b5d}.workflow-row .ghost-button{white-space:nowrap}@media(max-width:650px){.workflow-row{align-items:flex-start;flex-wrap:wrap}.workflow-copy{flex-basis:calc(100% - 54px)}.workflow-row .status-pill{margin-left:50px}.workflow-row .ghost-button{margin-left:auto}}.task-card{border:1px solid #e2eaf0;border-radius:13px;padding:16px;display:grid;gap:12px}.task-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-card-head>div{display:flex;flex-direction:column;gap:5px;min-width:0}.task-card-head strong{font-size:13px}.task-card-head span:not(.status-pill),.task-due{font-size:11px;color:#738491;overflow-wrap:anywhere}.task-comment-label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#526879}.task-comment-label textarea{width:100%;resize:vertical;border:1px solid #dbe4e9;border-radius:9px;padding:10px;font:inherit;font-size:12px}.danger-button{background:#fff0ef;color:#a52b2b}.segmented-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.segmented-tabs button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line,#dbe4ec);background:#fff;color:var(--ink,#16324a);border-radius:10px;padding:10px 14px;font:inherit;cursor:pointer}.segmented-tabs button.selected{background:#e8f1f7;border-color:#bfd3e2;font-weight:700}.import-panel{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px;border:1px dashed #b7cad9;border-radius:14px;background:#f7fafc;margin:16px 0}.import-panel strong{display:flex;align-items:center;gap:8px}.import-panel p{margin:7px 0 0;color:#668097;font-size:13px;line-height:1.5}.file-button{position:relative;overflow:hidden;white-space:nowrap;cursor:pointer}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.import-preview{border:1px solid #dbe4ec;border-radius:12px;padding:14px;margin:16px 0}.import-preview h3{margin:0;font-size:17px}.import-preview .section-heading{align-items:center}@media(max-width:700px){.import-panel{align-items:flex-start;flex-direction:column}.import-panel .file-button{width:100%;justify-content:center}.segmented-tabs button{flex:1;justify-content:center}}