:root{--ink:#171716;--muted:#85827b;--line:#e8e4dd;--paper:#f5f3ef;--orange:#e9782b}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:20;background:#151514;flex-direction:column;width:224px;padding:28px 15px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand-mark{border-bottom:1px solid #30302d;align-items:center;gap:12px;padding:0 9px 28px;display:flex}.brand-mark>span{background:var(--orange);border-radius:10px;place-items:center;width:39px;height:39px;font-size:20px;font-weight:800;display:grid}.brand-mark b{letter-spacing:3px;font-size:19px;display:block}.brand-mark small{color:#85847f;letter-spacing:1.5px;margin-top:4px;font-size:9px;display:block}.sidebar nav{flex-direction:column;gap:5px;padding-top:22px;display:flex}.sidebar nav button{color:#a6a49e;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;height:44px;padding:0 12px;font-size:13px;display:flex}.sidebar nav button>span{text-align:center;width:20px;font-size:18px}.sidebar nav button.active{color:#fff;background:#292825}.sidebar nav em{color:#77756f;margin-left:auto;font-size:11px;font-style:normal}.sidebar nav i{color:#fff;background:#9c3b2f;border-radius:20px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.side-bottom{margin-top:auto}.role-card{border-top:1px solid #30302d;align-items:center;gap:10px;padding:20px 5px 16px;display:flex}.role-card>span,.avatar{color:#45301f;background:#d9b28c;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.role-card div{flex-direction:column;gap:3px;display:flex}.role-card b{font-size:12px}.role-card small{color:#77756f;font-size:10px}.role-card button{color:#8c8981;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:16px}.side-bottom p{color:#686761;align-items:center;margin:0 6px;font-size:9px;display:flex}.side-bottom p span{background:#61a274;border-radius:50%;width:6px;height:6px;margin-right:6px}.side-bottom p b{margin-left:auto;font-weight:400}.workspace{flex:1;min-width:0;margin-left:224px}.workspace header{border-bottom:1px solid var(--line);z-index:10;background:#fff;align-items:center;height:72px;padding:0 34px;display:flex;position:sticky;top:0}.search{color:#8d8a83;background:#f5f4f1;border:1px solid #ece9e3;border-radius:9px;align-items:center;width:min(420px,45vw);height:38px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;padding:0 10px;font-size:12px}.search kbd{white-space:nowrap;background:#fff;border:1px solid #dcd8d1;border-radius:4px;padding:3px 6px;font-family:inherit;font-size:9px}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.header-actions button{cursor:pointer;border:0}.scan{color:#fff;background:#181817;height:36px;padding:0 15px;font-size:12px;border-radius:8px!important}.bell{background:#f5f4f1;border-radius:8px;width:36px;height:36px;position:relative}.bell i{background:#e66d38;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.avatar{border:0}.mobile-menu{display:none}.content{max-width:1500px;margin:auto;padding:34px clamp(24px,3.4vw,52px) 55px}.welcome{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.welcome p{color:#98958f;letter-spacing:.5px;margin:0 0 10px;font-size:11px}.welcome h1{margin:0 0 8px;font-family:Georgia,Songti SC,serif;font-size:27px;font-weight:500}.welcome span{color:#77746e;font-size:12px}.primary{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:12px 18px;font-size:12px;box-shadow:0 8px 20px #e9782b28}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.metrics article{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:flex-start;height:128px;padding:21px 18px;display:flex;position:relative;overflow:hidden}.metric-icon{border-radius:8px;place-items:center;width:34px;height:34px;margin-right:12px;font-weight:700;display:grid}.metric-icon.dark{color:#fff;background:#1c1c1a}.metric-icon.amber{color:#c56b2d;background:#faeee1}.metric-icon.red{color:#a64c3e;background:#f8e9e6}.metric-icon.green{color:#4f8d5e;background:#e5f1e7}.metric-icon.muted{color:#999;background:#eee}.metrics article>div:nth-child(2)>span{color:#77746e;font-size:11px}.metrics h2{margin:7px 0 6px;font-size:24px}.metrics h2 small{color:#77746e;font-size:10px;font-weight:400}.metrics p{color:#8e8b84;margin:0;font-size:9px}.metrics p b{color:#171716}.metrics p.up{color:#4d8c5b}.metrics p em{color:#aaa69e;margin-left:4px;font-style:normal}.metrics p.danger{color:#a54d40}.metrics article>button{color:#8d3e32;cursor:pointer;background:0 0;border:0;font-size:10px;position:absolute;bottom:18px;right:16px}.spark{position:absolute;bottom:20px;right:15px}.spark.bars{align-items:flex-end;gap:3px;display:flex}.spark.bars i{background:#ddd9d2;border-radius:2px;width:5px}.spark.bars i:first-child{height:13px}.spark.bars i:nth-child(2){height:20px}.spark.bars i:nth-child(3){height:16px}.spark.bars i:nth-child(4){height:27px}.spark.bars i:nth-child(5){height:23px}.spark.bars i:nth-child(6){background:#e9782b;height:35px}.spark.bars i:nth-child(7){height:29px}.spark.line{color:#83a98d;font-size:40px;transform:rotate(-8deg)}.avatars{display:flex;position:absolute;bottom:20px;right:15px}.avatars i{background:#d9b18a;border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;margin-left:-5px;font-size:8px;font-style:normal;display:grid}.avatars i:nth-child(2){background:#b8c4ab}.avatars i:nth-child(3){background:#9cb6ce}.avatars i:nth-child(4){color:#777;background:#eee}.main-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:16px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:11px}.panel-head{justify-content:space-between;align-items:center;padding:20px 22px 15px;display:flex}.panel-head h3,.quick h3{margin:0 0 5px;font-size:14px}.panel-head p,.quick p{color:#9b9891;margin:0;font-size:10px}.panel-head button{color:#74716b;cursor:pointer;background:0 0;border:0;font-size:10px}.panel-head button span{color:#e9782b;margin-left:6px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:10px}th{color:#9a9790;text-align:left;background:#faf9f7;border-top:1px solid #efede8;border-bottom:1px solid #efede8;padding:10px 12px;font-weight:500}td{border-bottom:1px solid #f0eee9;padding:12px}td:first-child{align-items:center;gap:9px;min-width:190px;display:flex}.shoe-thumb{color:#666;background:#ece8e1;border-radius:6px;place-items:center;width:36px;height:32px;font-family:Georgia;font-weight:800;display:grid}td b{font-size:10px}td small{color:#aaa69f;margin-top:4px;font-size:8px;display:block}.status{white-space:nowrap;border-radius:20px;padding:5px 8px;font-size:8px}.status.ready{color:#4c8058;background:#e8f1e9}.status.working{color:#bd6528;background:#f9eee2}.status.out{color:#7d7b76;background:#efefed}.more{color:#908d86;cursor:pointer;background:0 0;border:0}.empty{text-align:center;color:#999;padding:30px}.activity-panel{min-height:340px}.timeline{padding:5px 20px}.timeline article{gap:10px;padding:10px 0 17px;display:flex;position:relative}.timeline article:not(:last-child):after{content:"";background:#e3dfd8;width:1px;position:absolute;top:38px;bottom:-2px;left:14px}.timeline article>span{z-index:1;border-radius:50%;flex:0 0 29px;place-items:center;width:29px;height:29px;display:grid}.timeline .orange{color:#cc6b28;background:#faeee2}.timeline .green{color:#518a5b;background:#e6f1e7}.timeline .blue{color:#54799b;background:#e7edf3}.timeline article div{flex-direction:column;gap:5px;display:flex}.timeline article b{font-size:10px}.timeline article small{color:#99958e;font-size:8px}.timeline time{color:#aaa69f;white-space:nowrap;margin-left:auto;font-size:8px}.log-button{color:#77736c;cursor:pointer;background:#faf9f7;border:1px solid #e7e3dd;border-radius:7px;width:calc(100% - 40px);height:37px;margin:0 20px 18px;font-size:9px}.quick{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:1.1fr repeat(3,1fr);align-items:center;gap:20px;margin-top:16px;padding:18px 22px;display:grid}.quick>button{text-align:left;cursor:pointer;background:0 0;border:0;border-left:1px solid #eeeae4;grid-template-rows:1fr 1fr;grid-template-columns:38px 1fr 16px;align-items:center;padding-left:20px;display:grid}.quick>button>span{color:#fff;border-radius:8px;grid-row:1/3;place-items:center;width:32px;height:32px;margin-right:9px;display:grid}.q-orange{background:#df7b38}.q-black{background:#222}.q-blue{background:#6d889e}.quick button b{font-size:10px}.quick button small{color:#9a9790;font-size:8px}.quick button em{color:#b5b0a8;grid-area:1/3/3;font-style:normal}.modal-backdrop{z-index:50;background:#1119;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(650px,100%);max-height:92vh;overflow:auto;box-shadow:0 25px 70px #0004}.modal-head{border-bottom:1px solid var(--line);padding:25px 28px 18px;display:flex}.modal-head span{color:#d66824;letter-spacing:2px;font-size:9px}.modal-head h2{margin:5px 0 6px;font-family:Georgia,Songti SC,serif;font-size:24px}.modal-head p{color:#88857f;margin:0;font-size:10px}.modal-head button{cursor:pointer;background:#f2f0ec;border:0;border-radius:50%;align-self:start;width:30px;height:30px;margin-left:auto;font-size:20px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;padding:22px 28px 10px;display:grid}.form-grid label,.size-list label{color:#6f6c66;font-size:10px}.form-grid input,.size-list input{border:1px solid #dedad3;border-radius:7px;outline:none;width:100%;height:37px;margin-top:6px;padding:0 10px}.form-grid input:focus,.size-list input:focus{border-color:#e9782b}.wide{grid-column:1/-1}.size-title{justify-content:space-between;padding:13px 28px 8px;font-size:11px;display:flex}.size-title span{color:#d66f2b}.size-list{padding:0 28px}.size-list>div{grid-template-columns:1fr 1fr 32px;align-items:end;gap:10px;margin-bottom:8px;display:grid}.size-list button{cursor:pointer;background:#f4f2ee;border:0;border-radius:7px;height:37px}.add-size{color:#77736b;cursor:pointer;background:#faf9f7;border:1px dashed #d8d3ca;border-radius:7px;width:calc(100% - 56px);height:35px;margin:4px 28px 15px}.label-preview{background:#f8f5ef;border:1px solid #eee6db;border-radius:9px;align-items:center;gap:12px;margin:0 28px 18px;padding:12px;display:flex}.fake-qr{background:#fff;border:1px solid #ddd7ce;place-items:center;width:40px;height:40px;font-size:25px;display:grid}.label-preview b{font-size:10px}.label-preview p{color:#8b877f;margin:5px 0 0;font-size:8px}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:16px 28px 24px;display:flex}.modal-actions button{cursor:pointer;background:#fff;border:1px solid #ddd8d1;border-radius:7px;height:39px;padding:0 18px;font-size:10px}.modal-actions .primary{color:#fff;background:#e9782b;border-color:#e9782b}.toast{color:#fff;z-index:100;background:#1c1c1a;border-radius:10px;padding:13px 18px;font-size:11px;position:fixed;bottom:30px;right:30px;box-shadow:0 15px 40px #0003}.toast span{background:#5f9a6c;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:9px;display:inline-grid}@media (width<=1050px){.metrics{grid-template-columns:1fr 1fr}.main-grid{grid-template-columns:1fr}.quick{grid-template-columns:1fr 1fr}.quick>button{border-top:1px solid #eeeae4;border-left:0;padding:15px 0 0}.quick>div{grid-column:1/-1}.sidebar{width:190px}.workspace{margin-left:190px}}@media (width<=720px){.sidebar{display:none}.workspace{margin-left:0}.workspace header{height:62px;padding:0 15px}.mobile-menu{background:0 0;border:0;margin-right:8px;font-size:19px;display:block}.search{flex:1;width:auto}.search kbd,.scan span{display:none}.content{padding:23px 15px 40px}.welcome{align-items:flex-start}.welcome h1{font-size:23px;line-height:1.25}.welcome>button{z-index:15;border-radius:24px;padding:13px 17px;position:fixed;bottom:18px;right:17px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metrics article{height:120px;padding:16px 12px}.metric-icon{width:30px;height:30px;margin-right:8px}.metrics h2{font-size:20px}.spark,.avatars{display:none}.panel-head{padding:17px 15px 12px}th:nth-child(2),td:nth-child(2),th:nth-child(3),td:nth-child(3){display:none}td{padding:10px 8px}.quick{grid-template-columns:1fr;padding:17px}.quick>div{grid-column:auto}.quick>button{border-top:1px solid #eeeae4}.form-grid{padding:18px 18px 8px}.size-list{padding:0 18px}.size-title{padding-left:18px;padding-right:18px}.add-size{width:calc(100% - 36px);margin-left:18px;margin-right:18px}.label-preview{margin-left:18px;margin-right:18px}.modal-actions{padding:15px 18px}.modal-actions button{flex:1;padding:0 8px}.toast{bottom:78px;left:15px;right:15px}.welcome span{max-width:260px;display:block}.header-actions{gap:5px}}.side-bottom p span.offline{background:#d99b43}.modal-actions button:disabled{opacity:.55;cursor:wait}.boot-screen,.login-page{background:#f2efe9;place-items:center;min-height:100vh;display:grid}.boot-screen{text-align:center;color:#777}.boot-logo,.login-logo{color:#fff;background:#171716;border-radius:22px;place-items:center;width:72px;height:72px;margin:auto;font:700 34px serif;display:grid;box-shadow:0 18px 50px #17171625}.login-card{background:#fff;border:1px solid #e5e0d8;border-radius:28px;width:min(430px,100vw - 32px);padding:44px;box-shadow:0 26px 80px #27201815}.login-card .eyebrow{letter-spacing:.14em;color:#e9782b;text-transform:uppercase;margin:24px 0 8px;font-size:12px;font-weight:800}.login-card h1{margin:0 0 8px;font-size:34px}.login-card>p:not(.eyebrow){color:#777;line-height:1.6}.login-card form{gap:16px;margin:26px 0 18px;display:grid}.login-card label,.account-form label{gap:7px;font-size:13px;font-weight:700;display:grid}.login-card input,.account-form input{background:#faf9f7;border:1px solid #ddd7cd;border-radius:12px;width:100%;height:48px;padding:0 14px;font-size:16px}.login-card .primary{height:50px}.login-card>small{text-align:center;color:#999;display:block}.form-error{color:#b23b28;background:#fff0ed;border-radius:10px;padding:11px 13px;font-size:13px}.v2-shell .sidebar{z-index:20}.side-bottom .logout{color:#777;background:#fff;border:1px solid #ded9d0;border-radius:10px;width:100%;margin-top:10px;padding:9px}.mobile-brand{font-size:20px;font-weight:800;display:none}.v2-content{min-height:calc(100vh - 76px)}.page-panel{min-height:380px}.count-chip{color:#6f6b63;background:#f0ede7;border-radius:999px;padding:7px 10px;font-size:12px}.table-wrap code{background:#f4f1ec;border-radius:6px;padding:5px 7px;font-size:11px}.event-list{padding:2px 22px 20px}.event-list article{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:17px 0;display:flex}.event-icon{background:#f2eee7;border-radius:10px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.event-list article>div{flex:1;min-width:0}.event-list b,.event-list small{display:block}.event-list small{color:#888;white-space:normal;margin-top:5px}.event-list time{text-align:right;color:#999;font-size:11px;line-height:1.5}.scan-page{max-width:880px;margin:0 auto}.page-title{margin:10px 0 26px}.page-title p{color:#e9782b;letter-spacing:.12em;font-size:12px;font-weight:800}.page-title h1{margin:6px 0;font-size:34px}.page-title span{color:#777}.scan-box{background:#fff;border:1px solid #e3ded5;border-radius:18px;gap:10px;padding:14px;display:flex;box-shadow:0 10px 34px #2520170b}.scan-box>span{place-items:center;width:42px;font-size:23px;display:grid}.scan-box input{text-transform:uppercase;border:0;outline:0;flex:1;min-width:0;font-size:18px}.unit-card{background:#fff;border:1px solid #e3ded5;border-radius:22px;margin-top:22px;padding:28px}.unit-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.unit-top p{color:#e9782b;letter-spacing:.1em;font:700 12px monospace}.unit-top h2{margin:8px 0;font-size:26px}.unit-top span{color:#777}.unit-status{background:#ece9e3;border-radius:999px;padding:9px 12px;font-size:12px}.unit-status.in_stock,.unit-status.customized{color:#247342;background:#e6f4eb}.unit-status.customizing{color:#b76212;background:#fff0dc}.unit-status.shipped{color:#666;background:#ececec}.unit-status.after_sale{color:#a83225;background:#ffe8e4}.unit-card dl{grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0;display:grid}.unit-card dl div{background:#f7f5f1;border-radius:12px;padding:14px}.unit-card dt{color:#999;font-size:11px}.unit-card dd{margin:6px 0 0;font-weight:800}.workflow-actions{border-top:1px solid var(--line);gap:10px;padding-top:20px;display:flex}.workflow-actions button,.after-form button{background:#fff;border:1px solid #ddd7cd;border-radius:11px;padding:12px 18px;font-weight:800}.after-form{border-top:1px solid var(--line);gap:10px;margin-top:20px;padding-top:20px;display:grid}.after-form input,.after-form textarea{font:inherit;border:1px solid #ddd7cd;border-radius:11px;padding:12px}.after-form textarea{resize:vertical;min-height:86px}.after-form button{color:#fff;background:#171716}.case-list{padding:8px 24px}.case-list article{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.case-list h3{margin:9px 0 6px}.case-list p,.case-list small{color:#888}.case-list blockquote{background:#f7f4ef;border-left:3px solid #e9782b;border-radius:0 8px 8px 0;margin:12px 0;padding:10px 14px}.case-list button{white-space:nowrap;background:#fff;border:1px solid #ddd7cd;border-radius:10px;padding:10px 14px}.case-status{color:#a8550c;background:#fff0dc;border-radius:99px;padding:5px 8px;font-size:11px}.case-status.resolved{color:#247342;background:#e6f4eb}.staff-grid{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.user-list{padding:8px 22px}.user-list article{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:15px 0;display:flex}.user-list article>span{color:#fff;background:#171716;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.user-list article>div{flex:1}.user-list b,.user-list small{display:block}.user-list small{color:#888;margin-top:4px}.user-list em{color:#287743;font-size:12px;font-style:normal}.account-form{height:max-content;padding:24px}.account-form>p{color:#888;font-size:13px}.account-form form{gap:14px;margin-top:20px;display:grid}.account-form input{height:44px}.account-form .primary{height:46px}.print-dialog{background:#eee;border-radius:18px;width:min(1050px,94vw);max-height:92vh;overflow:auto}.print-toolbar{z-index:2;background:#fff;border-bottom:1px solid #ddd;align-items:center;gap:10px;padding:14px 18px;display:flex;position:sticky;top:0}.print-toolbar>div{flex:1}.print-toolbar b,.print-toolbar span{display:block}.print-toolbar span{color:#888;margin-top:4px;font-size:12px}.print-toolbar button{background:#fff;border:1px solid #ddd;border-radius:9px;padding:10px 14px}.label-sheets{grid-template-columns:repeat(auto-fill,226px);justify-content:center;gap:12px;padding:22px;display:grid}.qr-label{break-inside:avoid;page-break-inside:avoid;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:60mm;height:40mm;display:flex}.qr-label svg{width:30mm;height:30mm}.qr-label small{margin-top:1mm;font:700 8pt monospace}.mobile-nav{display:none}@media print{body *{visibility:hidden}.print-dialog,.print-dialog *,.label-sheets,.label-sheets *{visibility:visible}.print-backdrop{background:#fff;display:block;position:absolute;inset:0}.print-dialog{border-radius:0;width:auto;max-height:none;overflow:visible}.print-toolbar{display:none}.label-sheets{padding:0;display:block}.qr-label{page-break-after:always;margin:0}@page{size:60mm 40mm;margin:0}}@media (width<=900px){.staff-grid{grid-template-columns:1fr}.v2-shell .sidebar{display:none}.v2-shell .workspace{margin-left:0}.v2-shell header{padding:0 14px}.mobile-brand{display:block}.header-actions .scan span{display:none}.v2-content{padding:18px 14px 92px}.welcome{align-items:flex-start}.welcome h1{font-size:25px}.metrics{grid-template-columns:1fr 1fr}.main-grid{grid-template-columns:1fr}.mobile-nav{z-index:30;background:#171716;border-radius:18px;height:68px;padding:7px;display:flex;position:fixed;bottom:10px;left:10px;right:10px;box-shadow:0 12px 40px #0005}.mobile-nav button{color:#aaa;background:0 0;border:0;flex:1;place-items:center;padding:4px;font-size:17px;display:grid}.mobile-nav button small{font-size:9px}.mobile-nav button.active{color:#fff;background:#2a2927;border-radius:12px}.unit-card dl,.label-sheets{grid-template-columns:1fr}.print-dialog{width:96vw}}@media (width<=620px){.metrics{grid-template-columns:1fr}.welcome{display:block}.welcome .primary{margin-top:16px}.search{max-width:none}.search kbd,.header-actions .avatar{display:none}.scan-box{grid-template-columns:38px 1fr;display:grid}.scan-box button{grid-column:1/-1}.unit-top{display:block}.unit-status{margin-top:14px;display:inline-block}.workflow-actions{display:grid}.page-title h1{font-size:27px}.case-list article{display:block}.case-list article>button{margin-top:14px}.print-toolbar{flex-wrap:wrap}}.scan-actions{gap:10px;margin-bottom:14px;display:flex}.camera-button,.photo-button{cursor:pointer;border-radius:13px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-size:14px;font-weight:800;display:inline-flex}.camera-button{color:#fff;background:#171716;border:0;box-shadow:0 10px 25px #17171625}.camera-button:disabled{opacity:.65}.photo-button{color:#555;background:#fff;border:1px solid #ddd7cd}.photo-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.camera-error{color:#a83a2a;background:#fff0ed;border:1px solid #f1c9c1;border-radius:12px;margin:0 0 14px;padding:13px 15px;font-size:13px;line-height:1.55}.camera-panel{color:#fff;background:#171716;border-radius:20px;margin:0 0 18px;padding:14px;position:relative;overflow:hidden;box-shadow:0 18px 45px #17171625}.camera-panel-head{align-items:center;gap:12px;padding:2px 2px 13px;display:flex}.camera-panel-head>div{flex:1}.camera-panel-head b,.camera-panel-head small{display:block}.camera-panel-head small{color:#aaa;margin-top:4px;font-size:11px}.camera-panel-head button{color:#fff;background:#ffffff12;border:1px solid #ffffff35;border-radius:9px;padding:8px 12px}.camera-reader{background:#080808;border-radius:14px;place-items:center;min-height:280px;display:grid;overflow:hidden}.camera-reader video{object-fit:cover;border-radius:14px}.camera-reader img{object-fit:contain;max-height:60vh}.scan-guide{color:#bbb;justify-content:center;align-items:center;gap:8px;padding:12px 4px 1px;font-size:11px;display:flex}.scan-guide i{background:#4bd277;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4bd27725}.manual-divider{color:#999;align-items:center;gap:12px;margin:16px 0;font-size:11px;display:flex}.manual-divider:before,.manual-divider:after{content:"";background:#e1ddd5;flex:1;height:1px}@media (width<=620px){.scan-actions{grid-template-columns:1fr 1fr;display:grid}.camera-button,.photo-button{padding:0 10px;font-size:13px}.camera-reader{min-height:245px}}.account-buttons{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.account-buttons button{color:#777;background:#fff;border:1px solid #ded9d0;border-radius:10px;padding:9px 4px}.account-buttons .logout{width:auto;margin:0}.account-modal{max-width:480px}.password-form{gap:14px;display:grid}.password-form label{gap:7px;font-size:13px;font-weight:700;display:grid}.password-form input{border:1px solid #ddd7cd;border-radius:11px;height:46px;padding:0 13px;font-size:16px}.password-form .modal-actions{margin-top:8px}