:root{--red:#c81724;--red2:#e32b37;--ink:#1e252c;--muted:#6e7882;--line:#e7e9ec;--bg:#f5f6f7;--green:#198754;--amber:#c78000}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Noto Sans SC","Microsoft YaHei",Arial,sans-serif}
.cloud-loading{position:fixed;inset:0;z-index:9999;background:#171b1f;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center}.cloud-loading img{width:68px;height:68px;border-radius:16px}.cloud-loading span{color:#aeb6bc;font-size:12px}.cloud-loading a{color:#fff;background:#d71b2b;padding:10px 16px;border-radius:8px;text-decoration:none}.cloud-loading.done{opacity:0;transition:.25s}.cloud-loading.error strong{color:#ffb4b4}.install-app{align-self:flex-start}.user-management{display:grid;gap:8px}.user-row{display:grid;grid-template-columns:1fr 180px 90px;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;padding:11px}.user-row strong,.user-row small{display:block}.user-row small{color:var(--muted);margin-top:3px}.user-row select{border:1px solid var(--line);border-radius:7px;padding:8px}.user-row label{margin:0;color:var(--ink)}
.staff-login input{width:min(320px,82vw);border:1px solid #424950;border-radius:9px;padding:12px;background:#252b30;color:#fff}.staff-login button{width:min(320px,82vw);border:0;border-radius:9px;padding:12px;background:var(--red);color:#fff;font-weight:800}.staff-create,.staff-card{border:1px solid var(--line);border-radius:10px;padding:14px}.staff-create{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.staff-create input,.staff-fields input{border:1px solid var(--line);border-radius:7px;padding:9px}.permission-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.permission-grid label{margin:0;color:var(--ink);background:#f7f8f8;border-radius:7px;padding:8px}.staff-card summary{display:flex;justify-content:space-between;cursor:pointer}.staff-card summary span{color:var(--muted);font-size:11px}.staff-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.staff-card>label{display:inline-block;margin:12px 18px 12px 0;color:var(--ink)}
.staff-create>label{margin:0;color:var(--ink);font-size:12px;font-weight:700}.staff-create>label span{display:block;margin:0 0 6px}.staff-create>label input{width:100%;box-sizing:border-box;font-size:14px;font-weight:400}.staff-create>label small{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-weight:400}.staff-form-error{grid-column:1/-1;min-height:18px;margin:0;color:var(--red);font-size:12px;font-weight:700}
.staff-permission-note{grid-column:1/-1;margin:0;color:var(--muted);font-size:11px}
.permission-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:4px}.permission-heading strong{font-size:12px}.permission-heading .toggle-permissions{padding:6px 14px;color:var(--red);border-color:#f0b8bd}
.staff-actions{display:flex;align-items:center;gap:10px;margin-top:6px}.staff-actions span{color:var(--muted);font-size:11px}.staff-actions .delete-staff{color:var(--red);border-color:#f0b8bd}
.user-buttons{display:flex;gap:5px;margin-left:auto}.pin-button,.logout-button{border:1px solid #4a5157;background:transparent;color:#d7dde1;border-radius:7px;padding:6px 8px;font-size:11px}.pin-modal{position:fixed;inset:0;z-index:10000;background:rgba(10,14,18,.68);display:grid;place-items:center;padding:18px}.pin-dialog{width:min(420px,100%);background:#fff;border-radius:14px;padding:22px;box-shadow:0 18px 60px rgba(0,0,0,.35)}.pin-dialog h2{margin:0 0 6px}.pin-dialog>p{color:var(--muted);font-size:12px}.pin-dialog label{display:grid;gap:6px;margin:13px 0;font-size:12px;font-weight:700}.pin-dialog input{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px}.pin-dialog>div{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.pin-dialog button{padding:10px 18px}
.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#171b1f;color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:10}
.brand{display:flex;gap:12px;align-items:center;padding:0 8px 25px;border-bottom:1px solid #30363b}
.brand-logo{display:block;width:46px;height:46px;border-radius:12px;object-fit:cover;background:#fff}
.brand strong,.brand small,.user strong,.user small{display:block}
.brand small,.user small{color:#99a1a8;margin-top:3px;font-size:12px}.brand small{white-space:nowrap;font-size:11px}
nav{padding-top:22px;display:grid;gap:7px}
button,select,input{font:inherit}
button{cursor:pointer}
nav button{border:0;background:transparent;color:#aeb5bb;border-radius:9px;padding:12px 13px;display:flex;align-items:center;gap:12px;text-align:left;font-size:14px}
nav button span{flex:1}
nav button b{font-size:11px;background:var(--red);color:#fff;border-radius:9px;padding:2px 7px}
nav button.active,nav button:hover{background:#2b3035;color:#fff}
.model-card{margin-top:auto;background:#22282d;border:1px solid #333a40;border-radius:12px;padding:15px}
.model-card strong,.model-card small{display:block}
.model-card strong{font-size:13px}
.model-card small{color:#929aa1;font-size:11px;margin:6px 0}
.pulse{width:8px;height:8px;border-radius:50%;background:#3bd07f;box-shadow:0 0 0 5px #3bd07f22;float:right;margin-top:4px}
.progress{height:4px;background:#3a4146;border-radius:4px}
.progress i{display:block;width:78%;height:100%;background:#3bd07f;border-radius:4px}
.user{display:flex;gap:10px;align-items:center;padding:18px 7px 0}
.user>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#383f45;font-size:12px}
.user strong{font-size:12px}
.user>div{min-width:0;flex:1}.logout-button{border:1px solid #454c52;background:transparent;color:#cbd0d4;border-radius:7px;padding:6px 8px;cursor:pointer;font-size:11px}.logout-button:hover{border-color:#fff;color:#fff}.header-actions{display:flex;align-items:flex-start;gap:8px}.mobile-logout{display:none}
main{margin-left:244px;min-height:100vh;padding:30px 38px 54px;max-width:1600px}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.eyebrow{font-size:11px;letter-spacing:.14em;color:#939aa1;margin:0 0 7px}
h1{font-size:27px;margin:0 0 5px}
header p:not(.eyebrow){margin:0;color:var(--muted);font-size:14px}
.header-actions{display:flex;gap:10px}
.primary,.ghost,.panel-head button,.imports button{border-radius:8px;padding:10px 15px;border:1px solid var(--line);background:#fff}
.primary{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}
.primary:hover{background:#a9121c}
.ghost:hover,.panel-head button:hover{background:#f0f1f2}
.page{display:none}
.page.active{display:block}
.alert{display:flex;justify-content:space-between;align-items:center;background:#fff4e0;border:1px solid #f0d7a7;border-left:4px solid #d69318;border-radius:9px;padding:14px 18px;margin-bottom:18px}
.alert strong,.alert span{display:block}
.alert span{font-size:12px;color:#7c6850;margin-top:4px}
.alert button{border:0;background:none;color:#9a5b00;font-weight:700}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:16px}
.kpis article,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}
.kpis span,.kpis small{display:block;color:var(--muted);font-size:12px}
.kpis strong{font-size:27px;display:block;margin:10px 0 8px}
.kpis em{font-size:13px;font-style:normal}
.up{color:var(--green)!important}
.danger{color:#c8222e!important}
.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.panel h2,.panel-head h2{font-size:16px;margin:0 0 4px}
.panel p,.panel-head p{font-size:12px;color:var(--muted);margin:0}
.panel-head button{padding:7px 10px;font-size:12px}
.panel-head select,.toolbar select{border:1px solid var(--line);border-radius:7px;padding:7px;background:#fff}
.risk-row{display:grid;grid-template-columns:1.5fr .7fr .6fr;gap:10px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}
.risk-row:first-child{border-top:0}
.item strong,.item small{display:block}
.item small{color:var(--muted);font-size:11px;margin-top:3px}
.days{text-align:right}
.days strong{font-size:14px}
.status{text-align:right}
.badge{font-size:11px;border-radius:12px;padding:4px 8px;background:#e8f5ee;color:var(--green)}
.badge.danger{background:#fde9eb}
.badge.low{background:#fff3d7;color:var(--amber)}
.chart-total span{font-size:11px;color:var(--muted)}
.chart-total strong{display:block;font-size:22px;margin-top:4px}
.chart svg{height:140px;width:100%;overflow:visible}
.line{fill:none;stroke:var(--red);stroke-width:3}
.area{fill:url(#fill)}
.axis{display:flex;justify-content:space-between;color:#8c949b;font-size:10px}
.tag{font-size:11px;color:var(--red);background:#fdeced;padding:5px 9px;border-radius:12px}
.steps{display:flex;align-items:center;justify-content:center;padding:18px 0}
.steps>div{display:flex;align-items:center;gap:9px}
.steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #cdd2d6;color:#90979e}
.steps span,.steps small{display:block}
.steps span{font-size:12px;font-weight:700}
.steps small{font-size:10px;color:var(--muted);margin-top:3px}
.steps i{height:1px;background:#d9dcdf;width:7%;margin:0 18px}
.steps .done b{background:var(--green);border-color:var(--green);color:#fff}
.steps .current b{background:var(--red);border-color:var(--red);color:#fff}
.toolbar{display:flex;justify-content:space-between;margin-bottom:14px}
.search{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 12px;width:380px}
.search input{border:0;outline:0;width:90%}
.table-wrap{padding:0;overflow:hidden}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);font-size:12px}
th{background:#fafafa;color:#68717a;font-size:11px}
tr:last-child td{border-bottom:0}
.decision{display:flex;justify-content:space-between;align-items:center;background:#20262b;color:#fff;border-radius:12px;padding:18px 22px;margin-bottom:16px}
.decision strong,.decision span{display:block}
.decision span{font-size:12px;color:#adb5bb;margin-top:5px}
.supplier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.supplier-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.supplier-card>header{padding:17px;margin:0;border-bottom:1px solid var(--line)}
.supplier-card h3{font-size:14px;margin:0}
.supplier-card header span{font-size:11px;color:var(--muted)}
.supply-item{display:grid;grid-template-columns:22px 1fr auto;gap:9px;padding:14px 16px;border-bottom:1px solid var(--line);align-items:center}
.supply-item input{accent-color:var(--red)}
.supply-item strong,.supply-item small{display:block}
.supply-item strong{font-size:12px}
.supply-item small{font-size:10px;color:var(--muted);margin-top:3px}
.supply-item b{font-size:12px}
.supplier-total{display:flex;justify-content:space-between;padding:14px 16px;font-size:12px}
.catalog-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:16px}.catalog-hero h2{margin:2px 0 6px}.catalog-hero p{margin:0;color:var(--muted)}.catalog-progress{min-width:150px;padding:13px 16px;border-radius:11px;background:#fff8e8;border:1px solid #f0dca5;display:flex;flex-direction:column}.catalog-progress strong{font-size:22px}.catalog-progress span{font-size:11px;color:#756849}.catalog-finder{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:16px}.catalog-finder>label{display:block;font-weight:800;margin-bottom:9px}.catalog-searchbox{display:flex;align-items:center;gap:10px;border:2px solid #d71b2b;border-radius:11px;padding:5px 6px 5px 15px;font-size:22px}.catalog-searchbox input{width:100%;border:0;outline:0;padding:10px 0;font-size:16px;background:transparent}.catalog-searchbox button{flex:0 0 auto;min-width:92px;padding:11px 22px}.catalog-filters{display:flex;align-items:center;gap:12px;margin-top:11px}.catalog-filters select{border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff}.catalog-filters span{font-size:11px;color:var(--muted)}.catalog-library{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(430px,1.15fr);gap:16px;align-items:start}.catalog-result-summary{font-size:12px;color:var(--muted);margin:0 0 9px 3px}.catalog-results{display:grid;gap:8px}.catalog-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px 16px;cursor:pointer}.catalog-result:hover,.catalog-result.active{border-color:#d71b2b;box-shadow:0 3px 12px rgba(215,27,43,.08)}.catalog-result h3{margin:0;font-size:15px}.catalog-result p{margin:4px 0 0;font-size:11px;color:var(--muted)}.catalog-result-meta{display:flex;align-items:flex-end;flex-direction:column;gap:5px;white-space:nowrap}.catalog-detail{position:sticky;top:18px;background:#fff;border:1px solid var(--line);border-radius:14px;min-height:260px;padding:22px}.catalog-detail-empty{min-height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--muted);gap:6px}.catalog-detail-empty b{font-size:30px}.catalog-detail h2{margin:0 0 4px}.catalog-detail .catalog-en{margin:0;color:var(--muted);font-size:12px}.catalog-detail dl{margin:18px 0}.catalog-detail dl div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid #eee}.catalog-detail dt{color:var(--muted);font-size:12px}.catalog-detail dd{margin:0;font-weight:650}.catalog-photo-action{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f7f8f8;border-radius:10px;padding:14px;margin-top:14px}.catalog-photo-action div{display:flex;flex-direction:column}.catalog-photo-action span{font-size:11px;color:var(--muted)}.catalog-photo-action a{text-decoration:none}.catalog-photo-pending{display:inline-block;padding:9px 12px;border-radius:7px;background:#eceff1;color:#68717a!important;font-weight:700}.catalog-evidence{display:flex;flex-direction:column;gap:4px;background:#fff8e8;border:1px solid #f0dca5;border-radius:8px;padding:12px;font-size:11px}.catalog-evidence span{color:#6f6652}
.inventory-finder{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:16px}.inventory-finder>label{display:block;font-weight:800;margin-bottom:9px}.inventory-filter-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:11px;color:var(--muted);font-size:12px}.inventory-filter-row select{border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:#fff}.badge.unknown{background:#f1f2f3;color:#6c747b}
.catalog-photo-controls{align-items:flex-end!important;gap:7px}.catalog-photo-controls>span{display:flex;flex-direction:column;gap:6px}.catalog-photo-upload{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;white-space:nowrap}.catalog-photo-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.catalog-photo-upload[disabled]{opacity:.55;pointer-events:none}.catalog-photo-error{color:#b42318!important}.catalog-photo-action em{font-style:normal;color:#168257}.catalog-photo-action #catalogPhotoUploadStatus{color:#168257;margin-top:3px}
.empty-state{text-align:center;padding:80px 20px}
.paper{font-size:50px;color:#c9ced2}
.empty-state h2{font-size:19px;margin-top:14px}
.empty-state p{margin:8px auto 22px;max-width:520px}
.compact{grid-template-columns:repeat(3,1fr)}
.imports{display:grid;gap:12px}
.imports>div{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:9px;padding:14px}
.imports>div>div{flex:1}
.imports strong,.imports small{display:block}
.imports small{color:var(--muted);font-size:11px;margin-top:4px}
.file-icon{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#e5f4ea;color:var(--green);font-weight:900}
.file-icon.recipe{background:#fde9eb;color:var(--red)}
label{display:block;font-size:12px;color:var(--muted);margin-top:18px}
label select,.input-unit{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:11px}
.input-unit{display:flex}
.input-unit input{border:0;outline:0;flex:1}
.compare{display:flex;justify-content:space-between;margin:17px 0;font-size:12px;background:#fafafa;padding:12px;border-radius:8px}
.wide{width:100%}
.learning{display:grid;gap:18px;margin-top:22px}
.learning>div{display:flex;gap:13px;align-items:center}
.learning b{color:var(--red);font-size:12px}
.learning strong,.learning small{display:block}
.learning strong{font-size:13px}
.learning small{color:var(--muted);font-size:11px;margin-top:3px}
.calibration-layout{display:grid;grid-template-columns:minmax(650px,1.45fr) minmax(320px,.55fr);gap:16px;align-items:start}.calibration-side{display:grid;gap:16px}.count-people{display:grid;grid-template-columns:1fr 1fr;gap:12px}.count-people input,.calibration-workspace textarea{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:11px;box-sizing:border-box}.count-row{display:grid;grid-template-columns:1fr 1.65fr .7fr .75fr 1.1fr 36px;gap:8px;align-items:center}.count-heading{margin-top:18px;padding:0 5px 8px;color:var(--muted);font-size:10px;font-weight:700;border-bottom:1px solid var(--line)}.count-rows{display:grid;gap:8px;margin-top:8px}.count-entry{padding:10px;background:#fafafa;border:1px solid var(--line);border-radius:9px}.count-entry select,.count-entry input{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;padding:9px;background:#fff;box-sizing:border-box}.count-entry .count-variance{display:flex;flex-direction:column;font-size:11px}.count-entry .count-variance strong{font-size:12px}.count-entry .count-variance .negative{color:#b42318}.count-entry .count-variance .positive{color:#168257}.count-entry .remove-count{border:0;background:transparent;color:#b42318;font-size:20px;cursor:pointer}.count-confirm{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.count-confirm strong,.count-confirm small{display:block}.count-confirm small{margin-top:4px;color:var(--muted);font-size:10px}.count-history{display:grid;gap:9px}.count-history-item{padding:11px;border:1px solid var(--line);border-radius:9px}.count-history-item strong,.count-history-item span,.count-history-item small{display:block}.count-history-item span{font-size:11px;margin:4px 0}.count-history-item small{font-size:10px;color:var(--muted)}
.toast{position:fixed;right:25px;bottom:25px;background:#20262b;color:#fff;padding:13px 18px;border-radius:9px;box-shadow:0 8px 30px #0003;transform:translateY(80px);opacity:0;transition:.25s;z-index:99;font-size:13px}
.toast.show{transform:none;opacity:1}
@media(max-width:1050px){.sidebar{width:76px;padding:24px 11px}
.brand div,.brand small,nav span,nav b,.model-card,.user div{display:none}
.brand{padding:0 4px 22px}
.brand-logo{width:44px;height:44px}
.user{padding-left:9px}
main{margin-left:76px;padding:25px 22px}
.kpis{grid-template-columns:repeat(2,1fr)}
.supplier-grid{grid-template-columns:1fr 1fr}
.catalog-library{grid-template-columns:1fr}
.calibration-layout{grid-template-columns:1fr}
}
@media(max-width:720px){main{padding:18px 13px}
.sidebar{position:fixed;left:0;right:0;top:auto;bottom:0;width:auto;height:68px;padding:7px 8px;z-index:80}.brand,.model-card,.user{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:4px;padding:0}.sidebar nav button{position:relative;flex:0 0 62px;min-height:52px;padding:5px;display:flex;flex-direction:column;justify-content:center;font-size:17px}.sidebar nav button span{display:block!important;font-size:9px;margin:3px 0 0}.sidebar nav button b{display:block!important;position:absolute;right:4px;top:2px}.sidebar nav button[hidden]{display:none}main{margin-left:0;padding:16px 12px 88px}header{align-items:flex-start;gap:8px}header h1{font-size:26px}.install-app{font-size:11px;padding:8px}.mobile-logout{display:block;font-size:11px;padding:8px;white-space:nowrap}.header-actions{flex-direction:column;align-items:stretch}.panel{padding:15px}.request-meta,.receipt-grid,.receive-meta{grid-template-columns:1fr!important}.workflow-strip{overflow-x:auto}.workflow-strip span,.workflow-strip strong{white-space:nowrap}.catalog-searchbox{font-size:16px}.catalog-searchbox button{min-width:auto;padding:10px 14px}.catalog-library{display:block}.catalog-detail{margin-top:12px}.supplier-grid{grid-template-columns:1fr}.user-row{grid-template-columns:1fr}.user-row label{justify-self:start}
.staff-create,.staff-fields{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr 1fr}.staff-card summary{align-items:flex-start;flex-direction:column;gap:4px}
.header-actions .ghost{display:none}.header-actions .mobile-change-pin,.header-actions .mobile-logout{display:block}
.grid.two,.supplier-grid,.compact{grid-template-columns:1fr}
.catalog-hero{align-items:flex-start;flex-direction:column}.catalog-progress{width:100%}.catalog-filters{align-items:flex-start;flex-direction:column}.catalog-detail{position:static}.catalog-detail dl div{grid-template-columns:100px 1fr}
.kpis{grid-template-columns:1fr 1fr}
.steps{align-items:flex-start}
.steps i{margin:15px 5px}
.steps span{display:none}
.decision{align-items:flex-start;gap:14px}
.decision>div:last-child{display:grid;gap:7px}
.search{width:65%}
.table-wrap{overflow:auto}
.count-row{grid-template-columns:1fr 1fr}.count-heading{display:none}.count-entry .remove-count{justify-self:end}.count-people{grid-template-columns:1fr}.count-confirm{align-items:stretch;flex-direction:column}.count-confirm button{width:100%}
}
.language-settings{max-width:900px}.language-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.language-option{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:22px;border:2px solid #e1e5e8;border-radius:14px;background:#fff;color:#1d252c;text-align:left;cursor:pointer}.language-option strong{font-size:22px}.language-option span,.language-note{color:#6d7882}.language-option.active{border-color:#d7192d;background:#fff5f6;box-shadow:0 0 0 3px rgba(215,25,45,.08)}.login-language{position:absolute;top:18px;right:18px;width:auto!important;padding:8px 13px!important;border:1px solid #55606a!important;border-radius:9px!important;background:#242b31!important;color:#fff!important}.staff-login{position:fixed}@media(max-width:720px){.language-options{grid-template-columns:1fr}.language-option{padding:17px}}