@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";:root{color:#44465b;font-synthesis:none;--bg:#f7f7fa;--surface:#fff;--surface-soft:#f4f3f9;--text:#44465b;--muted:#858598;--line:#eae9ef;--primary:#7367f0;--primary-soft:#efedfd;--shadow:0 3px 16px #2f33490a;--success:#238957;--warning:#aa6407;--danger:#c84153;background:#f7f7fa;font-family:Noto Sans Thai,system-ui,sans-serif;font-size:15.4px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#25293c;--surface:#2f3349;--surface-soft:#363b53;--text:#e1e2ee;--muted:#a1a4be;--line:#444961;--primary:#a49aff;--primary-soft:#413c65;--shadow:0 3px 16px #10132626;--success:#60d49a;--warning:#ffbc67;--danger:#ff8896;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #a49aff}button{color:inherit}a{color:var(--primary);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.65px;font-size:27.5px;font-weight:600}h2{margin-bottom:4px;font-size:20.9px;font-weight:600}h3{font-size:17.6px;font-weight:600}p{color:var(--muted);line-height:1.7}svg{stroke-width:1.7px;flex-shrink:0}input,select,textarea{border:1px solid var(--line);background:var(--surface);min-width:0;max-width:100%;color:var(--text);border-radius:6px;padding:9px 12px}input:focus,select:focus,textarea:focus{border-color:var(--primary)}textarea{resize:vertical;min-height:86px}input[type=checkbox]{accent-color:var(--primary);width:17px;height:17px}button{background:0 0;border:0}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.button{background:var(--primary);color:#fff;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 17px;font-weight:500;display:inline-flex;box-shadow:0 3px 7px #7367f033}.button:hover{filter:brightness(.96)}.button.secondary{color:var(--text);background:var(--surface-soft);box-shadow:none}.button.danger{background:var(--danger)}.button.small{padding:7px 12px;font-size:13.2px}.icon-button{width:36px;height:36px;color:var(--muted);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--primary-soft);color:var(--primary)}.eyebrow{letter-spacing:1.8px;color:var(--muted);font-size:11px;font-weight:600}.card{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:8px}.card-head{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.card-head p{margin:4px 0 0;font-size:13.2px}.muted{color:var(--muted)}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap}.badge{white-space:nowrap;background:var(--primary-soft);color:var(--primary);border-radius:5px;align-items:center;gap:6px;padding:4px 9px;font-size:12.1px;font-weight:500;display:inline-flex}.badge.green{color:var(--success);background:#28c76f1a}.badge.amber{color:var(--warning);background:#ff9f431a}.badge.red{color:var(--danger);background:#ea54551a}.badge.gray{background:var(--surface-soft);color:var(--muted)}.badge.cyan{color:#168fa4;background:#00bad11a}.field{flex-direction:column;gap:6px;min-width:0;font-size:13.2px;display:flex}.field>span{font-weight:500}.wide{grid-column:1/-1}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:20px;display:flex}.error-box{color:var(--danger);white-space:pre-line;background:#ea545510;border:1px solid #ea545530;border-radius:7px;align-items:center;gap:10px;margin:12px 0;padding:16px;display:flex}.error-box span{flex:1}.notice{background:var(--primary-soft);color:var(--primary);border-radius:6px;padding:12px 16px;font-size:13.2px;line-height:1.7}.loading{color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:70px 20px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:50px 20px}.empty h3{margin:15px 0 4px}.empty p{font-size:14.3px}.empty-symbol{background:var(--primary-soft);color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;font-size:35.2px;display:inline-flex}.table-scroll{max-width:100%;min-height:100px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:13.2px}th{background:var(--surface-soft);letter-spacing:.3px;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12.1px;font-weight:600}th button{text-align:left;font:inherit;letter-spacing:inherit;align-items:center;gap:7px;padding:0;display:flex}th,td{padding:15px 19px}td{border-bottom:1px solid var(--line);overflow-wrap:anywhere;max-width:340px}tbody tr:last-child td{border-bottom:0}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--surface-soft)}td .subtext{color:var(--muted);margin-top:3px;font-size:12.1px;display:block}.doc-number{color:var(--primary);white-space:nowrap;font-weight:500}.action-cell{text-align:center;width:58px;padding:8px}.pagination{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:18px 24px;font-size:13.2px;display:flex}.pagination>div{align-items:center;gap:8px;display:flex}.page-number{color:#fff;background:var(--primary);border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;display:inline-flex}.modal{border:1px solid var(--line);color:var(--text);background:var(--surface);border-radius:12px;width:min(790px,94vw);max-height:90dvh;padding:0;box-shadow:0 24px 100px #1115}.modal-wide{width:min(1120px,95vw)}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#171b32a1}.modal-shell{flex-direction:column;max-height:89dvh;display:flex}.modal-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:23px 28px;display:flex}.modal-header h2{margin-top:5px}.modal-header p{margin:0;font-size:13.2px}.modal-body{padding:25px 28px;overflow-y:auto}.details{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 25px;margin:22px 0;display:grid}.details dt{color:var(--muted);margin-bottom:4px;font-size:12.1px}.details dd{overflow-wrap:anywhere;margin:0;font-size:14.3px;line-height:1.6}.tabs{border-bottom:1px solid var(--line);gap:20px;margin:24px 0;display:flex;overflow-x:auto}.tabs button{white-space:nowrap;color:var(--muted);border-bottom:2px solid #0000;padding:10px 4px}.tabs .active{color:var(--primary);border-bottom-color:var(--primary)}.fatal{max-width:800px;margin:auto;padding:80px}.text-danger{color:var(--danger)}.check-field{border:1px solid var(--line);border-radius:7px;align-items:center;gap:10px;padding:13px;display:flex}.check-field input{flex-shrink:0}.gallery{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.gallery button{padding:0}.gallery img{object-fit:cover;border-radius:8px;width:100%;height:160px}.lightbox{object-fit:contain;width:100%;max-height:65dvh}.success-note{color:var(--success);background:#28c76f15;border-radius:7px;margin:12px 0;padding:12px 16px}.summary-strip{background:var(--surface-soft);border-radius:7px;flex-wrap:wrap;gap:28px;margin:20px 0;padding:18px;display:flex}.summary-strip span{color:var(--muted);font-size:12.1px;display:block}.summary-strip strong{font-size:19.8px}.tip{color:var(--muted);margin:10px 0;font-size:12.1px}@media (width<=640px){.form-grid,.details{grid-template-columns:1fr}.modal{border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0}.modal-shell{height:100%;max-height:100dvh}.modal-header,.modal-body{padding:18px}.form-footer{flex-wrap:wrap}.pagination{flex-wrap:wrap;padding:15px}.card-head{padding:18px}.gallery{grid-template-columns:1fr 1fr}th,td{padding:12px}h1{font-size:24.2px}.details{gap:14px}.summary-strip{gap:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}.app{min-height:100dvh}.sidebar{z-index:30;color:#c6c8df;background:#2f3349;flex-direction:column;width:260px;transition:width .2s;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{align-items:center;gap:11px;padding:28px 26px 31px;display:flex}.brand-symbol{color:#a69bff;justify-content:center;align-items:center;width:38px;height:40px;display:flex}.brand-copy strong{color:#fff;letter-spacing:1px;font-size:26.4px}.brand-copy strong span{font-size:22px;font-weight:400}.brand-copy small{letter-spacing:3px;color:#abaec8;font-size:8.8px;display:block}.sidebar nav{padding:0 14px}.nav-item{color:#b8bad2;text-align:left;white-space:nowrap;border-radius:6px;align-items:center;gap:12px;width:100%;margin:3px 0;padding:11px 15px;font-size:13.2px;display:flex}.nav-item span{flex:1}.nav-item.active{color:#fff;background:linear-gradient(90deg,#7367f0,#9388f9);box-shadow:0 4px 12px #7367f033}.nav-item:not(.active):hover{background:#ffffff09}.nav-group{letter-spacing:.5px;color:#8589a6;margin:25px 15px 9px;font-size:11px}.sidebar-footer{margin-top:auto;padding:30px 22px 20px}.help-card{text-align:center;color:#c8c2ff;background:#383c55;border-radius:9px;padding:20px 10px 15px}.help-card strong{color:#e8e6ff;margin:9px 0 4px;font-size:13.2px;display:block}.help-card p{color:#acb0cb;margin-bottom:13px;font-size:11px}.help-card a{color:#d0caff;align-items:center;gap:7px;font-size:12.1px;display:inline-flex}.sidebar-caption{letter-spacing:1.6px;text-align:center;color:#888ba6;margin-top:22px;font-size:7.7px}.workspace{margin-left:260px;padding:20px 28px 0;transition:margin-left .2s}.topbar{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:65px;margin-bottom:28px;padding:10px 15px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:10px;display:flex}.search-trigger{color:var(--muted);align-items:center;gap:10px;padding:6px;font-size:14.3px;display:flex}.search-trigger kbd{border:1px solid var(--line);border-radius:4px;margin-left:45px;padding:3px 5px;font-size:11px}.profile-button{margin-left:5px;padding:0;position:relative}.avatar{background:var(--primary-soft);width:37px;height:37px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.online-dot{border:2px solid var(--surface);background:#28c76f;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.readonly-label{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.page-footer{color:var(--muted);justify-content:space-between;gap:10px;padding:25px 0;font-size:11px;display:flex}.footer-dot{color:#28c76f;margin-left:7px;font-size:8.8px}.mobile-close{display:none}.sidebar-collapsed .sidebar{width:80px}.sidebar-collapsed .workspace{margin-left:80px}.sidebar-collapsed .brand{padding:28px 21px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-item span,.sidebar-collapsed .nav-item>svg:last-child:not(:first-child),.sidebar-collapsed .sidebar-footer{display:none}.sidebar-collapsed .nav-group{border-top:1px solid #ffffff15;margin:23px 0 10px;font-size:0}.sidebar-collapsed .nav-item{padding:12px 15px}.skip-link{z-index:100;background:var(--surface);padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}.menu-search-input{width:100%;margin-bottom:15px}.menu-results button{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;width:100%;padding:13px 12px;display:flex}.menu-results button:hover{background:var(--surface-soft)}.menu-results strong{font-size:14.3px;display:block}.menu-results span{color:var(--muted);font-size:12.1px}.login-page{grid-template-columns:1.1fr 1fr;min-height:100dvh;display:grid}.login-art{color:#e3e1fb;background:#2f3349;padding:0 35px 44px;position:relative;overflow:hidden}.login-pitch{max-width:500px;margin:6vh auto 0}.login-pitch .eyebrow{color:#a8a1d6}.login-pitch h1{letter-spacing:-1px;color:#fff;margin:20px 0 17px;font-size:48.4px;line-height:1.5}.login-pitch h1 span{color:#a59aff}.login-pitch p{color:#a9acc9;font-size:15.4px}.login-copyright{letter-spacing:2px;color:#8e91ad;font-size:8.8px;position:absolute;bottom:12px;left:60px}.login-main{background:var(--surface);justify-content:center;align-items:center;padding:70px 36px;display:flex;position:relative}.login-theme{position:absolute;top:25px;right:30px}.login-form{width:100%;max-width:365px}.login-form>.badge{margin-bottom:24px}.login-form h2{margin-bottom:8px;font-size:27.5px}.login-form>p{margin-bottom:30px;font-size:14.3px}.login-form form{flex-direction:column;gap:20px;display:flex}.login-form input{padding:12px}.password-field{width:100%;display:flex;position:relative}.password-field input{width:100%;padding-right:45px}.password-field .icon-button{position:absolute;top:5px;right:5px}.login-submit{justify-content:space-between;margin-top:3px}.login-environment{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:20px 0 30px;font-size:12.1px;display:flex}.illustration{height:290px;margin-top:20px;position:relative}.art-orbit{border:1px dashed #a097fb55;border-radius:50%;width:330px;height:250px;position:absolute;top:20px;left:40px;transform:rotate(-20deg)}.art-card{background:#3b405b;border:1px solid #68618c;border-radius:13px;position:absolute;box-shadow:0 16px 30px #15182c45}.art-main{flex-wrap:wrap;align-content:start;gap:16px;width:300px;height:185px;padding:23px;display:flex;top:35px;left:50px;transform:rotate(-5deg)}.art-icon{color:#b6aeff}.art-main strong{margin-top:3px;font-size:16.5px;display:block}.art-main small{color:#a4a9c5;font-size:9.9px}.art-bars{align-items:end;gap:14px;width:100%;height:63px;padding-top:10px;display:flex}.art-bars i{background:#9b8bff;border-radius:3px;flex:1;height:50%;display:block}.art-bars i:nth-child(2){height:70%}.art-bars i:nth-child(3){height:60%}.art-bars i:nth-child(4){height:90%}.art-bars i:nth-child(5){height:75%}.art-bars i:nth-child(6){height:100%}.art-bars i:nth-child(7){background:#70d4ac;height:90%}.art-small{color:#a8e8c7;align-items:center;gap:13px;padding:15px 20px;font-size:13.2px;display:flex;top:205px;left:0}.art-small small{color:#a4a9c5;font-size:9.9px;display:block}.art-truck{color:#cdc5ff;align-items:center;gap:10px;padding:15px;font-size:13.2px;display:flex;top:12px;right:0}@media (width>=1600px){.workspace{padding-left:40px;padding-right:40px}.login-pitch{margin-top:12vh}}@media (width<=1199px){.sidebar{transition:transform .2s;transform:translate(-100%);width:260px!important}.sidebar.mobile-open{transform:translate(0)}.workspace,.sidebar-collapsed .workspace{margin-left:0}.sidebar-backdrop{z-index:29;background:#14182988;position:fixed;inset:0}.mobile-close{color:#ccc;margin-left:auto;display:block}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-item span,.sidebar-collapsed .sidebar-footer{display:block}.sidebar-collapsed .nav-group{border:0;font-size:11px}.login-pitch h1{font-size:39.6px}.illustration{transform-origin:0 0;transform:scale(.85)}}@media (width<=767px){.login-page{grid-template-columns:1fr}.login-art{display:none}.login-main{min-height:100dvh;padding:80px 25px}.workspace{padding:12px 14px 0}.topbar{min-height:58px;margin-bottom:22px;padding:8px}.topbar-left,.topbar-right{gap:2px}.search-trigger span,.search-trigger kbd,.readonly-label{display:none}.page-footer{font-size:9.9px}.topbar-right>.icon-button:has(svg.lucide-circle-help){display:none}.brand{padding-bottom:22px}.help-card{display:none}}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin:30px 0 25px;display:flex}.breadcrumb{color:var(--muted);margin-bottom:12px;font-size:11px}.breadcrumb span{color:#b4b2c4;padding:0 7px}.page-heading h1{margin-bottom:6px;font-size:25px}@media (width<=640px){.page-heading h1{font-size:22px}}.heading-dot{color:var(--primary)}.page-heading p{margin:0;font-size:13.2px}.heading-actions{gap:10px;display:flex}.module-overview{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:25px;padding:25px;display:none}.module-overview>div{border-right:1px solid var(--line);align-items:center;gap:17px;display:flex}.module-overview>div:last-child{border:0}.module-overview strong{margin-top:4px;font-size:25.3px;font-weight:500;display:block}.module-overview strong small{color:var(--muted);font-size:12.1px;font-weight:400}.module-overview .stat-label{font-size:16.5px}.module-overview>div>div>span{color:var(--muted);font-size:12.1px}.stat-icon{background:var(--primary-soft);width:47px;height:47px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-icon.cyan{color:#149eae;background:#00bad112}.stat-icon.green{color:var(--success);background:#28c76f15}.filters{border-bottom:1px solid var(--line);padding:0 24px 17px}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;display:grid}.filter-grid .field{font-size:12.1px}.filter-footer{justify-content:flex-end;align-items:center;gap:15px;padding-top:15px;display:flex}.text-button{color:var(--muted);font-size:12.1px}.text-button:hover{color:var(--primary)}.search-input{align-items:center;display:flex;position:relative}.search-input>svg{color:var(--muted);position:absolute;left:10px}.search-input input{width:100%;padding-left:33px}.table-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.per-page{color:var(--muted);align-items:center;gap:9px;font-size:12.1px;display:flex}.per-page select{padding:6px 10px}.table-actions{align-items:center;gap:10px;display:flex}.customer-cell{align-items:center;gap:10px;min-width:175px;display:flex}.customer-avatar{background:var(--primary-soft);width:30px;height:30px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13.2px;display:flex}.permission-yes{color:var(--success)}.detail-heading{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.detail-document{letter-spacing:-.5px;color:var(--primary);font-size:24.2px;font-weight:600}.spaced{margin-top:22px}.checklist-readonly{flex-wrap:wrap;gap:18px;margin:15px 0 25px;display:flex}.checklist-readonly label{align-items:center;gap:7px;font-size:13.2px;display:flex}.table-notice{margin:0 24px 16px}.table-toolbar .tip{margin:0}@media (width<=767px){.page-heading{align-items:flex-start;margin-top:24px}.heading-actions .button{padding:8px 11px;font-size:12.1px}.module-overview{grid-template-columns:1fr;gap:15px;margin-bottom:20px;padding:17px}.module-overview>div{border-right:0;border-bottom:1px solid var(--line);padding-bottom:13px}.module-overview>div:last-child{padding:0}.module-overview strong{font-size:22px}.module-overview .stat-icon{width:38px;height:38px}.filter-grid{grid-template-columns:1fr 1fr;gap:12px}.filters{padding:0 17px 17px}.filter-grid .field:first-child{grid-column:1/-1}.table-toolbar{flex-wrap:wrap;padding:15px 17px}.table-toolbar .tip{font-size:9.9px}.page-heading p{font-size:12.1px}.table-notice{margin:0 15px 15px}}.employee-photo{object-fit:cover;border-radius:10px;width:90px;height:90px}.address-lookup{position:relative}.address-options{background:var(--surface);border:1px solid var(--line);z-index:10;max-height:230px;box-shadow:var(--shadow);border-radius:7px;position:absolute;top:100%;left:0;right:0;overflow:auto}.address-options button{text-align:left;width:100%;padding:12px;font-size:13.2px;display:block}.address-options button:hover,.address-options button[aria-selected=true]{background:var(--primary-soft);color:var(--primary)}.google-map{background:var(--surface-soft);border-radius:8px;height:290px}.delete-zone{border-top:1px solid var(--line);margin-top:24px;padding:20px 0 0}.delete-zone .text-danger{color:var(--danger)}.dashboard-top{grid-template-columns:1fr 1.55fr;gap:24px;margin-bottom:24px;display:grid}.welcome-card{min-height:200px;padding:27px 25px;display:flex;position:relative;overflow:hidden}.welcome-card>div:first-child{z-index:1;position:relative}.welcome-card h2{margin-top:13px;font-size:20.9px}.welcome-card h2 span{color:#ffae53;font-size:27.5px}.welcome-card p{max-width:245px;margin:10px 0 18px;font-size:12.1px;line-height:1.85}.welcome-illustration{width:145px;height:180px;position:absolute;top:23px;right:15px}.welcome-orbit{background:var(--primary-soft);border-radius:50%;position:absolute;inset:15px 5px;transform:rotate(20deg)}.welcome-sheet{background:var(--surface);border:1px solid var(--line);width:90px;height:120px;color:var(--primary);border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:13px;display:flex;position:absolute;top:24px;right:23px;transform:rotate(12deg);box-shadow:0 10px 20px #7367f01a}.welcome-sheet i{background:var(--primary-soft);border-radius:2px;width:55px;height:3px}.welcome-check{color:#fff;background:#28c76f;border-radius:12px;justify-content:center;align-items:center;width:39px;height:39px;display:flex;position:absolute;bottom:20px;right:8px;transform:rotate(-8deg)}.welcome-box{color:#9d90ed;position:absolute;top:7px;left:0;transform:rotate(-10deg)}.overview-card .card-head{padding:27px 25px 10px}.overview-metrics{grid-template-columns:repeat(4,1fr);gap:12px;padding:27px 25px;display:grid}.overview-metrics button{text-align:left;align-items:center;gap:12px;padding:0;display:flex}.overview-metrics strong{font-size:25.3px;font-weight:500;display:block}.overview-metrics div>span{color:var(--muted);white-space:nowrap;font-size:11px;display:block}.overview-metrics .stat-icon{width:41px;height:41px}.stat-icon.amber{color:#dc8c32;background:#ff9f4318}.dashboard-middle{grid-template-columns:1.4fr 1fr;gap:24px;margin-bottom:24px;display:grid}.status-chart{gap:20px;padding:3px 25px 19px;display:grid}.status-bar-row{grid-template-columns:180px 1fr 45px;align-items:center;gap:15px;font-size:12.1px;display:grid}.status-bar-row>span{white-space:nowrap;align-items:center;gap:9px;display:flex}.status-bar-row>span i{border-radius:50%;width:7px;height:7px;display:block}.bar-track{background:var(--surface-soft);border-radius:3px;height:10px;overflow:hidden}.bar-track>div{border-radius:3px;height:100%}.status-bar-row strong{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.chart-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:17px 25px;font-size:12.1px;display:flex}.chart-footer button{color:var(--primary);align-items:center;gap:5px;font-size:12.1px;display:flex}.workflow-list{padding:0 23px}.workflow-list button{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:15px;width:100%;padding:16px 0;display:flex}.workflow-list button:last-child{border-bottom:0}.workflow-list button>div{flex:1}.workflow-list strong{font-size:13.2px;font-weight:500}.workflow-list p{margin:5px 0 0;font-size:11px}.step-number{color:var(--primary);background:var(--primary-soft);border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;font-size:13.2px;font-weight:600;display:flex}.workflow-list button>svg{color:var(--muted)}.workflow-note{color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:8px;padding:15px 20px 18px;font-size:9.9px;display:flex;position:relative}.workflow-note .online-dot{border:0;width:7px;height:7px;position:static}.overview-card .badge{font-size:9.9px}@media (width<=1500px){.overview-metrics{grid-template-columns:repeat(2,1fr);gap:25px;padding-top:14px}.welcome-illustration{opacity:.6;width:120px;right:0}.welcome-card p{max-width:220px}}@media (width<=1000px){.dashboard-top{grid-template-columns:1fr 1fr}.dashboard-middle{grid-template-columns:1fr}.welcome-illustration{opacity:.45}.welcome-card{padding:23px}.overview-metrics{padding:15px 20px}.overview-card .card-head{padding:23px 20px 10px}.overview-card .badge{display:none}}@media (width<=640px){.dashboard-top{grid-template-columns:1fr;gap:18px;margin-bottom:18px}.dashboard-middle{gap:18px;margin-bottom:18px}.welcome-illustration{opacity:1;right:15px}.welcome-card p{max-width:220px}.overview-metrics{grid-template-columns:1fr 1fr;padding:15px 20px 25px}.overview-card .badge{display:inline-flex}.status-bar-row{grid-template-columns:155px 1fr 30px;gap:8px;font-size:11px}.status-chart{padding:0 18px 20px}.dashboard-heading{flex-direction:column;gap:16px}.dashboard-heading .heading-actions{width:100%}.dashboard-heading select{flex:1}.workflow-list{padding:0 18px}.status-card .stat-icon{width:36px;height:36px}.chart-footer{padding:16px 18px}}@media (width<=420px){.filter-grid{grid-template-columns:minmax(0,1fr)}}