:root{--navy:#102d4c;--blue:#2367e8;--bg:#f4f7fb;--line:#e5eaf0;--ink:#172a40;--muted:#7c8b9e;--green:#079b7d;--red:#c34d45;--yellow:#c58a17;--soft-blue:#ebf3ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}.shell aside{width:252px;background:var(--navy);color:#d9e5ef;padding:24px 14px 16px;display:flex;flex-direction:column;flex-shrink:0}.logo{display:flex;gap:10px;align-items:center;color:#fff;font-size:20px;margin:0 10px 25px}.logo b{line-height:1.05}.logo span{font-size:13px;color:#99b2c9}.workspace{border:1px solid #355370;background:#173955;border-radius:9px;padding:10px;margin:0 4px 23px;font-size:12px;color:#c9d8e5}.shell nav{display:grid;gap:4px}.shell nav a{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:8px;color:#aec1d2;font-size:13px}.shell nav a:hover,.shell nav a.active{background:#1b4669;color:#fff}.shell nav i{font-style:normal;width:17px;text-align:center}.side-bottom{margin-top:auto}.secure{border-top:1px solid #2a4862;padding:16px 9px 13px;color:#91b1c8;font-size:11px}.profile{display:flex;gap:9px;align-items:center;border-top:1px solid #2a4862;padding:11px 8px}.profile>span,.header-right>i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#dceaff;color:#2860c6;font-size:10px;font-style:normal;font-weight:bold}.profile div{flex:1}.profile b,.profile small{display:block;font-size:12px}.profile small{font-size:11px;color:#91a9bf;margin-top:3px}main{flex:1;min-width:0}header{min-height:86px;background:#fff;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;gap:18px}header small{font-size:12px;color:#8190a3}h1{font-size:21px;margin:5px 0 0}.header-right{margin-left:auto;display:flex;align-items:center;gap:16px;color:#536277;font-size:12px}.logout{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 11px;color:#63758a;font-size:11px}.mobile-menu{display:none;border:0;background:none;font-size:21px}.content{padding:31px 36px 45px;max-width:1500px;margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.kicker{color:#3776df;font-size:11px;font-weight:bold;letter-spacing:1.5px}.section-head h2{font-size:27px;margin:9px 0 4px}.section-head p{margin:0;color:var(--muted)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--blue);border:0;color:#fff;border-radius:8px;padding:12px 17px;font-weight:bold;font-size:13px}.primary:hover{background:#1b58c9}.secondary{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d7e1eb;color:#315574;border-radius:8px;padding:10px 14px;font-weight:bold;font-size:12px}.secondary:hover{border-color:#9bb7d4;background:#f7fbff}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px}.panel+.panel{margin-top:19px}.panel-title{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px}.panel-title h3{margin:0 0 5px;font-size:15px}.panel-title small{color:#8a98a9;font-size:11px}.panel-title a,.table-link{color:var(--blue);font-size:12px;font-weight:bold}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th{text-align:left;color:#91a0af;font-size:10px;padding:10px 8px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:13px 8px;border-bottom:1px solid #eef1f5;font-size:12px;color:#40536a;vertical-align:middle}td b{color:#213a58}.subline{display:block;color:#8a98a9;font-size:10px;font-weight:normal;margin-top:4px}.pill{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:10px;background:var(--soft-blue);color:#3477dd}.pill.good{background:#e8f8f3;color:var(--green)}.pill.info{background:#edf5ff;color:#3776df}.notice{padding:12px 15px;border-radius:8px;margin-bottom:18px;background:#e8f8f3;color:#078b70;font-size:12px}.notice.bad{background:#fff0ee;color:var(--red)}.empty{text-align:center;color:#8a98a9;padding:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:19px}.stats>div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px 19px;min-height:122px}.stats small,.stats em{display:block;color:#728198;font-size:12px;font-style:normal}.stats strong{display:block;font-size:23px;margin:14px 0 7px}.stats em{font-size:11px;color:#0a9d7e}.dashboard-grid,.order-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:19px;margin-bottom:19px}.columns{display:grid;grid-template-columns:1.55fr .85fr;gap:19px}.toolbar{display:flex;align-items:center;gap:10px;margin:0 0 18px}.toolbar input{flex:1;min-width:180px;border:1px solid var(--line);border-radius:8px;padding:11px 13px;outline:0;background:#fff}.toolbar input:focus,input:focus,select:focus,textarea:focus{border-color:#8bb4f4;box-shadow:0 0 0 3px #2367e814;outline:0}.quantity{font-weight:bold;color:#078b70}.warehouse-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.warehouse-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px;min-height:145px}.warehouse-card-top{display:flex;align-items:center;justify-content:space-between;color:#8b99a8;font-size:11px}.warehouse-type{display:inline-flex;border-radius:18px;padding:5px 8px;font-weight:bold}.warehouse-type.external{background:#ebf3ff;color:#3477dd}.warehouse-type.internal{background:#e8f8f3;color:#078b70}.warehouse-type.customs{background:#fff5df;color:#b27713}.warehouse-card h3{font-size:15px;margin:18px 0}.warehouse-card-bottom{display:flex;align-items:end;justify-content:space-between;color:#718196;font-size:11px}.warehouse-card-bottom strong{font-size:19px;color:#1d3957}.currency-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.currency-card{display:grid;gap:13px}.currency-code{display:inline-flex;background:#ebf3ff;color:#3477dd;font-weight:bold;border-radius:6px;padding:5px 8px;font-size:11px}.currency-card h3{font-size:15px;margin:10px 0 0}.currency-card>strong{font-size:22px;color:#1d3957}.currency-card>strong small{font-size:11px;color:#8290a0;font-weight:normal}.inline-form{display:flex;gap:8px;align-items:center}.inline-form input{min-width:0;flex:1;border:1px solid var(--line);border-radius:7px;padding:9px}.inline-form .secondary{white-space:nowrap;padding:9px 10px;font-size:11px}.form-hint{padding:9px 11px;border-radius:7px;background:#f3f7fc;color:#718196;font-size:11px;margin:9px 0}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef5ff,#f7fafc);padding:20px}.auth-box{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 20px 60px #183b5c14}.auth-box .logo{color:var(--ink);margin:0 0 28px}.auth-box h1{font-size:24px;margin:0 0 8px}.auth-box p{color:var(--muted);line-height:1.6;font-size:13px}.auth-box form,.auth-box label,dialog form{display:grid;gap:8px}.auth-box label,dialog label{font-size:11px;color:#63758a;margin-top:8px}.auth-box input,dialog input,dialog select,dialog textarea{border:1px solid var(--line);border-radius:8px;padding:11px;outline:0;margin-top:2px;background:#fff}.auth-box .primary{margin-top:16px}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:5px 0 10px}.checks label{display:flex;align-items:center;gap:7px;margin:0;font-size:11px}.checks input{margin:0;width:auto;box-shadow:none}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}dialog{border:0;border-radius:14px;padding:26px;width:min(700px,calc(100% - 30px));max-height:90vh;overflow:auto;box-shadow:0 24px 70px #0b2a4c3b}dialog::backdrop{background:#09244066}.dialog-x{position:absolute;right:15px;top:13px;border:0;background:none;font-size:20px;color:#8090a0}.company-switch select{border:1px solid var(--line);border-radius:7px;padding:8px 27px 8px 9px;background:#fff;color:#315574}.thumb{width:42px;height:42px;border-radius:7px;object-fit:cover;border:1px solid var(--line);display:block}.no-image{display:grid;place-items:center;background:#f3f7fc;color:#91a0af;font-size:16px}.product-detail-grid{display:grid;grid-template-columns:270px 1fr 1fr;gap:19px}.product-photo-panel{height:max-content}.product-photo{display:block;width:100%;height:250px;object-fit:contain;border-radius:9px;background:#f7f9fc}.empty-image{display:grid;place-items:center;color:#93a0ad;font-size:13px}.image-form{display:grid;gap:9px;margin-top:14px}.image-form input{width:100%;font-size:11px}.detail-list{display:grid;gap:0}.detail-list p{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #eef1f5;margin:0;padding:11px 0;font-size:12px}.detail-list p span{color:#7d8da0}.detail-list p b{text-align:right}.description{border-top:1px solid var(--line);margin-top:14px;padding-top:13px;font-size:12px}.description p{color:#61748a;line-height:1.6;margin-bottom:0}.last-purchase-panel{height:max-content}.last-purchase{display:grid;gap:8px;border:1px solid #dcefe9;background:#f2fbf8;padding:15px;border-radius:9px;margin-bottom:14px}.last-purchase strong{font-size:16px;color:#125c50}.last-purchase span,.last-purchase small{color:#6b8790;font-size:11px}.last-purchase b{font-size:17px;color:#1d3957}.purchase-history{grid-column:2 / 4}.order-summary p{display:flex;justify-content:space-between;gap:12px;margin:11px 0;color:#728198;font-size:12px}.order-summary p b{color:#1d3957;text-align:right}.order-summary hr{border:0;border-top:1px solid var(--line);margin:16px 0}.order-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 19px}.order-actions form{margin:0}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--yellow)}.status-dot.green{background:#22b889}.status-dot.red{background:#e15c54}.status-dot.yellow{background:#e9ad37}.status-dot.blue{background:#5e91ed}.status-text{font-size:11px;color:var(--yellow)}.status-text.green{color:var(--green)}.status-text.red{color:var(--red)}.status-text.yellow{color:var(--yellow)}.status-text.blue{color:#3776df}.big-status{display:inline-flex;align-items:center;border-radius:20px;padding:9px 13px;font-weight:bold;font-size:12px;background:#fff5df;color:var(--yellow);white-space:nowrap}.big-status.green{background:#e8f8f3;color:var(--green)}.big-status.red{background:#fff0ee;color:var(--red)}.big-status.blue{background:#edf5ff;color:#3776df}.timeline{display:grid;gap:13px}.timeline-row{display:flex;gap:10px;align-items:flex-start}.timeline-row>div{display:grid;gap:4px}.timeline-row small{color:#8290a0;font-size:10px;line-height:1.5}.payment-line{display:grid;grid-template-columns:1fr auto;gap:5px;border-bottom:1px solid #eef1f5;padding:12px 0;font-size:12px}.payment-line b{color:#1d3957}.payment-line small{grid-column:1 / -1;color:#8a98a9;font-size:10px}.task-row,.mini-order{display:flex;align-items:center;gap:9px;border-bottom:1px solid #eef1f5;padding:12px 0}.task-row>div,.mini-order>a{flex:1;min-width:0}.task-row b,.task-row small,.mini-order b,.mini-order small{display:block}.task-row small,.mini-order small{color:#8a98a9;font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-done{border:1px solid #d7e1eb;background:#fff;border-radius:7px;color:var(--green);padding:4px 8px}.mini-order{justify-content:space-between}.mini-order .status-text{white-space:nowrap}.integration-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:19px}.integration-cards h3{margin:0 0 12px;font-size:15px}.integration-cards code{display:inline-block;background:#f3f7fc;border:1px solid var(--line);border-radius:6px;padding:8px;color:#315574;font-size:11px}.integration-cards p{color:var(--muted);line-height:1.6;font-size:12px}.small-value{font-size:16px!important;word-break:break-word}.warehouse-chart{display:flex;align-items:center;justify-content:center;gap:30px;margin:30px 0}.donut{width:130px;height:130px;border-radius:50%;background:conic-gradient(#5e91ed 0 23%,#42b99d 23% 69%,#f4b454 69%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff}.donut b,.donut small{position:relative;z-index:1}.donut b{font-size:26px;margin-top:16px}.donut small{font-size:10px;color:#8c98a8;margin-top:-38px}.legend{display:grid;gap:14px;font-size:12px}.legend span{display:flex;align-items:center;gap:8px}.legend b{margin-left:12px}.dot{width:8px;height:8px;border-radius:50%}.dot.blue{background:#5e91ed}.dot.green{background:#42b99d}.dot.gold{background:#f4b454}.add-row{margin-top:8px}.order-item-row{display:grid;grid-template-columns:1.6fr .7fr .7fr 0fr;gap:8px;margin:7px 0}.order-item-row input{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px}.order-item-row input[type=hidden]{display:none}@media(max-width:1100px){.content{padding:24px 20px}.stats{grid-template-columns:repeat(2,1fr)}.product-detail-grid{grid-template-columns:250px 1fr}.purchase-history{grid-column:1 / -1}}@media(max-width:850px){.dashboard-grid,.order-grid,.columns,.integration-cards{grid-template-columns:1fr}.warehouse-cards{grid-template-columns:repeat(2,1fr)}.currency-grid{grid-template-columns:1fr 1fr}.product-detail-grid{grid-template-columns:1fr}.purchase-history{grid-column:auto}.product-photo{height:220px}}@media(max-width:700px){.shell aside{position:fixed;left:-270px;z-index:4;height:100vh;transition:left .2s}.shell aside.open{left:0}.mobile-menu{display:block}.shell header{padding:0 16px}.content{padding:22px 14px}.section-head{align-items:start;flex-direction:column;gap:15px}.section-head .primary{width:auto}.header-right{gap:8px}.header-right>b{display:none}.stats{gap:10px}.stats>div{padding:14px}.stats strong{font-size:19px}.panel{padding:15px}.checks{grid-template-columns:1fr}.two{grid-template-columns:1fr}.warehouse-cards,.currency-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.order-item-row{grid-template-columns:1fr 1fr}.order-item-row input:first-child{grid-column:1 / -1}.big-status{align-self:flex-start}}