:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202c3e;background:#f3f5f8;font-size:16px;--line:#e1e6ed;--muted:#657184;--nav:#17202f;--orange:#f8a368}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #db843b;outline-offset:3px}a{color:inherit}input,select,textarea{width:100%;border:1px solid #cdd5df;border-radius:8px;padding:11px 12px;background:#fff;color:#17202f;min-height:44px}input:focus,select:focus,textarea:focus{outline:2px solid #f4b98b}input[type=checkbox]{width:20px;min-height:20px;accent-color:#bd5725}textarea{min-height:95px;resize:vertical}svg{width:21px;height:21px;flex:none}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;margin-bottom:8px}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:16px}small,.muted{color:var(--muted)}small{font-size:13px}.mono{font-family:ui-monospace,Consolas,monospace;font-size:13px}.boot{display:grid;place-content:center;min-height:100vh;font-size:40px;font-weight:850;text-align:center;gap:18px}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--nav);color:#bdc9db;padding:30px 18px;display:flex;flex-direction:column;z-index:20}.brand{font-size:31px;font-weight:850;letter-spacing:2px;color:#fff;padding:0 14px;text-decoration:none}.brand em{font-style:normal;color:var(--orange)}.caption{font-size:12px;letter-spacing:2px;margin:10px 14px 42px;color:#a4adbc}.nav{display:grid;gap:7px}.nav button{display:flex;align-items:center;gap:13px;padding:13px 16px;border-radius:9px;text-align:left;font-weight:550}.nav button.active{background:var(--orange);color:#19202b}.nav button:hover:not(.active){background:#243247;color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid #354050;padding-top:20px}.user-line{display:flex;align-items:center;gap:10px;padding:15px 8px;font-size:14px}.avatar{display:grid;place-items:center;background:#33435a;width:36px;height:36px;border-radius:50%;color:#fff;font-weight:700}.user-line small{display:block;color:#afbdd0}.workspace{margin-left:232px}.topbar{height:86px;display:flex;align-items:center;gap:20px;padding:0 38px;border-bottom:1px solid var(--line);background:#fff}.global{max-width:610px;flex:1;position:relative}.global svg{position:absolute;left:13px;top:12px;color:#778497}.global input{padding-left:43px;background:#f6f7f9;border:0}.topbar time{font-size:14px;color:var(--muted);margin-left:auto}.menu-toggle{display:none}.content{max-width:1600px;padding:34px 38px 65px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.8px;color:#b2521e;font-weight:750;margin-bottom:9px}.page-heading p{color:var(--muted);margin:0;font-size:14px}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:10px 15px;border-radius:8px;background:#fff;border:1px solid #d7dfe8;font-size:14px;font-weight:650;text-decoration:none}.btn.primary{background:var(--nav);border-color:var(--nav);color:#fff}.btn.orange{background:var(--orange);border-color:var(--orange);color:#19202b}.btn.danger{color:#b23434;border-color:#e7baba}.btn:hover{filter:brightness(.96)}.btn.small{padding:7px 10px;min-height:35px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.stat .label{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:14px}.stat strong{display:block;font-size:31px;letter-spacing:-1px;margin:16px 0 8px;font-weight:720}.stat.highlight{background:#17202f;color:#fff;border-color:#17202f}.stat.highlight .label,.stat.highlight small{color:#c1ccdc}.stat.highlight svg{color:var(--orange)}.grid2{display:grid;grid-template-columns:1.25fr 1fr;gap:23px}.panel{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;margin-bottom:23px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 23px;border-bottom:1px solid #edf0f4}.panel-head h2{margin:0}.panel-body{padding:23px}.panel-foot{background:#fafbfc;padding:14px 23px;border-top:1px solid var(--line);font-size:14px;line-height:1.7}.list-row{display:flex;align-items:center;gap:13px;padding:16px 23px;border-bottom:1px solid #edf0f4}.list-row:last-child{border-bottom:0}.grow{min-width:0;flex:1}.list-row strong{display:block;font-size:14px;margin-bottom:5px}.list-row .right{text-align:right;flex:none}.mini-icon{width:40px;height:44px;display:grid;place-items:center;background:#edf1f6;border-radius:9px;color:#52647b}.notice{background:#fff4e7;border:1px solid #f1d8b9;padding:15px 19px;border-radius:9px;margin:15px 0 23px;font-size:14px;line-height:1.6;color:#804a18}.notice.error{color:#a02424;background:#fff1f0;border-color:#edc2bc}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.toolbar input{flex:1;min-width:200px}.toolbar select{width:auto;min-width:145px;max-width:260px}.tabs{display:inline-flex;gap:4px;background:#e8edf3;padding:4px;border-radius:9px;margin-bottom:18px}.tabs button{padding:9px 16px;border-radius:6px;font-size:14px}.tabs button.active{background:#fff;box-shadow:0 1px 4px #19202b12;font-weight:650}.badge{display:inline-block;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:650;background:#edf1f6;color:#526176}.badge.green{background:#e9f6ee;color:#1c7551}.badge.amber{background:#fff0d9;color:#9c5e11}.badge.blue{background:#e9f0fd;color:#355ba6}.badge.red{background:#ffeded;color:#b33a3a}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}th{text-align:left;font-size:12px;font-weight:600;color:#647286;background:#fafbfc;padding:15px 17px;border-bottom:1px solid var(--line)}td{padding:16px 17px;border-bottom:1px solid #edf0f4}tbody tr:hover{background:#fafbfe}.product-cell{display:flex;align-items:center;gap:12px}.product-cell strong{font-size:14px;display:block;max-width:280px;white-space:normal;line-height:1.45;margin-bottom:5px}.product-cell small{display:block}.link-btn{text-align:left;padding:0}.link-btn:hover strong{text-decoration:underline}.stock-card{display:none}.empty{text-align:center;padding:40px 25px;color:var(--muted);line-height:1.7}.empty h3{color:#36455a;font-size:17px;margin-top:12px}.status-item{display:flex;align-items:center;gap:12px;font-size:14px;margin-bottom:15px}.bar{height:7px;flex:1;background:#edf1f6;border-radius:6px;overflow:hidden}.bar span{display:block;height:100%;background:var(--orange)}.status-item .name{width:105px}.status-item b{width:25px;text-align:right}.login{max-width:450px;margin:9vh auto;padding:35px;background:#fff;border:1px solid var(--line);border-radius:18px}.login .brand{color:#17202f;padding:0;margin-bottom:35px;display:block}.login .btn{width:100%;margin-top:15px}.login .field{margin-bottom:17px}dialog{border:0;border-radius:15px;padding:0;width:min(780px,calc(100vw - 26px));max-height:92dvh;box-shadow:0 20px 100px #0005;color:#202a39}dialog::backdrop{background:#111c2d88;backdrop-filter:blur(3px)}.dialog-head{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.dialog-head h2{margin:0}.dialog-body{padding:25px}.dialog-foot{display:flex;justify-content:flex-end;gap:10px;padding-top:23px}.close{width:35px;height:35px;border-radius:8px;background:#f0f3f7;font-size:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:block;min-width:0}.field>span{display:block;font-size:14px;font-weight:550;margin-bottom:8px}.full{grid-column:1/-1}.check{display:flex;align-items:center;gap:10px}.check span{margin:0}.form-section{grid-column:1/-1;margin:10px 0 0;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:15px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.detail-grid dt{font-size:13px;color:var(--muted);margin-bottom:6px}.detail-grid dd{margin:0;font-size:15px;overflow-wrap:anywhere;white-space:pre-wrap}.detail-top{display:flex;align-items:center;gap:12px}.detail-top h3{font-size:21px;margin-bottom:5px}.photo-grid{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.photo-grid img{width:100px;height:100px;object-fit:cover;border-radius:10px}.signature-pad{width:100%;height:190px;background:#fafbfc;border:1px dashed #a9b5c5;border-radius:8px;touch-action:none}.signature-img{max-width:300px;max-height:160px}.timeline{border-left:2px solid #e3e8ef;margin:20px 10px;padding:0 0 0 20px}.timeline p{font-size:14px;line-height:1.55;margin-bottom:17px}.timeline small{display:block}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.setting{padding:23px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:22px}.setting .field{margin-bottom:17px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#17202f;color:#fff;padding:14px 22px;border-radius:10px;z-index:100;box-shadow:0 6px 30px #0002;display:none;max-width:90vw;font-size:14px}#toast.show{display:block}.error-text{color:#b23434;font-size:14px;margin-top:15px}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.preview-bar{background:#fff0dd;color:#774112;padding:11px 20px;text-align:center;font-size:14px;border-bottom:1px solid #efd1aa}
@media(max-width:1100px){.sidebar{width:205px}.workspace{margin-left:205px}.content{padding:25px}.topbar{padding:0 25px}.stats{grid-template-columns:repeat(2,1fr)}.grid2,.settings-grid{grid-template-columns:1fr}.topbar time{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:240px;box-shadow:5px 0 50px #0003}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.menu-toggle{display:block;padding:8px}.topbar{height:70px;padding:0 13px;gap:8px;position:sticky;top:0;z-index:10}.global input{font-size:14px}.content{padding:25px 16px 50px}.page-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:22px}.page-heading .actions{width:100%}.page-heading .actions .btn{flex:1}h1{font-size:27px}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:26px}.stat .label{font-size:13px}.stat .label svg{display:none}.stat small{font-size:12px}.panel-head,.panel-body{padding:18px}.list-row{padding:16px}.desktop{display:none}.stock-card{display:block;padding:18px;border-bottom:1px solid var(--line)}.card-top{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.stock-card h3{line-height:1.45;margin:0 0 6px}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:16px 0;font-size:14px}.card-grid small{display:block;margin-bottom:4px}.stock-card .actions .btn{flex:1}.toolbar input{min-width:100%}.toolbar select{flex:1;min-width:110px;max-width:100%;font-size:14px}.dialog-body{padding:20px}.dialog-head{padding:18px 20px}.form-grid{grid-template-columns:1fr}.full,.form-section{grid-column:auto}.detail-grid{gap:17px}.login{margin:5vh 16px;padding:26px}.panel-head h2{font-size:18px}.dialog-foot{position:sticky;bottom:-20px;background:#fff;padding-bottom:10px}.toolbar .btn{flex:1}.stock-card .mono{overflow-wrap:anywhere}}