:root{color:#171b18;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#171b18;--muted:#6f7872;--paper:#fff;--canvas:#f3f4f0;--forest:#174f3a;--forest-2:#207452;--danger:#b33b36;--sidebar:#171a18;--shadow:0 22px 70px #1932241a;background:#f3f4f0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #20745252}.session-check{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:14px;display:grid}.spinner{border:3px solid #dce3de;border-top-color:var(--forest-2);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:radial-gradient(circle at 75% 20%, #d5e2d8b3, transparent 28%), var(--canvas);place-items:center;min-height:100vh;padding:48px;display:grid}.login-card{width:min(980px,100%);min-height:600px;box-shadow:var(--shadow);background:#edf2ed;border:1px solid #ffffffb3;border-radius:26px;grid-template-columns:1.05fr 1fr;display:grid;overflow:hidden}.login-brand{color:#fff;background:linear-gradient(145deg,#0f4a35f5,#14573df0);flex-direction:column;justify-content:space-between;padding:58px 54px;display:flex}.wordmark{letter-spacing:-.04em;margin:0;font-size:clamp(28px,3vw,42px);font-weight:850;line-height:.92}.brand-copy h2{margin:0 0 12px;font-size:24px}.brand-copy p{color:#ffffffad;margin:0}.login-panel{flex-direction:column;justify-content:center;padding:64px 58px;display:flex}.eyebrow{color:var(--forest-2);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.login-panel h1{letter-spacing:-.05em;margin:0;font-size:clamp(34px,4vw,48px)}.login-intro{color:var(--muted);margin:12px 0 34px}.login-form{gap:18px;display:grid}.field{gap:8px;display:grid}.field span{color:#4f5953;font-size:13px;font-weight:700}.field input{width:100%;height:52px;color:var(--ink);background:#ffffffd1;border:1px solid #dce2dd;border-radius:13px;padding:0 16px;transition:border-color .14s,box-shadow .14s}.field input:focus{border-color:#76a28a;outline:none;box-shadow:0 0 0 4px #4284621a}.form-error{color:var(--danger);margin:-3px 0 0;font-size:13px;font-weight:650}.primary-button{color:#fff;background:var(--forest-2);border:0;border-radius:13px;height:52px;font-weight:800;transition:transform .14s,background .14s}.primary-button:hover:not(:disabled){background:var(--forest);transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.66}.security-note{color:#7c857f;margin:24px 0 0;font-size:12px;line-height:1.6}.app-layout{grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f5f7f5;background:var(--sidebar);flex-direction:column;min-height:100vh;padding:28px 18px 20px;display:flex}.sidebar-brand{align-items:center;gap:12px;padding:4px 10px 28px;display:flex}.brand-mark,.avatar{border-radius:50%;flex:none;place-items:center;font-weight:850;display:grid}.brand-mark{width:38px;height:38px;color:var(--forest);background:#dbe9df}.sidebar-brand strong{letter-spacing:.08em;font-size:13px;display:block}.sidebar-brand small{color:#7d8781}.nav-section-label{color:#69716c;letter-spacing:.13em;margin:12px 12px 8px;font-size:10px;font-weight:800}.nav-list{gap:5px;display:grid}.nav-item{color:#9fa7a2;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;padding:12px 14px;text-decoration:none;display:flex}.nav-item.active{color:#fff;background:#303832}.nav-item:disabled{cursor:default;opacity:.45}.nav-icon{text-align:center;width:22px;font-size:16px}.user-card{background:#232724;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:auto;padding:12px;display:grid}.avatar{color:#244634;background:#b9cabe;width:36px;height:36px}.user-meta{min-width:0}.user-meta strong,.user-meta small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-meta strong{font-size:13px}.user-meta small{color:#89918c;margin-top:3px;font-size:10px}.logout-button{color:#a4aca7;background:0 0;border:0;border-radius:9px;width:32px;height:32px}.logout-button:hover{color:#fff;background:#343a36}.workspace{background:var(--canvas);min-width:0;padding:42px 44px}.page-stack{gap:24px;display:grid}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.page-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(30px,3vw,40px)}.page-header p:not(.eyebrow){color:var(--muted);margin:8px 0 0}.primary-link,.secondary-button,.text-button,.icon-button{border:0;font-weight:750;text-decoration:none}.primary-link{color:#fff;background:var(--forest-2);border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;display:inline-flex}.primary-link:hover{background:var(--forest)}.secondary-button{color:#315743;background:#fff;border:1px solid #d8dfda;border-radius:11px;min-height:40px;padding:0 16px}.secondary-button:hover{background:#f7faf7;border-color:#9eb3a6}.secondary-button:disabled,.primary-link:disabled{cursor:default;opacity:.55}.text-button{color:var(--muted);background:0 0;padding:8px}.danger-text{color:#9e3b35}.icon-button{width:42px;height:42px;color:var(--ink);background:#fff;border:1px solid #dce1dd;border-radius:12px}.primary-button.compact{width:auto;height:42px;padding:0 18px}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.metric-card{box-shadow:0 8px 30px #1932240a}.metric-card small{color:#9ba29d;margin-top:7px;font-size:11px;display:block}.metric-muted strong{color:#777f79;font-size:19px}.content-card,.filter-card,.product-table-wrap,.form-section,.editor-summary,.attachment-page,.history-page{background:var(--paper);border:1px solid #e0e4dfe6;border-radius:18px}.content-card{padding:26px}.section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-heading h2{margin:0;font-size:19px}.section-heading p{color:var(--muted);margin:6px 0 0;font-size:13px}.section-heading>a{color:var(--forest-2);font-size:13px;font-weight:700;text-decoration:none}.recent-list{margin-top:20px}.recent-row{min-height:72px;color:inherit;border-top:1px solid #edf0ed;grid-template-columns:auto minmax(180px,1.4fr) minmax(140px,1fr) 100px auto;align-items:center;gap:16px;padding:12px 8px;text-decoration:none;display:grid}.recent-row:first-child{border-top:0}.recent-row:hover{background:#fafbf9}.recent-main strong,.recent-main span{display:block}.recent-main span,.recent-spec{color:var(--muted);margin-top:4px;font-size:12px}.fabric-thumb{color:#42634f;background:linear-gradient(145deg,#e6eee8,#d6e1d9);border-radius:12px;place-items:center;width:48px;height:48px;font-size:13px;font-weight:800;display:grid;overflow:hidden}.fabric-thumb img{object-fit:cover;width:100%;height:100%}.product-status{color:#56615a;white-space:nowrap;background:#eef1ee;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:6px 9px;font-size:11px;font-weight:750;display:inline-flex}.product-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.status-draft{color:#8a6229;background:#f6edde}.status-pending_approval{color:#786328;background:#f4f0d9}.status-approved{color:#27704d;background:#dfede4}.status-rejected{color:#a03f39;background:#f4e2e0}.status-superseded{color:#69716c;background:#e9ece9}.filter-card{padding:18px}.search-box{background:#fafbf9;border:1px solid #dfe4e0;border-radius:13px;align-items:center;gap:12px;height:50px;padding:0 16px;display:flex}.search-box>span{color:#7b857e;font-size:24px}.search-box input{background:0 0;border:0;outline:none;flex:1;min-width:0}.filter-grid{grid-template-columns:.8fr 1fr 1.4fr .9fr 1fr auto;align-items:end;gap:12px;margin-top:14px;display:grid}.filter-grid>label{gap:6px;display:grid}.filter-grid>label>span{color:var(--muted);font-size:11px;font-weight:700}.filter-grid select,.filter-grid input,.upload-actions select{width:100%;height:40px;color:var(--ink);background:#fff;border:1px solid #dfe4e0;border-radius:10px;padding:0 10px}.range-input{grid-template-columns:1fr auto 1fr;align-items:center;gap:5px;display:grid}.range-input b{color:#a2aaa4;font-weight:400}.filter-actions{align-items:center;gap:5px;display:flex}.product-results{min-height:360px}.product-table-wrap{overflow:hidden}.product-table{border-collapse:collapse;width:100%}.product-table th{color:#89918c;text-align:left;background:#fafbf9;padding:13px 18px;font-size:11px}.product-table td{color:#4c5650;border-top:1px solid #edf0ed;padding:15px 18px;font-size:13px}.product-table tbody tr{cursor:pointer}.product-table tbody tr:hover{background:#fafcf9}.product-table td:last-child{color:#849087;text-align:right;font-size:22px}.product-table td small{color:#9ba29d;margin-top:5px;font-size:11px;display:block}.product-cell{align-items:center;gap:12px;display:flex}.product-cell strong,.product-cell small{display:block}.product-cell strong{color:var(--ink)}.product-cell small{color:var(--muted);margin-top:4px;font-size:11px}.product-mobile-list{display:none}.pagination{justify-content:center;align-items:center;gap:14px;margin-top:14px;display:flex}.pagination button{color:var(--ink);background:#fff;border:1px solid #dce1dd;border-radius:9px;padding:7px 12px}.pagination button:disabled{opacity:.4;cursor:default}.pagination span{color:var(--muted);font-size:12px}.state-panel{min-height:300px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:10px;padding:40px;display:grid}.state-panel strong{color:var(--ink)}.state-panel p{max-width:420px;margin:0}.state-icon{color:#99423c;background:#f4e3e1;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.empty-icon{color:#4b6c58;background:#e5ede7}.editor-page{min-width:0;margin:-42px -44px}.editor-header{background:#fafbf9;border-bottom:1px solid #e1e5e1;align-items:center;gap:14px;min-height:92px;padding:18px 30px;display:flex}.editor-title{flex:1;min-width:0}.editor-title span{color:var(--muted);letter-spacing:.1em;font-size:10px;font-weight:800}.editor-title h1{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:21px;overflow:hidden}.editor-actions{align-items:center;gap:8px;display:flex}.archive-badge{color:#8c3f3a;background:#f1dfdd;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:750}.editor-tabs{background:#fff;border-bottom:1px solid #e1e5e1;gap:24px;padding:0 30px;display:flex;overflow-x:auto}.editor-tabs button{color:#747d77;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;height:54px;padding:0 2px}.editor-tabs button.active{border-color:var(--forest-2);color:var(--forest);font-weight:750}.editor-tabs button:disabled{cursor:default;opacity:.35}.editor-tabs button span{background:#edf1ed;border-radius:99px;margin-left:5px;padding:2px 6px;font-size:10px}.editor-message{border-radius:10px;margin:18px 30px 0;padding:11px 14px;font-size:13px}.editor-message.error{color:#933d37;background:#f5e5e3}.editor-message.success{color:#2f6b4d;background:#e2eee6}.editor-content{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:20px;padding:26px 30px 50px;display:grid}.editor-main{gap:18px;display:grid}.readonly-banner{color:#7c6527;background:#faf5e6;border:1px solid #e8dfc5;border-radius:11px;padding:13px 15px;font-size:12px}.form-section{padding:24px}.form-section-title h2{margin:0;font-size:17px}.form-section-title p{color:var(--muted);margin:6px 0 0;font-size:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px;margin-top:20px;display:grid}.editor-field{align-content:start;gap:7px;display:grid}.editor-field>span{color:#56605a;font-size:11px;font-weight:750}.editor-field>span b{color:#a74039}.field-control{position:relative}.field-control input,.editor-field textarea{width:100%;color:var(--ink);background:#fcfdfc;border:1px solid #dce2dd;border-radius:10px;outline:none}.field-control input{height:43px;padding:0 12px}.field-control:has(em) input{padding-right:50px}.field-control em{color:#8a928d;font-size:10px;font-style:normal;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.editor-field textarea{resize:vertical;padding:11px 12px}.field-control input:focus,.editor-field textarea:focus{border-color:#7ba28b;box-shadow:0 0 0 3px #2c744f17}.field-control input:disabled,.editor-field textarea:disabled{color:#68716c;background:#f3f5f3}.field-wide{grid-column:1/-1}.editor-summary{color:#fff;background:#202522;padding:22px;position:sticky;top:22px}.editor-summary>p{color:#99a39c;margin:0 0 7px;font-size:11px}.editor-summary>strong{font-size:18px;line-height:1.35;display:block}.editor-summary dl{margin:22px 0}.editor-summary dl div{border-top:1px solid #343a36;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.editor-summary dt{color:#89928c;font-size:11px}.editor-summary dd{text-align:right;margin:0;font-size:12px}.editor-summary>small{color:#8d9790;font-size:10px;line-height:1.6;display:block}.attachment-page,.history-page{margin:26px 30px 50px;padding:24px}.upload-actions{align-items:center;gap:8px;display:flex}.upload-actions select{width:128px}.button-link{cursor:pointer;border:0}.upload-progress{background:#e9eee9;border-radius:99px;height:4px;margin-top:16px;overflow:hidden}.upload-progress i{border-radius:inherit;background:var(--forest-2);height:100%;transition:width .15s;display:block}.attachment-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.attachment-card{background:#fafbf9;border:1px solid #e0e5e1;border-radius:14px;min-width:0;position:relative;overflow:hidden}.attachment-card[draggable=true]{cursor:grab}.attachment-image{aspect-ratio:4/3;color:var(--muted);background:#edf1ed;place-items:center;font-size:12px;display:grid;position:relative}.attachment-image img{object-fit:cover;width:100%;height:100%}.attachment-image b{color:#fff;background:#141e18b8;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;display:grid;position:absolute;top:8px;left:8px}.attachment-meta{min-height:59px;padding:12px 70px 12px 12px}.attachment-meta strong,.attachment-meta span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.attachment-meta strong{font-size:12px}.attachment-meta span{color:var(--muted);margin-top:5px;font-size:10px}.attachment-delete{color:#fff;background:#232624b3;border:0;border-radius:50%;width:27px;height:27px;font-size:18px;position:absolute;top:7px;right:7px}.attachment-order{gap:4px;display:flex;position:absolute;bottom:9px;right:8px}.attachment-order button{color:#506158;background:#fff;border:1px solid #dbe1dc;border-radius:7px;width:25px;height:25px}.attachment-order button:disabled{cursor:default;opacity:.35}.drag-tip{color:var(--muted);margin:15px 0 0;font-size:11px}.history-list{gap:10px;margin-top:22px;display:grid}.history-list article{border:1px solid #e5e8e5;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px;display:grid}.history-list article.current{background:#f4f8f5;border-color:#a9c4b3}.history-number{color:#315d47;background:#e3ede6;border-radius:11px;place-items:center;width:42px;height:42px;font-size:12px;font-weight:800;display:grid}.history-list strong{font-size:13px}.history-list p{color:var(--muted);margin:5px 0 0;font-size:11px}.current-label{color:var(--forest-2);font-size:10px;font-weight:800}.workspace-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.workspace-header h1{letter-spacing:-.04em;margin:0;font-size:32px}.workspace-header p{color:var(--muted);margin:8px 0 0}.status-pill{color:#276447;background:#dfebe2;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:750}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.metric-card,.foundation-card{background:var(--paper);border:1px solid #e0e4dfd9;border-radius:18px}.metric-card{min-height:138px;padding:22px}.metric-card span{color:var(--muted);font-size:13px}.metric-card strong{margin-top:28px;font-size:28px;display:block}.foundation-card{margin-top:18px;padding:26px}.foundation-card h2{margin:0 0 8px;font-size:19px}.foundation-card p{color:var(--muted);margin:0;line-height:1.7}.foundation-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.foundation-list li{color:#42604f;background:#f1f5f1;border-radius:12px;padding:13px 14px;font-size:13px;font-weight:650}@media (width<=820px){.login-page{padding:18px}.login-card{grid-template-columns:1fr;min-height:auto}.login-brand{min-height:210px;padding:32px}.login-panel{padding:38px 30px 42px}.app-layout{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;gap:10px;min-height:auto;padding:14px 16px}.sidebar-brand{padding:0}.sidebar-brand div,.nav-section-label,.user-meta,.nav-item:disabled{display:none}.nav-list{margin-left:auto;display:flex}.nav-item{width:auto;padding:10px}.nav-label{display:none}.user-card{background:0 0;margin:0;padding:0}.workspace{padding:30px 20px}.workspace-header{flex-direction:column;align-items:flex-start}.metric-grid,.foundation-list{grid-template-columns:1fr}.page-header{align-items:flex-start}.page-header .primary-link{flex:none}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-row{grid-template-columns:auto minmax(0,1fr) auto}.recent-spec{display:none}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-actions{grid-column:1/-1;justify-content:flex-end}.product-table{display:none}.product-mobile-list{gap:7px;padding:8px;display:grid}.product-mobile-card{width:100%;color:inherit;text-align:left;background:#fafbf9;border:0;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px;display:grid}.product-mobile-card p{color:var(--muted);grid-column:1/-1;margin:0;font-size:11px}.editor-page{margin:-30px -20px}.editor-header{flex-wrap:wrap;padding:14px 18px}.editor-title{flex-basis:calc(100% - 60px)}.editor-header>.product-status,.editor-header>.archive-badge{margin-left:56px}.editor-actions{justify-content:flex-end;width:100%}.editor-tabs{padding:0 20px}.editor-content{grid-template-columns:1fr;padding:20px 20px 40px}.editor-summary{grid-row:1;position:static}.attachment-page,.history-page{margin:20px 20px 40px}.attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.workspace{padding:24px 14px}.page-header{flex-direction:column}.page-header .primary-link{width:100%}.dashboard-metrics{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:120px;padding:17px}.metric-card strong{font-size:23px}.content-card{padding:16px}.recent-row{gap:10px}.recent-row .product-status{display:none}.filter-grid{grid-template-columns:1fr}.filter-actions{grid-column:auto}.editor-page{margin:-24px -14px}.editor-header>.product-status,.editor-header>.archive-badge{margin-left:0}.editor-actions{justify-content:stretch}.editor-actions>*{flex:1}.form-section{padding:18px}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.section-heading{flex-direction:column;align-items:flex-start}.upload-actions{width:100%}.upload-actions select,.upload-actions .primary-link{flex:1}.attachment-grid{grid-template-columns:1fr}.history-list article{grid-template-columns:auto minmax(0,1fr) auto}.history-list .product-status{grid-column:2}.current-label{display:none}}.ops-page{font-size:16px}.ops-page button,.ops-dialog button{color:var(--forest);background:#fff;border:1px solid #d4dfd8;border-radius:8px;padding:9px 14px;font-weight:650}.ops-page button:disabled,.ops-dialog button:disabled{opacity:.5;cursor:not-allowed}.ops-page button.primary-link,.ops-dialog button.primary-link{background:var(--forest);color:#fff;border-color:var(--forest)}.ops-actions{flex-wrap:wrap;gap:10px;display:flex}.ops-lookup{color:#fff;background:#174f3a;border-radius:16px;align-items:center;gap:22px;padding:28px;display:flex}.ops-lookup>div:nth-child(2){flex:1}.ops-lookup label{margin-bottom:12px;font-size:16px;font-weight:700;display:block}.ops-lookup input{width:100%;color:var(--ink);background:#fff;border:0;border-radius:8px;padding:15px 18px}.ops-lookup-icon{font-size:42px;font-weight:300}.ops-lookup>span{color:#d0e5da;max-width:130px;font-size:14px;line-height:1.8}.ops-toolbar{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ops-toolbar>input,.ops-toolbar>select{background:#fff;border:1px solid #d5ddd7;border-radius:8px;min-width:170px;padding:12px 14px}.ops-toolbar>input{flex:1}.ops-sync{color:#507662;align-items:center;gap:10px;margin-left:auto;font-size:14px;display:flex}.ops-sync.failed{color:var(--danger)}.ops-sync button{padding:5px 10px}.ops-table-wrap{padding:0;overflow-x:auto}.ops-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.ops-table th{color:#65726a;white-space:nowrap;background:#f4f6f3;border-bottom:1px solid #e1e7e2;padding:16px 18px;font-weight:650}.ops-table td{vertical-align:middle;overflow-wrap:anywhere;border-bottom:1px solid #edf0ec;min-width:100px;padding:20px 18px}.ops-table td strong{font-weight:720}.ops-table td small{color:#68796e;margin-top:6px;font-size:13px;display:block}.ops-table tbody tr:hover{background:#f7faf7}.ops-color{font-variant-numeric:tabular-nums;background:#edf3ec;border-radius:5px;padding:4px 9px;display:inline-block}.ops-inactive{opacity:.55}.ops-empty{text-align:center;color:var(--muted);padding:50px 25px}.ops-empty h3{color:var(--ink);font-size:19px}.ops-empty a{color:var(--forest)}.ops-note{color:#66786b;font-size:14px;line-height:1.7}.ops-dialog{width:min(950px,100vw - 32px);max-height:90dvh;color:var(--ink);box-shadow:var(--shadow);background:#fafcf9;border:1px solid #dce4dd;border-radius:18px;padding:26px}.ops-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d1e168c}.ops-dialog>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.ops-dialog h2{overflow-wrap:anywhere;margin:0;font-size:24px}.ops-dialog h3{font-size:18px}.ops-dialog>header button{padding:2px 12px;font-size:24px}.ops-form{gap:20px;margin-top:18px;display:grid}.ops-form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.ops-field{gap:8px;min-width:0;font-size:14px;display:grid}.ops-field>span{color:#526657;font-weight:650}.ops-field input,.ops-field select,.ops-field textarea{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #cedad1;border-radius:8px;padding:12px;font-size:16px}.ops-field textarea{resize:vertical;min-height:85px}.ops-section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.ops-section-title h3{margin:0}.ops-line-form{background:#fff;border:1px solid #dde6dd;border-radius:12px;gap:16px;padding:20px;display:grid}.ops-form-section{gap:16px;display:grid}.ops-expense-row{grid-template-columns:1fr 1fr 2fr auto;align-items:end;gap:12px;display:grid}.ops-check{align-items:flex-start;gap:10px;line-height:1.5;display:flex}.ops-order-summary{justify-content:space-between;align-items:center;gap:16px;margin:22px 0;display:flex}.ops-order-summary strong{font-size:22px}.ops-order-summary p{color:var(--muted);font-size:14px}.ops-status{color:#506a57;white-space:nowrap;background:#edf0ec;border-radius:20px;padding:6px 12px;font-size:14px;display:inline-flex}.status-PURCHASING,.status-PROCESSING{color:#856111;background:#fff1d7}.status-SHIPPED,.status-COMPLETED{color:#19623b;background:#e2f1e7}.status-CANCELLED{color:#99605c;background:#f3e6e4}.ops-financial{background:#eaf1e9;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;padding:20px;display:grid}.ops-financial span{color:#536959;margin-bottom:10px;font-size:14px;display:block}.ops-financial strong{overflow-wrap:anywhere;font-size:22px}.ops-loss{color:#b23731!important}.ops-timeline{border-left:2px solid #d8e4d8;margin:22px 0;padding:0 0 0 20px;list-style:none}.ops-timeline li{margin:0 0 22px;position:relative}.ops-timeline li:before{content:"";background:#4a7c57;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-26px}.ops-timeline span{color:#7a857d;margin-top:6px;font-size:13px;display:block}.ops-timeline p{overflow-wrap:anywhere;margin:8px 0;font-size:14px}.ops-pagination{justify-content:flex-end;align-items:center;gap:18px;display:flex}.ops-page button.ops-text-button{text-align:left;text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline}.ops-profit-card{color:#fff;background:#174f3a}.ops-profit-card span,.ops-profit-card small{color:#d3e6d7}.ops-report-notes{color:#4b6653;background:#eaf0e7;border-left:3px solid #71937b;border-radius:0 12px 12px 0;padding:24px;font-size:14px;line-height:1.65}@media (width<=800px){.ops-lookup{gap:12px;padding:20px}.ops-lookup-icon,.ops-lookup>span{display:none}.ops-sync{justify-content:space-between;width:100%;margin-left:0}.ops-form-grid,.ops-financial,.ops-expense-row{grid-template-columns:1fr 1fr}.ops-dialog{padding:18px}.ops-table td,.ops-table th{padding:14px}}@media (width<=460px){.ops-form-grid{grid-template-columns:1fr}.ops-financial{gap:18px 10px;padding:14px}.ops-financial strong{font-size:19px}.ops-toolbar>input{width:100%}}.ops-page{grid-template-columns:minmax(0,1fr);min-width:0}.ops-page .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.ops-page .metric-card strong{overflow-wrap:anywhere;font-size:clamp(20px,2vw,28px)}.ops-page .metric-card span{font-size:14px}@media (width<=820px){.app-layout{grid-template-columns:minmax(0,1fr)}.sidebar{flex-wrap:wrap;min-width:0}.sidebar-brand div{display:block}.sidebar .user-card{margin-left:auto}.nav-list{order:3;gap:4px;width:100%;margin-left:0;overflow-x:auto}.nav-item{flex-shrink:0}.nav-label{font-size:14px;display:inline}.nav-icon{display:none}.ops-page .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-section-title{flex-wrap:wrap}.ops-section-title h2{font-size:19px}}.mapping-batch fieldset{border:0;gap:20px;min-width:0;margin:0;padding:0;display:grid}.mapping-common{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.mapping-methods,.mapping-save,.mapping-progress{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mapping-methods span,.mapping-save span{color:#647368;font-size:13px}.mapping-helper,.mapping-review-note{background:#edf3ed;border:1px solid #d5e2d7;border-radius:12px;gap:14px;padding:18px;display:grid}.mapping-helper p,.mapping-review-note p{margin:0;font-size:14px;line-height:1.7}.mapping-helper>button,.mapping-review-note>button{justify-self:start}.mapping-rows{gap:12px;display:grid}.mapping-row{background:#fff;border:1px solid #dbe4dc;border-radius:10px;grid-template-columns:1fr 1fr .8fr;align-items:start;gap:12px;padding:14px;display:grid}.mapping-row-top{color:#6a7a6f;grid-column:1/-1;justify-content:space-between;align-items:center;font-size:13px;display:flex}.mapping-row-top button{padding:3px 10px;font-size:12px}.mapping-reviewed{color:var(--forest);grid-column:1/-1;align-items:center;font-size:14px}.mapping-reviewed input{width:18px;height:18px}.mapping-batch summary{cursor:pointer;color:var(--forest);padding:8px 0;font-size:14px}.mapping-batch h3 small{color:#647368;margin-left:10px;font-size:13px;font-weight:400}.mapping-save{z-index:1;background:#fafcf9;border-top:1px solid #d5e2d7;justify-content:space-between;padding:16px 0;position:sticky;bottom:-26px}.mapping-success{color:var(--forest);background:#edf5ed;border:1px solid #c5daca;border-radius:10px;padding:12px 18px}.card-books{grid-template-columns:1fr 1fr;gap:16px;min-width:0;display:grid}.card-books>div{min-width:0}.card-books pre{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;max-height:230px;font-size:12px;overflow:auto}.card-photo-list{gap:6px;margin-top:10px;display:flex;overflow:auto}.card-photo-list img{object-fit:contain;background:#fff;border:1px solid #d5e2d7;border-radius:6px;width:100px;height:125px}.card-evidence{gap:5px;display:grid}.card-evidence img{object-fit:contain;object-position:left;background:#fafafa;border-radius:4px;max-width:100%;height:65px}.card-evidence small{color:#86652d;overflow-wrap:anywhere;font-size:11px;line-height:1.4}@media (width<=600px){.mapping-common{grid-template-columns:1fr}.mapping-row{grid-template-columns:1fr 1fr}.mapping-row>.ops-field:nth-of-type(3){grid-column:1/-1}.card-books{grid-template-columns:1fr}.mapping-save{bottom:-18px}.mapping-save button{width:100%}.mapping-batch .ops-section-title{flex-wrap:wrap}.mapping-helper{padding:12px}}.order-factory-fields{border:0;gap:14px;min-width:0;margin:0;padding:0;display:grid}.order-factory-fields h3 small{color:#738176;margin-left:8px;font-size:12px;font-weight:400;display:inline-block}.factory-optional,.factory-editor{background:#f1f6f1;border:1px solid #d6e2d9;border-radius:12px;padding:16px}.factory-optional>summary{cursor:pointer;color:var(--forest);font-size:15px;font-weight:650}.factory-optional[open]>summary{margin-bottom:22px}.factory-entry{background:#fff;border:1px solid #d9e2db;border-radius:10px;gap:14px;padding:16px;display:grid}.factory-entry-head{justify-content:space-between;align-items:end;gap:12px;display:flex}.factory-entry-head .ops-field{flex:1;max-width:240px}.factory-entry summary{cursor:pointer;color:#557260;padding:8px 0;font-size:14px}.factory-entry details[open]>summary{margin-bottom:10px}.order-factories{margin:24px 0}.factory-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.factory-card{background:#fff;border:1px solid #dce6de;border-radius:12px;min-width:0;padding:16px}.factory-kind{letter-spacing:.05em;color:#688273;font-size:12px}.factory-card-info{overflow-wrap:anywhere;padding:12px 0}.factory-card-info+.factory-card-info{border-top:1px solid #e1e8e3}.factory-card-info strong{font-size:17px;line-height:1.5}.factory-card-info p{color:#64766b;margin:7px 0 0;font-size:13px;line-height:1.7}.factory-empty{color:#8b988f;margin-bottom:0;font-size:14px}.order-progress{background:linear-gradient(135deg,#edf5ee,#f9fbf7);border:1px solid #d4e3d9;border-radius:16px;min-width:0;margin:0 0 22px;padding:24px}.order-flow-intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.order-flow-intro strong{color:#244e38;font-size:18px}.order-flow-intro span,.order-flow-note{color:#708075;font-size:12px}.order-flow-note{margin:18px 0 0;line-height:1.7}.order-current-stage{align-items:center;gap:20px;margin-bottom:24px;display:flex}.order-current-stage>.stage-art{color:#287152;flex:none;width:150px;height:108px}.order-current-stage>div{min-width:0}.order-current-stage h3{color:#234b36;margin:7px 0;font-size:27px}.order-current-stage p{color:#577260;overflow-wrap:anywhere;margin:6px 0 0;font-size:14px;line-height:1.7}.order-progress-eyebrow{letter-spacing:.1em;color:#708879;font-size:12px}.order-flow-steps{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.order-flow-steps li{color:#8b9a90;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;min-width:0;padding:10px 4px;display:flex;position:relative}.order-flow-steps li:not(:last-child):after{content:"›";color:#b5c6ba;font-size:23px;position:absolute;top:25px;right:-8px}.order-flow-steps .stage-art{width:72px;max-width:100%;height:50px}.order-flow-steps strong{text-align:center;margin-top:6px;font-size:12px;font-weight:600;line-height:1.5}.order-flow-steps small{color:#89978d;margin-top:5px;font-size:11px}.order-flow-steps li.is-current{color:#176943;background:#fff;border-color:#afc9b5;box-shadow:0 3px 12px #274b3910}.order-flow-steps li.is-current small{color:#217c52;font-weight:700}.order-flow-steps li.is-recorded,.order-flow-steps li.is-recorded small{color:#5c8067}.order-compact-stage{align-items:center;gap:10px;min-width:160px;display:flex}.order-compact-stage>.stage-art{color:#427559;flex:none;width:56px;height:44px}.order-compact-stage small{max-width:210px;line-height:1.5}.order-compact-stage .ops-status{padding:5px 9px;font-size:12px}.status-DYEING{color:#496d9a;background:#e6eefb}.is-cancelled .stage-art,.is-cancelled .order-current-stage h3{color:#9a6562}.is-cancelled.order-progress{background:#f8f1ef;border-color:#e3d4d0}.stage-art.is-running .motion-soft{animation:2.8s ease-in-out infinite stage-soft}.stage-art.is-running .motion-wave{animation:2.6s ease-in-out infinite stage-wave}.stage-art.is-running .motion-drop{animation:2.8s ease-in-out infinite stage-drop}.stage-art.is-running .motion-cloth{animation:2.8s ease-in-out infinite stage-cloth}.stage-art.is-running .motion-spin{transform-box:fill-box;transform-origin:50%;animation:4s linear infinite stage-spin}@keyframes stage-soft{50%{transform:translateY(-3px)}}@keyframes stage-wave{50%{transform:translate(4px)}}@keyframes stage-drop{0%,to{opacity:.7;transform:translateY(-2px)}50%{opacity:1;transform:translateY(5px)}}@keyframes stage-cloth{50%{transform:translateY(4px)}}@keyframes stage-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.stage-art.is-running *{animation:none!important}}@media (width<=650px){.factory-cards{grid-template-columns:1fr}.order-progress{padding:16px}.order-current-stage{gap:10px}.order-current-stage>.stage-art{width:100px;height:85px}.order-current-stage h3{font-size:23px}.order-flow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 4px}.order-flow-steps li:nth-child(4):after{content:none}.order-flow-steps .stage-art{width:62px}.order-flow-steps li{padding:8px 2px}.order-factory-fields .ops-section-title{flex-wrap:wrap;align-items:start}.factory-entry{padding:12px}}.product-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.product-action-notice{color:#2f6b4d;overflow-wrap:anywhere;background:#e2eee6;border-radius:12px;padding:13px 16px}.product-deleted-hint{color:var(--muted);margin:0;font-size:14px}.product-table td:last-child{white-space:nowrap;font-size:13px}.product-mobile-item{background:#fafbf9;border-radius:12px;overflow:hidden}.product-mobile-actions{justify-content:flex-end;padding:0 12px 8px;display:flex}.product-delete-dialog{width:min(460px,100vw - 32px);max-height:90dvh;color:var(--ink);box-shadow:var(--shadow);background:#fafcf9;border:1px solid #dce4dd;border-radius:18px;padding:26px;overflow:auto}.product-delete-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d1e168c}.product-delete-dialog h2{margin:0 0 20px;font-size:23px}.product-delete-identity{overflow-wrap:anywhere;background:#edf1eb;border-radius:10px;gap:5px;padding:14px;display:grid}.product-delete-identity strong{font-size:18px}.product-delete-identity span,.product-delete-dialog p{font-size:14px;line-height:1.8}.product-delete-dialog p{color:var(--muted)}.product-delete-dialog footer{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.product-delete-confirm{color:#fff;background:#a23e37;border:1px solid #a23e37;border-radius:10px;padding:11px 18px;font-weight:700}.product-delete-dialog button:disabled{opacity:.5;cursor:not-allowed}.product-delete-dialog .product-action-error{color:#933d37}@media (width<=560px){.product-header-actions{width:100%}.product-header-actions>*{flex:1}.page-header .product-header-actions .primary-link{width:auto}.product-delete-dialog{padding:20px}}.order-meterage{background:#f2f7f1;border:1px solid #d7e2d9;border-radius:16px;margin:24px 0;padding:20px}.order-meterage h3,.meter-editor h3{margin:0}.order-meterage .ops-section-title{flex-wrap:wrap;align-items:flex-start}.meter-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.meter-summary>div{background:#fff;border-radius:10px;gap:8px;padding:14px;display:grid}.meter-summary span{color:var(--muted);font-size:12px}.meter-summary strong{overflow-wrap:anywhere;font-size:19px}.meter-summary>p{grid-column:1/-1;margin:0}.meter-batch-card,.meter-batch-editor{background:#fff;border:1px solid #dae3d9;border-radius:12px;min-width:0;margin:16px 0;padding:16px}.meter-batch-card>header,.meter-batch-editor>header{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.meter-batch-editor h4{margin:0}.meter-stage-list{margin:12px 0 0;padding:0;list-style:none}.meter-stage-list li{overflow-wrap:anywhere;border-bottom:1px solid #e5ece4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.meter-stage-list p{margin:6px 0 0;font-size:14px}.meter-stage-list li>strong{color:var(--forest);font-size:14px}.meter-warning,.meter-stage-list li>strong.meter-warning{color:#9a5926;font-size:14px;line-height:1.6}.meter-batch-total{color:var(--forest);font-size:14px;font-weight:700}.meter-editor{background:#f9fbf8;border:1px solid #8aad98;border-radius:14px;margin:18px 0;padding:20px}.meter-editor fieldset{border:0;min-width:0;margin:0;padding:0}.meter-stage-editor{background:#f1f5ef;border-radius:10px;margin:16px 0;padding:16px}.meter-stage-result{margin-top:12px;font-size:14px}.meter-editor .ops-check{margin:16px 0 0}.meter-editor fieldset>.ops-field{margin-top:16px}@media (width<=600px){.order-meterage,.meter-editor,.meter-batch-card,.meter-batch-editor,.meter-stage-editor{padding:12px}.meter-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.meter-editor .ops-form-grid{grid-template-columns:minmax(0,1fr)}.meter-stage-editor input,.meter-stage-editor select,.meter-batch-editor select{width:100%;min-width:0}}.finance-workspace{background:#f4f8f1;border:1px solid #b4cbb7;border-radius:14px;margin:20px 0;padding:20px}.production-finance fieldset{border:0;min-width:0;margin:0;padding:0}.production-stage-price{border-top:1px solid #e0e8dc;margin-top:14px;padding-top:14px}.production-stage-price>strong{overflow-wrap:anywhere;margin-bottom:10px;display:block}.production-cost-summary{background:#eff5ed;border-radius:12px;margin:18px 0;padding:16px}.production-cost-summary .meter-summary{margin-top:0}.production-cost-summary .meter-summary strong{font-size:17px}.production-cost-summary details{overflow-wrap:anywhere;font-size:14px;line-height:1.7}.production-cost-summary summary{cursor:pointer;color:var(--forest);font-weight:700}.production-breakdown{border-top:1px solid #d7e0d3;margin-top:12px;padding-top:8px}.production-breakdown h4{margin:5px 0}.production-breakdown p{margin:4px 0}@media (width<=600px){.finance-workspace,.production-cost-summary{padding:12px}.production-finance .ops-form-grid{grid-template-columns:minmax(0,1fr)}.production-finance input:not([type=checkbox]),.production-finance select{width:100%;min-width:0}}.production-finance .meter-batch-editor h4{margin-bottom:14px}.ops-page button.order-delete-button,.ops-dialog button.order-delete-button{color:var(--danger);background:#fff8f7;border-color:#e6c4c0}.order-row-actions{flex-wrap:wrap;gap:8px;min-width:116px;display:flex}.order-detail-delete{justify-content:flex-end;margin-bottom:14px;display:flex}.order-deletion-summary{overflow-wrap:anywhere}.order-deletion-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.order-deleted-notice{background:#faf5e9;border:1px solid #dfd8cb;border-radius:8px;padding:12px 16px}.ops-dialog:has(.order-deletion-summary){width:min(520px,100vw - 32px)}.order-detail-delete{flex-wrap:wrap;gap:10px}.order-permanent-warning{color:var(--danger);margin:18px 0 8px;font-weight:650;line-height:1.7}.ops-dialog button.order-permanent-button{background:var(--danger);color:#fff;border-color:var(--danger)}.staff-page{max-width:1250px}.staff-intro{color:#385748;background:#f0f7f3;border:1px solid #d6e5dc;border-radius:12px;gap:18px;margin:0 0 22px;padding:18px 22px;font-size:14px;line-height:1.6;display:flex}.staff-intro strong{flex-shrink:0}.staff-toolbar{margin-bottom:20px}.staff-list{background:#fff;border:1px solid #e4e8e4;border-radius:14px;overflow:hidden}.staff-row{border-bottom:1px solid #edf0ed;grid-template-columns:minmax(180px,1fr) minmax(210px,1.1fr) auto;align-items:center;gap:20px;padding:24px;display:grid}.staff-row:last-child{border-bottom:0}.staff-person{align-items:center;gap:12px;min-width:0;display:flex}.staff-person strong{overflow-wrap:anywhere;display:block}.staff-avatar{color:#47644e;background:#eef2ed;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.staff-person small,.staff-access small{color:#7a847c;overflow-wrap:anywhere;margin-top:7px;font-size:12px;display:block}.staff-access{color:#59645b;font-size:13px}.staff-status{color:#727870;background:#eeefed;border-radius:5px;margin:0 8px 5px 0;padding:3px 8px;font-size:12px;display:inline-block}.staff-status.active{color:#41724a;background:#eaf4eb}.staff-row-actions{flex-wrap:wrap;gap:7px;display:flex}.staff-row-actions .secondary-button{padding:8px 12px;font-size:13px}.staff-page .staff-danger{color:#a55343}.staff-empty{text-align:center;color:#738074;padding:48px 16px}.staff-pagination{color:#748074;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;font-size:13px;display:flex}.staff-pagination>span{margin-right:auto}.staff-dialog{color:#303c32;width:min(840px,100vw - 32px)}.staff-dialog p{line-height:1.7}.staff-form-body{border:0;min-width:0;margin:0;padding:0}.staff-fields{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0 26px;display:grid}.staff-dialog .field input,.staff-dialog .field select{box-sizing:border-box;width:100%}.staff-dialog .field{align-content:start}.staff-dialog .field small{color:#788177;font-size:12px;font-weight:400;line-height:1.6}.staff-account-label{color:#526a56;padding:11px 0;font-size:15px}.staff-permission-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.staff-permission-heading h3{margin:0 0 5px;font-size:17px}.staff-permission-heading p{color:#788177;margin:0;font-size:12px}.staff-permission-heading>.field{min-width:140px}.staff-permission-group{border:1px solid #e0e7df;border-radius:10px;min-width:0;margin:0 0 14px;padding:12px}.staff-permission-group legend{color:#607461;padding:0 6px;font-size:13px;font-weight:600}.staff-permission-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.staff-permission{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:flex-start;gap:10px;padding:11px;display:flex}.staff-permission:hover{background:#f7f9f5}.staff-permission.selected{background:#f1f7ef;border-color:#d8e6d2}.staff-permission input{accent-color:#526f46;flex:none;width:17px;height:17px;margin:2px 0 0}.staff-permission strong{font-size:13px;font-weight:600;line-height:1.5;display:block}.staff-permission small{color:#7c847a;margin-top:4px;font-size:11px;line-height:1.6;display:block}.staff-hint{color:#758070;margin:12px 0;font-size:12px}.staff-dialog-actions{border-top:1px solid #e9ece6;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:18px;display:flex}.staff-dialog button:disabled{opacity:.5;cursor:not-allowed}.staff-credentials{background:#f6f8f3;border-radius:10px;gap:14px;padding:20px;display:grid}.staff-credentials input{font-family:ui-monospace,monospace}.staff-password-fields{margin:0 0 24px}.staff-password-fields .staff-fields{margin-bottom:10px}.staff-password-toggle{color:#65745f;align-items:center;gap:8px;font-size:13px;display:flex}.staff-password-toggle input{accent-color:#526f46;width:16px;height:16px}.staff-notice{color:#487541;background:#eff7ec;border-radius:8px;padding:12px}@media (width<=1100px){.staff-row{grid-template-columns:1fr 1fr}.staff-row-actions{grid-column:1/-1;justify-content:flex-end}}@media (width<=600px){.staff-intro{flex-direction:column;gap:4px;padding:14px}.staff-row{grid-template-columns:1fr;gap:14px;padding:18px}.staff-row-actions{justify-content:flex-start}.staff-fields,.staff-permission-grid{grid-template-columns:1fr}.staff-fields{gap:14px}.staff-permission-heading{flex-direction:column;align-items:flex-start}.staff-permission-heading>.field{width:100%}.staff-dialog{padding:18px}}