@import url('/base.css');
:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#203246;background:#f3f6f9;font-synthesis:none;--navy:#10273c;--muted:#6b7a8a;--line:#e3e9ef;--orange:#ef9f46;--blue:#176581;--red:#af3b40;--green:#1e745c}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #49a6c5;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #3394b6;outline-offset:1px}button{border:0}svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.initial{padding:60px;text-align:center}.shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#c8d4df;padding:34px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px;color:white}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:var(--orange);color:var(--navy);font-size:22px;font-weight:900;transform:skew(-7deg);border-radius:5px}.brand strong{font-size:27px;letter-spacing:3px;display:block;line-height:1}.brand small{font-size:11px;letter-spacing:2px;display:block;margin-top:6px}.nav-label{font-size:12px;letter-spacing:1.5px;margin:26px 13px 12px;color:#92a9bc}.nav{display:grid;gap:7px}.nav a{display:flex;align-items:center;gap:12px;padding:13px 15px;text-decoration:none;font-size:14px;font-weight:600;border-radius:7px;color:#b7c8d6}.nav a:hover{background:#1a364e}.nav a.active{background:#27445b;color:#fff;border-left:3px solid var(--orange);padding-left:12px}.nav .nav-count{margin-left:auto;background:#385469;padding:2px 7px;border-radius:4px;font-size:12px}.sidebar-bottom{margin-top:auto;padding-top:40px}.workspace-tag{border:1px solid #365063;padding:14px 12px;border-radius:7px;font-size:13px;line-height:1.7;color:#a7bdcd}.workspace-tag strong{display:block;color:#e4ebf0;font-weight:500}.main{min-width:0}.topbar{height:85px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 38px}.breadcrumb{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:12px}.breadcrumb b{color:#3d5163;font-weight:500}.top-actions{display:flex;align-items:center;gap:18px}.date-today{font-size:13px;color:var(--muted)}.account{display:flex;align-items:center;gap:10px;background:none;text-align:left;padding:5px}.avatar{width:36px;height:36px;border-radius:50%;background:#e7eef3;color:#31516c;font-weight:700;display:grid;place-items:center;font-size:13px}.account strong{display:block;font-size:13px}.account small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.content{padding:34px 38px 45px;max-width:1680px;margin:auto}.preview-banner{padding:10px 20px;background:#fff3dd;color:#855c1e;text-align:center;font-size:13px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#728496;margin-bottom:9px}.page-head h1{font-size:29px;letter-spacing:-.8px;margin:0;font-weight:650}.page-head p{font-size:14px;color:var(--muted);margin:9px 0 0}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{min-height:42px;border-radius:6px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;background:white;border:1px solid #d6e0e7;color:#30485b;text-decoration:none}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:#104d64}.btn.dark{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.subtle{background:transparent}.btn.danger{color:var(--red)}.btn.small{min-height:33px;padding:6px 10px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:26px}.stat{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px 21px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#607486}.stat-icon{padding:8px;border-radius:8px;background:#eef4f8;display:flex;color:#57728a}.stat-icon.warn{background:#fff4df;color:#a17421}.stat-icon.red{background:#fceded;color:var(--red)}.stat-value{font-size:33px;font-weight:650;letter-spacing:-1px;margin:6px 0}.stat-foot{font-size:12px;color:#81909d}.stat-foot.warn{color:#9a6b23}.stat-foot.red{color:var(--red)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:24px}.card-head{padding:21px 23px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.card-head h2{font-size:16px;margin:0;font-weight:650}.card-head p{font-size:12px;color:var(--muted);margin:6px 0 0}.text-button{background:none;color:var(--blue);font-size:13px;font-weight:600;padding:5px;white-space:nowrap}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#fbfcfd;color:#7a8996;font-size:11px;letter-spacing:.6px;font-weight:650;text-transform:uppercase;padding:14px 22px;border-bottom:1px solid var(--line)}td{padding:17px 22px;font-size:14px;border-bottom:1px solid #eef2f5}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdff}.item-cell{display:flex;align-items:center;gap:12px}.item-icon{width:36px;height:36px;background:#eff4f7;color:#637e90;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.item-name{font-weight:600;font-size:14px}.sub{font-size:12px;color:var(--muted);margin-top:5px;display:block}.numeric{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap;background:#eaf3ef;color:var(--green)}.badge.warning{background:#fff3de;color:#9a6b21}.badge.danger{background:#fbecec;color:#b64747}.badge.neutral{background:#eef2f6;color:#617589}.badge.blue{background:#e8f2f8;color:#286e91}.list-item{padding:17px 22px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf1f4}.list-item:last-child{border-bottom:0}.list-body{min-width:0;flex:1}.list-title{font-size:14px;font-weight:600}.list-right{text-align:right;font-size:13px}.movement-icon{width:33px;height:33px;background:#eaf5f0;color:var(--green);display:grid;place-items:center;border-radius:50%;flex-shrink:0}.movement-icon.out{background:#fff1e4;color:#bc7739}.movement-icon.loss{background:#fbecec;color:#b64747}.movement-icon.count{background:#e9eff8;color:#506caa}.positive{color:var(--green)}.negative{color:#ac6431}.empty{text-align:center;padding:45px 24px;color:var(--muted);font-size:14px;line-height:1.7}.empty svg{width:32px;height:32px;color:#91a5b5;margin-bottom:10px}.empty strong{display:block;color:#435d71;margin:4px;font-size:15px}.toolbar{padding:17px 21px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.search{display:flex;align-items:center;gap:10px;border:1px solid #dbe3e9;border-radius:6px;padding:0 12px;background:#fff;min-width:240px;color:#8596a4}.search input{border:0;background:none;outline:none;padding:10px 0;width:100%;font-size:14px}.search:focus-within{outline:2px solid #3394b6}.toolbar select{border:1px solid #dbe3e9;padding:10px 12px;font-size:13px;border-radius:6px;color:#526778;background:white}.table-foot{padding:15px 22px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:12px}.notice{padding:16px 20px;background:#eaf2f7;border:1px solid #d8e7f1;border-radius:7px;display:flex;gap:12px;align-items:flex-start;font-size:13px;color:#4a6c85;line-height:1.6;margin-bottom:22px}.notice strong{color:#274f6a}.notice.warning{background:#fff5e6;border-color:#f2dfba;color:#896529}.footer{display:flex;justify-content:space-between;gap:16px;color:#8392a0;font-size:12px;margin-top:12px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-art{background:var(--navy);color:white;padding:64px;display:flex;flex-direction:column;justify-content:space-between}.login-art .brand{padding:0}.login-art h1{font-size:48px;line-height:1.13;letter-spacing:-1.5px;max-width:460px;margin:35px 0 20px}.login-art p{color:#b2c5d4;font-size:17px;line-height:1.7;max-width:420px}.login-art small{color:#8ea8ba}.login-accent{height:5px;width:60px;background:var(--orange);margin:30px 0}.login-panel{display:flex;align-items:center;justify-content:center;padding:50px}.login-form{width:100%;max-width:390px}.login-form h2{font-size:27px;margin:0 0 10px}.login-form>p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:28px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;font-size:14px}.field>span{font-weight:600;color:#456075;font-size:13px}.field input,.field select,.field textarea{width:100%;border:1px solid #d6dfe6;border-radius:6px;padding:11px 12px;background:#fff;color:#203246;min-height:43px;font-size:14px}.field input[readonly]{background:#f2f5f8;color:#637587}.field textarea{min-height:76px;resize:vertical}.field small{color:var(--muted);font-size:12px;line-height:1.5}.checkbox{display:flex;gap:10px;align-items:center;font-size:14px;margin-bottom:14px}.checkbox input{width:17px;height:17px;accent-color:var(--blue)}.full{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.span-2{grid-column:1/-1}.form-error{color:#b33f45;background:#fff0f0;padding:12px;border-radius:5px;font-size:13px;margin:12px 0;line-height:1.5}.form-error:empty{display:none}dialog{width:min(580px,calc(100vw - 28px));border:0;border-radius:12px;padding:0;color:#203246;box-shadow:0 25px 90px #10273c33;max-height:90vh}dialog::backdrop{background:#10273c80;backdrop-filter:blur(3px)}.dialog-head{padding:24px 26px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:21px;margin:0}.dialog-head p{margin:7px 0 0;font-size:13px;color:var(--muted)}.icon-button{display:grid;place-items:center;background:none;color:#668095;padding:7px;border-radius:5px}.dialog-body{padding:24px 26px 5px}.dialog-foot{padding:18px 26px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.lot-summary{padding:14px;background:#f0f5f8;border-radius:6px;font-size:13px;color:#4f6d82;margin-bottom:18px;line-height:1.7}.lot-summary:empty{display:none}.login-divider{text-align:center;margin:20px 0;font-size:12px;color:#8193a2}.pagination{padding:16px;text-align:center}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 21px;border-radius:8px;background:#173e4a;color:white;box-shadow:0 8px 35px #10273c25;z-index:100;max-width:90vw;font-size:14px;display:none}#toast.visible{display:block}#toast.error{background:#913c42}.security-note{font-size:12px!important;color:#7b8c9c!important;margin-top:25px;text-align:center}.mobile-brand{display:none}.user-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.user-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:9px}.user-card .avatar{width:44px;height:44px;margin-bottom:15px}.user-card h2{font-size:16px;margin:0 0 7px}.user-card p{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.user-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:23px}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.report-card{padding:25px;background:white;border:1px solid var(--line);border-radius:9px}.report-card h2{font-size:18px}.report-card p{font-size:14px;color:var(--muted);line-height:1.7;min-height:72px}.refresh-time{display:flex;gap:5px;align-items:center}.refresh-time svg{width:13px;height:13px}
.dashboard-grid>div,.user-card,.report-card{min-width:0}
@media(min-width:1550px){.content{padding-top:42px}.stat{padding:24px}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}
@media(max-width:1150px){.shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:28px 14px}.content{padding:28px 24px}.topbar{padding:0 24px}.stats{gap:12px}.stat{padding:16px}.dashboard-grid{grid-template-columns:1fr}.date-today{display:none}.user-grid,.report-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{display:block}.sidebar{position:relative;height:auto;padding:18px 16px 0}.brand{padding:0 7px 18px}.brand strong{font-size:22px}.brand small{font-size:10px}.brand-mark{width:35px;height:35px}.nav-label,.sidebar-bottom{display:none}.nav{display:flex;overflow:auto;gap:5px;padding-bottom:12px}.nav a{white-space:nowrap;padding:10px 12px;font-size:13px}.nav a.active{border-left:0;border-bottom:2px solid var(--orange);padding-left:12px}.nav a svg{width:17px;height:17px}.topbar{height:64px;padding:0 18px}.breadcrumb{font-size:12px}.account strong{font-size:12px}.account small{font-size:11px}.content{padding:24px 16px}.page-head{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:22px}.page-head h1{font-size:25px}.page-head .actions{width:100%}.page-head .actions .btn{flex:1}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-value{font-size:28px}.stat-top{font-size:12px}.stat-icon{padding:6px}.stat-icon svg{width:17px;height:17px}.stat-foot{font-size:11px}.dashboard-grid{gap:0}.toolbar{align-items:stretch;flex-direction:column;padding:15px}.toolbar .actions{flex-wrap:nowrap}.toolbar select{width:100%}.search{min-width:0}.card-head{padding:18px}.card-head h2{font-size:15px}td{padding:15px 18px}th{padding:13px 18px}.footer{flex-direction:column;gap:8px}.login{grid-template-columns:1fr}.login-art{padding:28px;min-height:auto}.login-art h1{font-size:29px;margin:23px 0 10px}.login-art p,.login-art>small,.login-accent{display:none}.login-panel{padding:34px 24px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.dialog-head{padding:22px}.dialog-body{padding:22px 22px 5px}.dialog-foot{padding:18px 22px}.user-grid,.report-grid{grid-template-columns:1fr}.report-card p{min-height:0}.preview-banner{font-size:12px}.eyebrow{font-size:10px}}