@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--ink:#1f2d2a;--muted:#71807b;--line:#e5ebe8;--paper:#fff;--bg:#f6f8f6;--green:#177b62;--green2:#28a47d;--orange:#ed8738;--red:#d75858;--shadow:0 16px 42px #1e3d3412}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Arial,Noto Sans Thai,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.app{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#143c34;height:100vh;padding:26px 18px;position:sticky;top:0}.brand{font-size:22px;font-weight:850}.brand small{color:#9ac4b8;letter-spacing:1.7px;text-transform:uppercase;margin-top:5px;font-size:10px;display:block}.nav{gap:5px;margin-top:35px;display:grid}.nav a{color:#c7ded8;border-radius:10px;padding:11px 13px;font-size:14px}.nav a:hover,.nav a.active{color:#fff;background:#ffffff1a}.sidebar-user{color:#b2d0c8;border-top:1px solid #ffffff24;padding-top:16px;font-size:12px;position:absolute;bottom:23px;left:18px;right:18px}.main{min-width:0;padding:32px 38px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;color:var(--green);font-size:11px;font-weight:800}.title{letter-spacing:-.7px;margin:5px 0 0;font-size:29px}.actions{align-items:center;gap:9px;display:flex}.btn{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:750;transition:all .18s}.btn:hover{filter:brightness(.96);transform:translateY(-1px)}.btn.secondary{color:var(--green);background:#edf3f0}.btn.ghost{border:1px solid var(--line);color:var(--muted);background:0 0}.btn.danger{color:var(--red);background:#fff0f0}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.grid{gap:15px;display:grid}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.metric{padding:18px}.metric label{color:var(--muted);font-size:12px;display:block}.metric strong{margin-top:10px;font-size:28px;display:block}.metric small{color:var(--green2)}.panel{padding:21px}.panel-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px;display:flex}.panel h2{margin:0;font-size:17px}.muted{color:var(--muted)}.input,.select,.textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:10px 12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px #28a47d1a}.textarea{resize:vertical;min-height:110px}.field{gap:7px;display:grid}.field label{color:#53635e;font-size:12px;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.wide{grid-column:1/-1}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid var(--line);padding:10px 11px;font-size:11px}.table td{border-bottom:1px solid #eef2ef;padding:14px 11px}.table tr:last-child td{border:0}.status{color:var(--green);background:#e7f5f0;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.status.processing,.status.warning{color:#a75d18;background:#fff1df}.status.canceled{color:var(--red);background:#fff0f0}.dot{background:currentColor;border-radius:50%;width:6px;height:6px}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{border:1px solid var(--line);cursor:pointer;color:var(--muted);background:#fff;border-radius:9px;padding:8px 12px}.tab.active{color:#fff;background:#173f36;border-color:#173f36}.split{grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:18px;display:grid}.stack{gap:14px;display:grid}.notice{color:#945314;background:#fff6e9;border:1px solid #f5dfbf;border-radius:11px;padding:13px 15px}.error{color:#ad3e3e;background:#fff0f0;border-radius:11px;margin-bottom:14px;padding:12px 14px}.empty{text-align:center;color:var(--muted);padding:45px}.login-shell{background:radial-gradient(circle at 20% 20%,#dcefe8,#0000 35%),#f4f7f5;place-items:center;min-height:100vh;padding:22px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:22px;width:min(430px,100%);padding:35px;box-shadow:0 25px 60px #1d3d3321}.login-card h1{margin:12px 0 7px;font-size:30px}.faq{padding:18px}.faq h3{margin:0;font-size:16px}.faq-answer{white-space:pre-wrap;color:#46544f;margin:13px 0;line-height:1.65}.faq-actions{flex-wrap:wrap;gap:8px;display:flex}.attachment{color:var(--green);background:#eef3f1;border-radius:8px;margin:0 6px 6px 0;padding:7px 9px;font-size:12px;display:inline-flex}.modal-backdrop{z-index:20;background:#0d201b6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(650px,100%);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 30px 80px #00000038}.bar{background:#e8efec;border-radius:99px;height:9px;overflow:hidden}.bar span{background:var(--green2);border-radius:99px;height:100%;display:block}.chart{align-items:flex-end;gap:10px;height:180px;padding-top:20px;display:flex}.chart-col{text-align:center;height:100%;color:var(--muted);flex:1;align-content:end;gap:7px;font-size:11px;display:grid}.chart-col span{background:linear-gradient(#35af89,#177b62);border-radius:7px 7px 2px 2px;min-height:4px;display:block}@media (max-width:920px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{margin-top:18px;display:flex;overflow:auto}.sidebar-user{display:none}.main{padding:23px 17px}.metrics{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}@media (max-width:540px){.metrics,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.title{font-size:24px}.actions .muted{display:none}}
body{font-family:var(--font-geist-sans),"Noto Sans Thai",sans-serif;background:radial-gradient(circle at 78% 0,#35af8914,#0000 28%),linear-gradient(#f7faf8 0,#f3f6f4 100%)}.sidebar{background:linear-gradient(#123f35 0,#0d302a 100%);box-shadow:8px 0 30px #123f3514}.nav a{border:1px solid #0000;align-items:center;gap:10px;transition:all .18s;display:flex}.nav a:hover,.nav a.active{background:#ffffff1c;border-color:#ffffff14;transform:translate(2px)}.nav-icon{place-items:center;width:22px;font-size:15px;display:grid}.main{width:100%;max-width:1700px;margin:0 auto}.topbar{border-bottom:1px solid #18514214;padding-bottom:18px}.btn{background:linear-gradient(135deg,#168168,#116c57);box-shadow:0 7px 16px #177b6221}.btn.secondary,.btn.ghost,.btn.danger{box-shadow:none}.card{border-color:#215b4b1a;box-shadow:0 12px 35px #1843380e}.metric{position:relative;overflow:hidden}.metric:after{content:"";background:#28a47d12;border-radius:50%;width:80px;height:80px;position:absolute;top:-22px;right:-18px}.panel{padding:24px}.panel-head{margin-bottom:20px}.section-title{align-items:center;gap:9px;margin:0;font-size:18px;display:flex}.section-title>span{background:#e9f5f1;border-radius:9px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.section-copy{color:var(--muted);margin:5px 0 0;font-size:12px}.search-input{max-width:340px}.table tbody tr{transition:background .15s}.table tbody tr:hover{background:#f8fbfa}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09221c94}.modal{border:1px solid #ffffff80;border-radius:24px;padding:28px}.modal-large{width:min(880px,100%)}.modal-heading{border-bottom:1px solid var(--line);align-items:flex-start;gap:14px;padding-bottom:19px;display:flex}.modal-heading h2{margin:4px 0 0;font-size:25px}.modal-heading p{color:var(--muted);margin:6px 0 0;font-size:13px}.modal-icon{background:linear-gradient(135deg,#e4f5ef,#f4faf7);border-radius:14px;flex:0 0 46px;place-items:center;height:46px;font-size:21px;display:grid}.field label{min-height:20px}.field-label{align-items:center;gap:6px;display:inline-flex}.field-icon{font-size:13px}.help-tip{color:#66837b;cursor:help;border:1px solid #a9bdb7;border-radius:50%;outline:none;place-items:center;width:17px;height:17px;font-size:10px;font-weight:800;display:inline-grid;position:relative}.help-tip:after{content:attr(data-tooltip);z-index:50;color:#fff;opacity:0;pointer-events:none;background:#173f36;border-radius:9px;width:max-content;max-width:260px;padding:9px 11px;font-size:11px;font-weight:500;line-height:1.45;transition:all .15s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,5px);box-shadow:0 8px 22px #0003}.help-tip:hover:after,.help-tip:focus:after{opacity:1;transform:translate(-50%)}.option-card{border:1px solid var(--line);background:#f9fbfa;border-radius:12px;align-content:center;gap:10px;padding:12px 14px}.option-card label{color:#43534e;align-items:center;gap:7px;display:flex}.variant-section{margin-top:5px;padding-top:5px}.variant-card{background:linear-gradient(145deg,#fbfdfc,#f5faf8);border:1px solid #dce9e5;border-radius:16px;margin-top:12px;padding:18px}.variant-card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.variant-card-head strong{color:#176c58}.icon-button{cursor:pointer;background:0 0;border:0;font-weight:750}.danger-text{color:var(--red)}.input-unit{position:relative}.input-unit .input{padding-right:82px}.input-unit span{color:#73847f;pointer-events:none;font-size:11px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;padding-top:18px}.bar-ready{background:#4f9fc8!important}.bar-processing{background:#e59a41!important}.bar-completed{background:#28a47d!important}.bar-canceled{background:#d75858!important}@media (max-width:700px){.modal{padding:20px}.modal-heading{align-items:center}.search-input{max-width:none}.panel-head{flex-direction:column;align-items:flex-start}.variant-card{padding:14px}.help-tip:after{left:auto;right:-10px;transform:translateY(5px)}.help-tip:hover:after,.help-tip:focus:after{transform:translateY(0)}}
.page-intro{background:linear-gradient(118deg,#eef8f4 0,#fbfdfc 58%,#fff 100%);border:1px solid #177b621f;border-radius:18px;justify-content:space-between;align-items:center;gap:32px;margin-bottom:20px;padding:25px 28px;display:flex}.page-intro h2{letter-spacing:-.25px;max-width:650px;margin:6px 0 5px;font-size:21px}.page-intro p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.page-kicker{color:var(--green);letter-spacing:1.55px;font-size:10px;font-weight:850}.page-kicker.light{color:#98d3c2}.compact-metrics{background:#ffffffb8;border:1px solid #177b621a;border-radius:14px;flex:none;grid-template-columns:repeat(3,minmax(94px,1fr));display:grid;box-shadow:0 8px 24px #1952420d}.compact-metrics>div{text-align:center;gap:1px;padding:13px 18px;display:grid}.compact-metrics>div+div{border-left:1px solid var(--line)}.compact-metrics strong{color:#155e4d;font-size:22px;line-height:1.2}.compact-metrics span{color:var(--muted);white-space:nowrap;font-size:10px}.success{color:#176a55;background:#ebf8f2;border:1px solid #cce9dd;border-radius:11px;margin-bottom:14px;padding:12px 14px}.users-layout{grid-template-columns:minmax(280px,.62fr) minmax(520px,1.38fr);align-items:start;gap:18px;display:grid}.create-user-card{position:sticky;top:24px}.panel-heading-block{align-items:center;gap:12px;margin-bottom:22px;display:flex}.panel-heading-block h2{font-size:18px}.panel-heading-block p{color:var(--muted);margin:4px 0 0;font-size:12px}.heading-icon{width:38px;height:38px;color:var(--green);background:#e9f6f1;border-radius:12px;place-items:center;font-size:25px;font-weight:300;display:grid}.form-stack{gap:16px;display:grid}.field small{color:#8a9894;font-size:10px;line-height:1.45}.btn-block{width:100%;margin-top:3px;padding-block:12px}.password-field{position:relative}.password-field .input{padding-right:58px}.password-field button{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:750;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.accounts-card{padding:0;overflow:hidden}.accounts-heading{border-bottom:1px solid var(--line);margin:0;padding:24px 24px 20px}.accounts-heading h2{margin-top:5px;font-size:20px}.section-label{color:var(--green);letter-spacing:1.2px;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:850;display:flex}.section-dot{background:var(--green2);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #28a47d1a}.account-list{display:grid}.account-row{grid-template-columns:42px minmax(160px,1fr) minmax(185px,.65fr) auto;align-items:center;gap:13px;padding:15px 24px;transition:background .15s;display:grid}.account-row+.account-row{border-top:1px solid #eef2f0}.account-row:hover{background:#f9fbfa}.user-avatar,.mini-avatar{color:#176c58;background:linear-gradient(145deg,#dff2eb,#edf8f4);border-radius:12px;place-items:center;font-weight:850;display:grid}.user-avatar{width:42px;height:42px;font-size:13px}.account-identity{min-width:0}.account-identity>div{align-items:center;gap:7px;display:flex}.account-identity strong{font-size:13px}.account-identity>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;display:block;overflow:hidden}.you-badge{color:#667b75;background:#eef3f1;border-radius:99px;padding:2px 6px;font-size:9px;font-weight:800}.account-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.role-badge,.account-status{white-space:nowrap;border-radius:99px;align-items:center;font-size:10px;font-weight:800;display:inline-flex}.role-badge{color:#536c65;background:#edf3f1;padding:5px 8px}.role-badge.oem{color:#177b62;background:#e6f5f0}.account-status{color:#50706a;gap:5px}.account-status i{background:#28a47d;border-radius:50%;width:6px;height:6px}.account-status.is-inactive{color:#9a6969}.account-status.is-inactive i{background:#d75858}.account-toggle{min-width:95px;padding:8px 10px;font-size:10px}.empty-state{text-align:center;color:var(--muted);justify-items:center;gap:7px;padding:52px 24px;display:grid}.empty-state strong{color:var(--ink)}.empty-state p{margin:0 0 6px;font-size:12px}.empty-icon{width:42px;height:42px;color:var(--green);background:#edf6f3;border-radius:50%;place-items:center;margin-bottom:3px;font-size:20px;display:grid}.loader{border:2px solid #dce9e5;border-top-color:var(--green);border-radius:50%;width:22px;height:22px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.settings-intro{padding-block:21px}.settings-note{background:#fff;border:1px solid #177b6221;border-radius:13px;align-items:center;gap:11px;min-width:200px;padding:12px 15px;display:flex}.settings-note>span{width:34px;height:34px;color:var(--green);background:#e9f5f1;border-radius:10px;place-items:center;font-size:19px;display:grid}.settings-note div{gap:2px;display:grid}.settings-note strong{font-size:11px}.settings-note small{color:var(--green);font-size:12px}.settings-loading{color:var(--muted);align-items:center;gap:10px;display:flex}.settings-form{gap:14px;max-width:1080px;display:grid}.settings-form>.success,.settings-form>.error{margin:0}.settings-section{grid-template-columns:minmax(230px,.72fr) minmax(420px,1.28fr);gap:34px;padding:25px;display:grid}.settings-section-head{align-items:flex-start;gap:13px;display:flex}.settings-section-head>div>span{color:var(--green);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:850}.settings-section-head h2{margin:4px 0;font-size:17px}.settings-section-head p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.settings-icon{height:38px;color:var(--green);background:#e7f5f0;border-radius:11px;flex:0 0 38px;place-items:center;font-size:18px;display:grid}.settings-icon.amber{color:#b66a24;background:#fff3e3}.settings-icon.blue{color:#3f7d9b;background:#eaf3f8}.settings-fields{grid-template-columns:1fr 1fr;gap:19px 15px;display:grid}.settings-fields.two-columns{align-items:start}.input-suffix{position:relative}.input-suffix .input{padding-right:46px}.input-suffix>span{color:#7d8e89;font-size:11px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.compact-section{align-items:center}.compact-field{width:min(230px,100%)}.settings-savebar{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #174f4121;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-top:2px;padding:14px 16px;display:flex;position:sticky;bottom:14px;box-shadow:0 14px 38px #123f351f}.settings-savebar>div{gap:2px;display:grid}.settings-savebar strong{font-size:12px}.settings-savebar small{color:var(--muted);font-size:10px}.faq-hero{color:#fff;background:linear-gradient(125deg,#123f35,#176b57);border-radius:20px;grid-template-columns:1.12fr .88fr;align-items:center;gap:40px;margin-bottom:27px;padding:34px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #123f3529}.faq-hero:after{content:"?";color:#ffffff09;font-size:220px;font-weight:900;line-height:1;position:absolute;top:-52px;right:42%}.faq-hero-copy,.faq-search-wrap{z-index:1;position:relative}.faq-hero h2{letter-spacing:-.4px;max-width:560px;margin:8px 0;font-size:25px;line-height:1.35}.faq-hero p{color:#b8d8cf;margin:0;font-size:13px}.faq-search-wrap{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff14;border:1px solid #ffffff1c;border-radius:15px;padding:18px}.faq-search-wrap>label{color:#d5e8e2;margin-bottom:7px;font-size:10px;font-weight:750;display:block}.faq-search{color:#6f827c;background:#fff;border-radius:10px;align-items:center;gap:9px;padding:0 12px;display:flex}.faq-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:11px 0;font-size:12px}.faq-search button{color:#789089;cursor:pointer;background:0 0;border:0;font-size:18px}.faq-search-wrap>small{color:#afd0c7;margin-top:7px;font-size:10px;display:block}.faq-toolbar{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.faq-toolbar h2{margin:0;font-size:18px}.faq-toolbar p{color:var(--muted);margin:4px 0 0;font-size:11px}.result-count{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:99px;padding:6px 10px;font-size:10px}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:15px;display:grid}.faq-card{padding:0;display:grid;overflow:hidden}.faq-card-top{align-items:flex-start;gap:13px;padding:20px 21px 16px;display:flex}.faq-number{height:33px;color:var(--green);background:#eaf6f2;border-radius:10px;flex:0 0 33px;place-items:center;font-size:11px;font-weight:850;display:grid}.faq-question>span,.answer-label{color:var(--green);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:850;display:block}.faq-question h3{margin:0;font-size:15px;line-height:1.45}.faq-card .faq-answer{color:#475852;background:#f7faf8;border-radius:11px;min-height:108px;margin:0 21px;padding:15px 16px;font-size:12px;line-height:1.72}.faq-attachments{padding:12px 21px 0}.faq-attachments .attachment{align-items:center;gap:5px;margin-bottom:0}.faq-card-footer{border-top:1px solid #edf1ef;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:13px 21px;display:flex}.faq-author{align-items:center;gap:8px;min-width:0;display:flex}.mini-avatar{border-radius:9px;flex:0 0 29px;height:29px;font-size:10px}.faq-author>div{min-width:0;display:grid}.faq-author strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.faq-author small{color:var(--muted);font-size:9px}.faq-actions{justify-content:flex-end}.faq-actions .btn{padding:7px 9px;font-size:9px}.faq-actions .copy-button{min-width:92px}.copy-button.copied{color:var(--green);box-shadow:none;background:#e8f6f1}.icon-only{min-width:30px;font-size:15px!important}.faq-empty{min-height:280px}.faq-skeleton{border:1px solid var(--line);background:linear-gradient(100deg,#f2f5f3 25%,#fafcfb 38%,#f2f5f3 52%) 0 0/200% 100%;border-radius:16px;height:265px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.faq-textarea{min-height:165px}.file-input{padding:8px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:1150px){.users-layout{grid-template-columns:minmax(270px,.72fr) minmax(460px,1.28fr)}.account-row{grid-template-columns:42px minmax(150px,1fr) auto}.account-meta{grid-column:2}.account-toggle{grid-area:1/3/3}.faq-grid{grid-template-columns:1fr}}@media (max-width:920px){.page-intro{flex-direction:column;align-items:flex-start}.compact-metrics{width:100%}.users-layout{grid-template-columns:1fr}.create-user-card{position:static}.settings-section,.faq-hero{grid-template-columns:1fr;gap:22px}.faq-card .faq-answer{min-height:0}}@media (max-width:620px){.page-intro{padding:20px}.compact-metrics{grid-template-columns:1fr}.compact-metrics>div{text-align:left;grid-template-columns:40px 1fr;align-items:center}.compact-metrics>div+div{border-top:1px solid var(--line);border-left:0}.account-row{grid-template-columns:38px minmax(0,1fr);padding:15px 17px}.user-avatar{width:38px;height:38px}.account-meta{grid-column:2}.account-toggle{grid-area:auto/1/auto/-1;width:100%}.settings-note{width:100%}.settings-fields{grid-template-columns:1fr}.settings-savebar{bottom:8px}.faq-hero{padding:24px 20px}.faq-hero h2{font-size:21px}.faq-card-footer{flex-direction:column;align-items:flex-start}.faq-actions{width:100%}.faq-actions .copy-button{flex:1}.faq-toolbar{align-items:flex-start}.modal-heading h2{font-size:21px}}.stock-actions{white-space:nowrap;justify-content:flex-end;gap:6px;display:flex}.stock-actions .btn{padding:8px 10px;font-size:10px}.saved-variant{color:var(--green);background:#e8f5f0;border-radius:99px;margin-left:8px;padding:3px 7px;font-size:9px;font-weight:750}.variant-card-head>div{align-items:center;display:flex}.variant-section>.panel-head{align-items:flex-end}.saving-overlay{z-index:1000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:wait;background:#081e1994;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.saving-dialog{text-align:center;background:#fffffff7;border:1px solid #ffffffb3;border-radius:22px;justify-items:center;width:min(330px,100%);padding:30px 28px 25px;display:grid;box-shadow:0 28px 80px #051c1647}.saving-dialog>strong{margin-top:18px;font-size:18px}.saving-dialog>p{color:var(--muted);margin:6px 0 18px;font-size:12px}.saving-spinner{width:58px;height:42px;position:relative}.saving-spinner span{background:linear-gradient(#35af89,#177b62);border-radius:8px;width:12px;animation:.9s ease-in-out infinite saving-wave;position:absolute;bottom:0}.saving-spinner span:first-child{height:25px;left:4px}.saving-spinner span:nth-child(2){height:39px;animation-delay:.12s;left:23px}.saving-spinner span:nth-child(3){height:31px;animation-delay:.24s;right:4px}@keyframes saving-wave{0%,to{opacity:.55;transform:scaleY(.58)}50%{opacity:1;transform:scaleY(1)}}.saving-progress{background:#e5eeeb;border-radius:99px;width:100%;height:4px;overflow:hidden}.saving-progress i{background:var(--green2);border-radius:99px;width:45%;height:100%;animation:1.1s ease-in-out infinite saving-slide;display:block}@keyframes saving-slide{0%{transform:translate(-110%)}to{transform:translate(245%)}}.purchase-actions{justify-content:flex-end;gap:7px;min-width:218px;display:flex}.purchase-actions .btn{white-space:nowrap;padding:8px 10px;font-size:10px}.status.purchase-partially_received{color:#a75d18;background:#fff1df}.status.purchase-received{color:var(--green);background:#e7f5f0}.status.purchase-canceled{color:var(--red);background:#fff0f0}.confirm-dialog{gap:18px;width:min(520px,100%);display:grid}.confirm-dialog h2{margin:5px 0 4px;font-size:23px}.confirm-dialog p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.confirm-icon{border-radius:15px;place-items:center;width:48px;height:48px;font-size:24px;font-weight:800;display:grid}.confirm-icon.receive{color:var(--green);background:#e6f5f0}.confirm-icon.cancel{color:var(--red);background:#fff0f0}.confirm-summary,.cancel-impact{border:1px solid var(--line);background:#fafcfb;border-radius:12px;overflow:hidden}.confirm-summary>div,.cancel-impact>div{align-items:center;gap:12px;padding:11px 13px;font-size:12px;display:flex}.confirm-summary>div+div,.cancel-impact>div+div{border-top:1px solid var(--line)}.confirm-summary span,.cancel-impact span{flex:1;font-weight:700}.confirm-summary strong{color:var(--green)}.cancel-impact small{color:var(--muted)}.cancel-impact strong{min-width:64px;color:var(--red);text-align:right}.danger-note{color:#984646;background:#fff6f6;border-color:#f1cccc;font-size:11px;line-height:1.55}.confirm-dialog .modal-actions{margin-top:0}@media (max-width:700px){.purchase-actions{flex-direction:column;align-items:stretch;min-width:135px}.purchase-actions .btn{width:100%}.saving-dialog{padding:26px 22px}.confirm-dialog h2{font-size:20px}.cancel-impact>div{flex-wrap:wrap;align-items:flex-start}.cancel-impact small{order:3;width:100%}.cancel-impact strong{margin-left:auto}}.supplier-manager{gap:17px;display:grid}.supplier-manager-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.supplier-manager-bar>div{gap:2px;display:grid}.supplier-manager-bar strong{font-size:13px}.supplier-manager-bar small{color:var(--muted);font-size:10px}.supplier-list{border:1px solid var(--line);border-radius:14px;overflow:hidden}.supplier-row{background:#fff;grid-template-columns:40px minmax(150px,1fr) auto auto;align-items:center;gap:13px;padding:13px 15px;display:grid}.supplier-row+.supplier-row{border-top:1px solid var(--line)}.supplier-row:hover{background:#fafcfb}.supplier-avatar{width:40px;height:40px;color:var(--green);background:#e8f5f0;border-radius:12px;place-items:center;font-size:13px;font-weight:850;display:grid}.supplier-info{gap:3px;min-width:0;display:grid}.supplier-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.supplier-info span{color:var(--muted);font-size:10px}.supplier-actions{gap:6px;display:flex}.supplier-actions .btn{padding:7px 9px;font-size:9px}@media (max-width:700px){.supplier-manager-bar{align-items:flex-start}.supplier-row{grid-template-columns:40px 1fr}.supplier-row>.account-status{grid-column:2}.supplier-actions{grid-column:1/-1}.supplier-actions .btn{flex:1}}.faq-attachments{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.faq-attachment-card{border:1px solid var(--line);background:#fbfdfc;border-radius:11px;align-content:start;min-width:0;display:grid;overflow:hidden}.faq-image-preview{aspect-ratio:16/9;background:#e9efec;display:block;overflow:hidden}.faq-image-preview img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.faq-image-preview:hover img{transform:scale(1.025)}.faq-attachment-info{align-items:center;gap:8px;min-width:0;padding:9px 10px 4px;display:flex}.faq-file-icon{height:27px;color:var(--green);background:#e8f5f0;border-radius:8px;flex:0 0 27px;place-items:center;font-size:13px;display:grid}.faq-attachment-info>div{min-width:0;display:grid}.faq-attachment-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.faq-attachment-info small{color:var(--muted);font-size:10px}.faq-file-actions{gap:6px;padding:5px 10px 9px;display:flex}.faq-file-actions a{border:1px solid var(--line);color:var(--green);text-align:center;background:#fff;border-radius:7px;flex:1;padding:6px 7px;font-size:9px;font-weight:750}.faq-file-actions a:last-child{background:#eaf6f2;border-color:#d6ebe4}.faq-file-actions a:hover{filter:brightness(.97)}@media (max-width:620px){.faq-attachments{grid-template-columns:1fr}}.faq-image-preview{position:relative}.upload-native-input{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.upload-picker-button{appearance:none;font:inherit;background:0 0;border:0;padding:0}.upload-picker-button:disabled{opacity:.45;cursor:not-allowed}.line-design-message{color:#9a6a28;margin:-3px 0 10px;font-size:9px}.line-design-message.success{color:var(--green);font-weight:750}.order-create-intro{color:#fff;background:linear-gradient(122deg,#123f35,#176b57);border-radius:20px;justify-content:space-between;align-items:center;gap:28px;margin-bottom:20px;padding:27px 30px;display:flex;box-shadow:0 17px 42px #123f3524}.order-create-intro>div>span{color:#9fd5c5;letter-spacing:1.7px;font-size:9px;font-weight:850}.order-create-intro h2{margin:6px 0 5px;font-size:22px}.order-create-intro p{color:#c4ddd6;margin:0;font-size:12px}.order-create-intro ol{gap:8px;margin:0;padding:0;list-style:none;display:flex}.order-create-intro li{color:#d9ebe6;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:99px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;display:flex}.order-create-intro li b{color:#176b57;background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;display:grid}.order-create-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.order-create-main{gap:16px;display:grid}.order-form-section{padding:0;overflow:hidden}.order-form-section>header{border-bottom:1px solid var(--line);background:#fbfdfc;align-items:center;gap:13px;padding:20px 23px;display:flex}.order-form-section>header>div{flex:1}.order-form-section h2{margin:0;font-size:17px}.order-form-section header p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.5}.order-step{height:34px;color:var(--green);background:#e6f5f0;border-radius:11px;flex:0 0 34px;place-items:center;font-size:13px;font-weight:900;display:grid}.order-field-grid{grid-template-columns:1fr 1fr;gap:18px;padding:23px;display:grid}.order-field-grid .field small,.order-line .field small,.design-file-fields .field small{color:#81918c;font-size:10px;line-height:1.45}.field label em{color:#c05555;margin-left:5px;font-size:9px;font-style:normal}.field label em.optional{color:#8a9894}.order-lines{gap:14px;padding:18px 23px 23px;display:grid}.order-line{background:#fcfefd;border:1px solid #dce8e4;border-radius:16px;overflow:hidden}.order-line-main{grid-template-columns:32px minmax(260px,1fr) 125px 28px;align-items:start;gap:12px;padding:17px;display:grid}.order-line-number{width:28px;height:28px;color:var(--green);background:#e6f5f0;border-radius:9px;place-items:center;margin-top:23px;font-size:10px;font-weight:850;display:grid}.order-line-remove{margin-top:27px;font-size:18px}.line-design-zone{background:#f6faf8;border-top:1px solid #e2ebe8;padding:16px 17px 17px 61px}.line-design-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.line-design-head h3{margin:0;font-size:12px}.line-design-head h3 span{color:var(--green);margin-left:5px;font-size:9px}.line-design-head p{color:var(--muted);margin:4px 0 0;font-size:9px}.line-design-empty{color:var(--muted);background:#ffffffa6;border:1px dashed #cbdcd6;border-radius:11px;align-items:center;gap:10px;padding:12px;font-size:9px;display:flex}.line-design-empty b{color:#628078;background:#e8f2ee;border-radius:9px;flex:0 0 34px;place-items:center;height:34px;font-size:10px;display:grid}.order-loading{color:var(--muted);align-items:center;gap:10px;padding:24px;font-size:12px;display:flex}.upload-group{padding:23px}.upload-group+.upload-group{border-top:1px solid var(--line)}.upload-group-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.upload-group-head h3{margin:0;font-size:14px}.upload-group-head p{color:var(--muted);margin:4px 0 0;font-size:10px}.upload-picker{cursor:pointer;position:relative;overflow:hidden}.upload-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-picker span{color:var(--green);background:#eaf6f2;border:1px solid #cfe5de;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:800;display:block}.upload-picker.disabled{opacity:.45;pointer-events:none}.upload-empty{background:#fafcfb;border:1px dashed #cfdcd8;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.upload-empty>b{color:#628078;background:#edf5f2;border-radius:11px;place-items:center;width:42px;height:42px;font-size:9px;display:grid}.upload-empty>div{gap:3px;display:grid}.upload-empty strong{font-size:11px}.upload-empty span{color:var(--muted);font-size:10px}.upload-list,.design-file-list{gap:9px;display:grid}.upload-file-card,.design-file-summary{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:11px;min-width:0;padding:11px;display:flex}.order-file-icon,.order-file-preview{border-radius:9px;flex:0 0 54px;width:54px;height:54px}.order-file-icon{color:#50756c;background:#edf4f1;place-items:center;font-size:9px;font-weight:900;display:grid}.order-file-preview{object-fit:cover;background:#edf4f1;display:block}.upload-file-info{flex:1;gap:3px;min-width:0;display:grid}.upload-file-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.upload-file-info span{color:var(--muted);font-size:9px}.upload-file-info small{color:var(--red);font-size:9px}.upload-badge{color:#597168;white-space:nowrap;background:#edf3f1;border-radius:99px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:850;display:inline-flex}.upload-badge.uploading{color:#a96725;background:#fff3e3}.upload-badge.uploading i{border:1px solid;border-top-color:#0000;border-radius:50%;width:7px;height:7px;animation:.7s linear infinite spin}.upload-badge.done{color:var(--green);background:#e7f5f0}.upload-badge.error{color:var(--red);background:#fff0f0}.upload-remove{width:25px;height:25px;color:var(--red);cursor:pointer;background:#fff0f0;border:0;border-radius:8px;flex:0 0 25px;place-items:center;font-size:15px;display:grid}.design-file-card{background:#f9fbfa;border:1px solid #dce8e4;border-radius:14px;overflow:hidden}.design-file-summary{background:#fff;border:0;border-radius:0}.design-file-fields{border-top:1px solid var(--line);grid-template-columns:.7fr 1fr;gap:12px;padding:14px;display:grid}.design-file-fields .wide{grid-column:1/-1}.order-create-summary{position:sticky;top:20px}.summary-card{padding:21px}.summary-card>h2{text-overflow:ellipsis;margin:15px 0 16px;font-size:18px;overflow:hidden}.summary-card dl{border-block:1px solid var(--line);margin:0;display:grid}.summary-card dl>div{justify-content:space-between;gap:15px;padding:10px 0;font-size:11px;display:flex}.summary-card dl>div+div{border-top:1px solid #eef2f0}.summary-card dt{color:var(--muted)}.summary-card dd{margin:0;font-weight:800}.private-storage-note{background:#edf7f3;border-radius:10px;align-items:center;gap:10px;margin-top:15px;padding:11px;display:flex}.private-storage-note>span{font-size:17px}.private-storage-note>div{gap:2px;display:grid}.private-storage-note strong{color:var(--green);font-size:10px}.private-storage-note small{color:#628078;font-size:10px;line-height:1.4}.order-submit{width:100%;margin-top:15px;padding:12px 10px;font-size:11px}.submit-help{color:var(--muted);text-align:center;margin-top:8px;font-size:10px;line-height:1.45;display:block}.order-upload-progress{gap:7px;margin-top:14px;display:grid}.order-upload-progress>div{justify-content:space-between;font-size:9px;display:flex}.order-upload-progress progress{width:100%;height:6px;accent-color:var(--green)}.order-create-error{gap:4px;margin:0;display:grid}.order-create-error span{font-size:11px}.order-create-error a{margin-top:3px;font-size:10px;font-weight:800;text-decoration:underline}@media (max-width:1100px){.order-create-layout{grid-template-columns:1fr}.order-create-summary{order:-1;position:static}.summary-card{grid-template-columns:1fr 1fr;gap:12px;display:grid}.summary-card>.section-label,.summary-card>h2,.summary-card dl{grid-column:1/-1}.summary-card .private-storage-note,.summary-card .order-submit{margin:0}.summary-card .submit-help,.summary-card .order-upload-progress{grid-column:1/-1}}@media (max-width:760px){.order-create-intro{flex-direction:column;align-items:flex-start;padding:23px}.order-create-intro ol{width:100%;overflow:auto}.order-create-layout{display:block}.order-create-main{margin-top:14px}.order-form-section>header{flex-wrap:wrap;align-items:flex-start;padding:18px}.order-form-section>header .btn{width:100%}.order-field-grid,.upload-group{padding:18px}.order-lines{padding:14px 18px 18px}.order-line-main{grid-template-columns:28px minmax(0,1fr) 85px}.order-line-remove{grid-column:3}.line-design-zone{padding:15px 16px}.line-design-head{flex-direction:column;align-items:flex-start}.line-design-head .upload-picker{width:100%}.design-file-fields{grid-template-columns:1fr}.upload-group-head{flex-direction:column;align-items:flex-start}.upload-picker{width:100%}.upload-picker span{text-align:center}.summary-card{display:block}.summary-card .private-storage-note,.summary-card .order-submit{margin-top:14px}}@media (max-width:520px){.order-line-main{grid-template-columns:28px minmax(0,1fr)}.order-line-main .quantity-field{grid-column:2}.order-line-remove{grid-column:2;justify-self:end;margin-top:0}.upload-file-card,.design-file-summary{flex-wrap:wrap;align-items:flex-start}.upload-file-info{min-width:calc(100% - 70px)}.upload-badge{margin-left:65px}}.order-detail-hero{color:#fff;background:linear-gradient(125deg,#123f35,#176b57);border-radius:20px;margin-bottom:18px;overflow:hidden;box-shadow:0 17px 42px #123f3524}.order-detail-title{justify-content:space-between;align-items:center;gap:22px;padding:25px 28px 20px;display:flex}.order-detail-title h2{letter-spacing:-.3px;margin:5px 0 4px;font-size:25px}.order-detail-title p{color:#c4ddd6;margin:0;font-size:11px}.order-detail-status{color:#fff;background:#ffffff1f;border:1px solid #ffffff2e;flex:none}.order-detail-metrics{background:#03201929;border-top:1px solid #ffffff1a;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.order-detail-metrics>div{gap:3px;padding:16px 22px;display:grid}.order-detail-metrics>div+div{border-left:1px solid #ffffff1a}.order-detail-metrics span{color:#a9cec4;font-size:9px;font-weight:750}.order-detail-metrics strong{font-size:17px}.order-detail-metrics small{color:#bfd8d1;font-size:10px}.order-detail-error{gap:4px;display:grid}.order-detail-error span{font-size:11px}.order-shortage{align-items:center;gap:12px;margin-bottom:16px;display:flex}.order-shortage span{font-size:11px}.order-detail-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.order-detail-main{gap:16px;display:grid}.detail-section{overflow:hidden}.detail-section>header{border-bottom:1px solid var(--line);background:#fbfdfc;justify-content:space-between;align-items:center;gap:15px;padding:19px 21px;display:flex}.detail-section>header>div{align-items:center;gap:11px;display:flex}.detail-section>header h2{margin:0;font-size:16px}.detail-section>header p{color:var(--muted);margin:3px 0 0;font-size:10px}.detail-section-icon{height:36px;color:var(--green);background:#e7f4f0;border-radius:11px;flex:0 0 36px;place-items:center;font-size:17px;font-weight:850;display:grid}.detail-section-icon.art{color:#586b9c;background:#edf0fa}.detail-section-icon.receipt{color:#a96122;background:#fff2e5;font-size:10px}.detail-count{color:#5b706a;white-space:nowrap;background:#edf3f1;border-radius:99px;padding:5px 9px;font-size:9px;font-weight:800}.order-product-list{padding:5px 21px 17px;display:grid}.order-product-row{grid-template-columns:30px minmax(180px,1fr) 70px 125px;align-items:center;gap:13px;padding:14px 0;display:grid}.order-product-row+.order-product-row{border-top:1px solid var(--line)}.order-product-number{width:28px;height:28px;color:var(--green);background:#edf5f2;border-radius:9px;place-items:center;font-size:10px;font-weight:850;display:grid}.order-product-row>div:nth-child(2){gap:3px;min-width:0;display:grid}.order-product-row>div:nth-child(2)>strong{font-size:12px}.order-product-row>div:nth-child(2)>span{color:var(--muted);font-size:10px}.order-product-row code{color:#50645e;text-overflow:ellipsis;background:#f0f3f2;border-radius:5px;width:max-content;max-width:100%;padding:3px 6px;font-family:inherit;font-size:10px;overflow:hidden}.order-product-quantity,.order-product-cost{text-align:right;gap:2px;display:grid}.order-product-quantity strong{font-size:19px}.order-product-quantity span,.order-product-cost span{color:var(--muted);font-size:10px}.order-product-cost strong{font-size:11px}.detail-empty{background:#fafcfb;border:1px dashed #ccd9d5;border-radius:13px;align-items:center;gap:12px;margin:20px;padding:18px;display:flex}.detail-empty>b{color:#638078;background:#edf4f1;border-radius:11px;flex:0 0 43px;place-items:center;height:43px;font-size:9px;display:grid}.detail-empty>div{gap:3px;display:grid}.detail-empty strong{font-size:11px}.detail-empty span{color:var(--muted);font-size:9px}.order-design-list{gap:11px;padding:18px 20px;display:grid}.order-design-card{background:#fafcfb;border:1px solid #dce7e3;border-radius:14px;overflow:hidden}.order-design-current{background:#fff;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px;display:grid}.order-design-current>a:first-child,.order-design-current>a:first-child img,.order-design-current>.order-file-type{border-radius:10px;width:76px;height:76px;display:block}.order-design-current>a:first-child{background:#edf3f1;overflow:hidden}.order-design-current>a:first-child img{object-fit:cover}.order-file-type{color:#50756c;background:#edf4f1;font-size:9px;font-weight:900;place-items:center!important;display:grid!important}.order-design-current>div:nth-child(2){min-width:0}.design-label{color:var(--green);letter-spacing:1px;font-size:10px;font-weight:850}.order-design-current h3{text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:13px;overflow:hidden}.order-design-current p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9px;overflow:hidden}.file-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.order-design-current .file-actions{margin-top:9px}.file-actions .btn,.order-file-delete{padding:7px 9px;font-size:9px}.design-history{border-top:1px solid var(--line)}.design-history summary{color:#5f746e;cursor:pointer;padding:10px 13px;font-size:9px;font-weight:750}.design-history>div{border-top:1px solid var(--line);background:#f7faf9}.design-version-row{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 13px;display:grid}.design-version-row+.design-version-row{border-top:1px solid #e9efed}.design-version-row>span{color:#60736e;background:#e8eeec;border-radius:7px;place-items:center;height:25px;font-size:10px;font-weight:850;display:grid}.design-version-row>span.is-active{color:var(--green);background:#ddf2eb}.design-version-row>div{gap:2px;min-width:0;display:grid}.design-version-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.design-version-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.design-version-row>a{color:var(--green);font-size:10px;font-weight:800}.order-receipt-list{padding:7px 20px 17px;display:grid}.order-receipt-row{grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;display:grid}.order-receipt-row+.order-receipt-row{border-top:1px solid var(--line)}.order-receipt-row>.order-file-type{border-radius:10px;width:43px;height:43px}.order-receipt-row>div:nth-child(2){gap:3px;min-width:0;display:grid}.order-receipt-row>div:nth-child(2) strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.order-receipt-row>div:nth-child(2) span{color:var(--muted);font-size:10px}.order-upload-panel{position:sticky;top:20px;overflow:hidden}.order-upload-heading{border-bottom:1px solid var(--line);background:#fbfdfc;align-items:flex-start;gap:11px;padding:20px;display:flex}.order-upload-heading>span{height:36px;color:var(--green);background:#e6f5f0;border-radius:11px;flex:0 0 36px;place-items:center;font-size:19px;display:grid}.order-upload-heading h2{margin:0;font-size:15px}.order-upload-heading p{color:var(--muted);margin:4px 0 0;font-size:9px;line-height:1.5}.order-upload-panel>.notice{margin:18px}.order-upload-panel>.notice div{margin-top:4px;font-size:10px;line-height:1.5}.order-upload-form{gap:16px;padding:19px;display:grid}.order-upload-form fieldset{border:0;margin:0;padding:0}.order-upload-form legend{color:#53635e;margin-bottom:7px;font-size:10px;font-weight:750}.upload-kind-switch{grid-template-columns:1fr 1fr;gap:8px;display:grid}.upload-kind-switch label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;gap:2px;padding:11px;display:grid}.upload-kind-switch label.active{background:#eef8f4;border-color:#86c8b5;box-shadow:0 0 0 2px #28a47d14}.upload-kind-switch input{opacity:0;pointer-events:none;position:absolute}.upload-kind-switch strong{font-size:10px}.upload-kind-switch span{color:var(--muted);font-size:10px}.order-upload-form .field small{font-size:9px}.selected-upload-file{background:#f7fbf9;border:1px solid #d8e7e2;border-radius:11px;align-items:center;gap:10px;padding:10px;display:flex}.selected-upload-file>span{color:#56766d;background:#e7f2ee;border-radius:9px;flex:0 0 37px;place-items:center;height:37px;font-size:10px;font-weight:900;display:grid}.selected-upload-file>div{gap:2px;min-width:0;display:grid}.selected-upload-file strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.selected-upload-file small{color:var(--muted);font-size:10px}.design-upload-fields{gap:14px;padding-top:2px;display:grid}.order-upload-two{grid-template-columns:.65fr 1fr;gap:10px;display:grid}.order-upload-form .textarea{min-height:78px}.order-upload-submit{width:100%;padding:12px}.private-upload-copy{color:#6d817b;text-align:center;margin:-7px 0 0;font-size:10px}@media (max-width:1150px){.order-detail-layout{grid-template-columns:1fr}.order-upload-panel{order:-1;position:static}.order-upload-form{grid-template-columns:1fr 1fr}.order-upload-form>fieldset,.order-upload-form>.selected-upload-file,.order-upload-form>.design-upload-fields,.order-upload-form>.order-upload-submit,.order-upload-form>.private-upload-copy{grid-column:1/-1}}@media (max-width:760px){.order-detail-title{flex-direction:column;align-items:flex-start;padding:22px}.order-detail-metrics{grid-template-columns:1fr 1fr}.order-detail-metrics>div:nth-child(3){border-top:1px solid #ffffff1a;border-left:0}.order-detail-metrics>div:nth-child(4){border-top:1px solid #ffffff1a}.order-product-row{grid-template-columns:28px minmax(0,1fr) 55px}.order-product-cost{border-top:1px solid var(--line);grid-column:2/-1;padding-top:8px}.order-design-current{grid-template-columns:62px minmax(0,1fr)}.order-design-current>a:first-child,.order-design-current>a:first-child img,.order-design-current>.order-file-type{width:62px;height:62px}.order-file-delete{grid-column:2;justify-self:start}.order-receipt-row{grid-template-columns:43px minmax(0,1fr)}.order-receipt-row>.file-actions{grid-column:2}.order-upload-form{grid-template-columns:1fr}.order-upload-form>*{grid-column:1!important}}@media (max-width:480px){.order-detail-metrics{grid-template-columns:1fr}.order-detail-metrics>div+div{border-top:1px solid #ffffff1a;border-left:0}.detail-section>header{align-items:flex-start}.detail-count{display:none}.order-design-current{grid-template-columns:1fr}.order-design-current>a:first-child,.order-design-current>a:first-child img,.order-design-current>.order-file-type{width:100%;height:170px}.order-file-delete{grid-column:1}.upload-kind-switch,.order-upload-two{grid-template-columns:1fr}}.product-design-workspace{gap:18px}.order-product-cards{gap:16px;padding:20px;display:grid}.order-product-card{background:#fff;border:1px solid #d8e5e0;border-radius:16px;overflow:hidden}.order-product-summary{grid-template-columns:34px minmax(200px,1fr) 70px 125px;align-items:center;gap:14px;padding:17px 18px;display:grid}.order-product-summary>div:nth-child(2){min-width:0}.product-card-label{color:var(--green);letter-spacing:1px;font-size:10px;font-weight:850}.order-product-summary h3{margin:4px 0 3px;font-size:14px}.order-product-summary p{color:var(--muted);margin:0;font-size:10px}.order-product-summary code{background:#edf2f0;border-radius:5px;padding:3px 6px;font-family:inherit;font-size:10px}.product-card-stat,.product-card-cost{text-align:right;gap:2px;display:grid}.product-card-stat strong{font-size:21px}.product-card-stat span,.product-card-cost span{color:var(--muted);font-size:10px}.product-card-cost strong{font-size:12px}.product-design-zone{background:#f6faf8;border-top:1px solid #e1eae7;padding:16px 18px 18px}.product-design-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.product-design-head h4{margin:0;font-size:12px}.product-design-head h4 span{color:var(--green);margin-left:5px;font-size:9px}.product-design-head p{color:var(--muted);margin:3px 0 0;font-size:9px}.product-design-head .btn{padding:8px 11px;font-size:9px}.order-design-list.inline{padding:0}.inline-upload-form{background:#fff;border:1px solid #cfe2dc;border-radius:13px;gap:13px;margin-top:13px;padding:16px;display:grid}.inline-upload-form .upload-group-head{margin:0}.inline-upload-actions{justify-content:flex-end;gap:8px;display:flex}.receipt-workspace-body{grid-template-columns:minmax(0,1fr) 340px;gap:18px;padding:20px;display:grid}.receipt-workspace-body .order-receipt-list{padding:0}.receipt-upload-box{background:#f8fbfa;border:1px solid #d9e5e1;border-radius:13px;align-content:start;gap:12px;padding:16px;display:grid}.receipt-upload-box .upload-group-head{align-items:flex-start;margin:0}.receipt-upload-submit{width:100%}.receipt-upload-box>small{color:var(--muted);text-align:center;font-size:10px}.stock-health{white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;font-weight:850;display:inline-flex}.stock-health>span{border-radius:50%;place-items:center;width:15px;height:15px;font-size:10px;display:grid}.stock-health.normal{color:#177b62;background:#e7f5f0}.stock-health.normal>span{background:#cceadf}.stock-health.shortage{color:#b15e20;background:#fff0e5}.stock-health.shortage>span{background:#f7d6bd}.urgent-panel{margin-bottom:18px;padding:0;overflow:hidden}.urgent-panel.has-urgent{background:linear-gradient(135deg,#fffaf4,#fff);border-color:#efd4b5}.urgent-panel.all-clear{background:linear-gradient(135deg,#f3fbf8,#fff);border-color:#cfe6de}.urgent-heading{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:19px 21px;display:grid}.urgent-icon{color:#bd6223;background:#fff0e1;border-radius:13px;place-items:center;width:44px;height:44px;font-size:22px;font-weight:900;display:grid;box-shadow:0 7px 18px #b55b1b1f}.all-clear .urgent-icon{color:var(--green);background:#dff3ec}.urgent-kicker{color:#b66a32;letter-spacing:1.4px;font-size:10px;font-weight:900}.urgent-heading h2{margin:3px 0;font-size:18px}.urgent-heading p{color:var(--muted);margin:0;font-size:10px}.urgent-count{color:#aa5b23;background:#fff0e1;border-radius:99px;padding:7px 11px;font-size:9px;font-weight:850}.all-clear .urgent-count{color:var(--green);background:#e1f3ed}.urgent-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0 20px 18px;display:grid}.urgent-item{background:#fff;border:1px solid #f0dfcf;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;display:grid}.urgent-level{color:#aa641f;background:#fff0dc;border-radius:6px;padding:4px 6px;font-size:10px;font-weight:850}.urgent-level.critical{color:#c24848;background:#ffebeb}.urgent-item>div:nth-child(2){min-width:0}.urgent-item p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:10px;overflow:hidden}.urgent-balance{text-align:right;display:grid}.urgent-balance strong{color:#b75b28;font-size:17px}.urgent-balance span{color:var(--muted);font-size:7px}.urgent-more{color:#a85b26;text-align:right;padding:0 21px 17px;font-size:9px;font-weight:800;display:block}.dashboard-lower{grid-template-columns:minmax(0,1fr) 245px;align-items:start;gap:18px;display:grid}.quick-panel .grid{margin-top:14px}.quick-panel p{margin:4px 0 0;font-size:10px}.analytics-range{grid-template-columns:auto 180px;align-items:center;gap:9px;display:grid}.analytics-range label{color:var(--muted);font-size:10px;font-weight:750}.analytics-range .select{padding:8px 10px}.analytics-filter-summary{background:#f4faf7;border:1px solid #d9e8e3;border-radius:11px;align-items:center;gap:10px;margin-bottom:14px;padding:11px 14px;display:flex}.analytics-filter-summary>span{width:30px;height:30px;color:var(--green);background:#e0f2ec;border-radius:9px;place-items:center;font-size:16px;display:grid}.analytics-filter-summary>div{gap:2px;display:grid}.analytics-filter-summary strong{font-size:10px}.analytics-filter-summary small{color:var(--muted);font-size:10px}.analytics-status-row{margin-top:17px}.analytics-status-row .panel-head{margin-bottom:7px}.faq-answer-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;display:flex}.faq-answer-head .answer-label{margin:0}.faq-answer-text{white-space:pre-wrap}.copy-inline{color:var(--green);cursor:pointer;background:#fff;border:1px solid #cee3dc;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:850}.copy-inline.copied{background:#e5f5ef;border-color:#acd8c9}.faq-card .faq-image-preview{position:relative}.faq-card .faq-image-preview img{object-fit:cover;width:100%;height:100%;display:block}.faq-image-missing{color:#a64e43;text-align:center;background:#fff5f2;align-content:center;place-items:center;gap:4px;width:100%;height:100%;padding:15px;display:grid}.faq-image-missing>span{background:#f7dcd7;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:900;display:grid}.faq-image-missing strong{font-size:9px}.faq-image-missing small{color:#9c6d66;max-width:220px;font-size:10px;line-height:1.4}.order-readonly-note{background:#f1f6f4;border:1px solid #d6e2de;border-radius:11px;align-items:center;gap:11px;margin-bottom:16px;padding:13px 15px;display:flex}.order-readonly-note>span{font-size:18px}.order-readonly-note>div{gap:3px;display:grid}.order-readonly-note strong{font-size:11px}.order-readonly-note small{color:var(--muted);font-size:9px}@media (max-width:1200px){.urgent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.receipt-workspace-body,.dashboard-lower{grid-template-columns:1fr}.quick-panel .grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.order-product-summary{grid-template-columns:30px minmax(0,1fr) 55px}.product-card-cost{border-top:1px solid var(--line);grid-column:2/-1;padding-top:8px}.product-design-head{flex-direction:column;align-items:flex-start}.product-design-head .btn{width:100%}.urgent-grid{grid-template-columns:1fr}.urgent-heading{grid-template-columns:44px 1fr}.urgent-count{grid-column:1/-1;width:max-content}.analytics-range{grid-template-columns:1fr}.topbar:has(.analytics-range){flex-direction:column;align-items:flex-start}.topbar:has(.analytics-range)>.actions{flex-wrap:wrap;width:100%}.quick-panel .grid{grid-template-columns:1fr}}@media (max-width:480px){.order-product-cards{padding:12px}.order-product-summary{grid-template-columns:28px minmax(0,1fr)}.product-card-stat{text-align:left;grid-column:2}.product-card-cost{grid-column:2}.receipt-workspace-body{padding:13px}.urgent-heading{padding:16px}.urgent-grid{padding:0 15px 15px}.urgent-item{grid-template-columns:auto minmax(0,1fr)}.urgent-balance{text-align:left;grid-column:2}}.design-custom-instruction{background:#fff6e8;border-left:3px solid #d79343;border-radius:0 8px 8px 0;gap:3px;margin-top:8px;padding:9px 10px;display:grid}.design-custom-instruction strong{color:#955415;font-size:10px}.design-custom-instruction span{color:#725c45;font-size:11px;line-height:1.5}.urgent-panel.has-urgent{border:2px solid #e7b77f;box-shadow:0 15px 34px #b05b1d21}.urgent-panel.has-urgent .urgent-heading{background:linear-gradient(90deg,#fff1df,#fffaf4)}.urgent-kicker{font-size:10px}.urgent-heading h2{font-size:21px}.urgent-heading p{color:#65594e;font-size:12px;line-height:1.55}.urgent-count{font-size:11px}.urgent-item{border-color:#e8c69f;padding:14px;box-shadow:0 5px 14px #7b4b230f}.urgent-level{font-size:10px}.urgent-item>div:nth-child(2)>strong{font-size:12px}.urgent-item p{font-size:10px}.urgent-balance strong{font-size:21px}.urgent-balance span{font-size:10px}.urgent-more{font-size:11px}.faq-edit-attachments{gap:8px;display:grid}.faq-edit-attachment{border:1px solid var(--line);background:#f9fbfa;border-radius:10px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.faq-edit-attachment>span{height:36px;color:var(--green);background:#e8f3ef;border-radius:8px;place-items:center;font-size:10px;font-weight:850;display:grid}.faq-edit-attachment>div{gap:2px;min-width:0;display:grid}.faq-edit-attachment strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.faq-edit-attachment small{color:var(--muted);font-size:10px}.faq-edit-attachment button{color:var(--red);cursor:pointer;background:#fff0f0;border:0;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:750}.faq-edit-attachment.removed{opacity:.7;border-style:dashed}.faq-edit-attachment.removed button{color:var(--green);background:#edf3f1}@media (max-width:540px){.faq-edit-attachment{grid-template-columns:36px minmax(0,1fr)}.faq-edit-attachment button{grid-column:2;width:max-content}}