*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,Arial,sans-serif;color:#17233b;background:#f5f8fc}body{min-height:100vh}.app{display:flex;min-height:100vh}.sidebar{width:226px;background:#111f35;color:#fff;padding:22px 10px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:2px 12px 30px}.brand-mark{width:40px;height:40px;border-radius:10px;background:#2879ed;display:grid;place-items:center;overflow:hidden;box-shadow:0 6px 18px #0c3d83}.brand-mark img{width:100%;height:100%;object-fit:cover;display:block}.brand strong{display:block;font-size:20px}.brand span{display:block;font-size:11px;color:#a9b7ca;margin-top:3px}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{height:45px;display:flex;align-items:center;gap:14px;padding:0 14px;color:#d9e1ec;text-decoration:none;border-radius:7px;font-size:14px;font-weight:500}.nav-item:hover{background:#1b304f}.nav-item.active{background:#2879ed;color:#fff;box-shadow:0 8px 18px rgba(40,121,237,.2)}.nav-icon{width:22px;height:22px;display:grid;place-items:center}.nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.logout{margin-top:auto}.main{margin-left:226px;width:calc(100% - 226px);min-width:0}.topbar{height:57px;background:#fff;border-bottom:1px solid #e5eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.breadcrumb{display:flex;gap:10px;color:#9aa6b8;font-size:12px}.breadcrumb strong{color:#23334e}.admin-menu{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600}.avatar{width:32px;height:32px;border-radius:50%;background:#dbe7f7;color:#276bd0;display:grid;place-items:center}.chevron{color:#7b8798}.mobile-menu{display:none}.content{padding:24px 31px 34px;max-width:1700px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.page-heading h1{font-size:28px;line-height:1.1;margin:0 0 5px;font-weight:800;letter-spacing:-.7px}.page-heading p{margin:0;color:#718099;font-size:13px}.date-button{background:#fff;border:1px solid #dce4ee;border-radius:6px;padding:11px 15px;color:#243651;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:19px}.stat-card{min-height:126px;background:#fff;border:1px solid #dfe6ef;border-radius:7px;padding:17px;display:flex;gap:16px;align-items:flex-start}.stat-icon{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:700}.stat-card.blue .stat-icon{background:#e5f0ff;color:#2879ed}.stat-card.green .stat-icon{background:#e3f7ed;color:#25a66b}.stat-card.purple .stat-icon{background:#f0eaff;color:#8159e9}.stat-card.orange .stat-icon{background:#fff0da;color:#e98a10}.stat-label{display:block;color:#5b6b84;font-size:13px;margin:4px 0 8px}.stat-value{display:block;font-size:26px;line-height:1.05;letter-spacing:-.5px}.trend{display:block;margin-top:11px;color:#16a36a;font-size:12px;font-weight:700}.trend em{font-style:normal;color:#78869b;font-weight:400;margin-left:4px}.dashboard-grid{display:grid;gap:14px}.top-grid{grid-template-columns:1.02fr 1.02fr .95fr;margin-bottom:14px}.bottom-grid{grid-template-columns:1.38fr 1fr}.card{background:#fff;border:1px solid #dfe6ef;border-radius:7px;overflow:hidden;box-shadow:0 2px 7px rgba(26,45,74,.02)}.card-head{height:54px;padding:0 14px;display:flex;align-items:center;justify-content:space-between}.card-head h2{font-size:14px;margin:0;display:flex;align-items:center;gap:9px}.card-head a{color:#1671ed;text-decoration:none;font-size:12px;font-weight:600}.head-icon{color:#1671ed;font-weight:800}.head-icon.danger{color:#ef4c4c;border-radius:50%}.head-icon.star{color:#f1a52a}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{background:#f6f8fb;color:#4d5f79;font-weight:700;text-align:left;height:36px;padding:0 10px}td{height:40px;border-bottom:1px solid #edf1f5;padding:0 10px;color:#273752;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.stock-badge{display:inline-grid;place-items:center;min-width:31px;height:24px;padding:0 7px;border-radius:5px;background:#fff0d2;color:#df8c13;font-weight:700}.stock-badge.critical{background:#ffe2e2;color:#e84c4c}.chart-card{min-height:326px}.chart-area{height:270px;padding:14px}.stock-list{padding:0 13px 7px}.stock-row{display:flex;align-items:center;gap:10px;height:49px;border-bottom:1px solid #edf1f5}.stock-row:last-child{border-bottom:0}.product-thumb,.mini-thumb{display:grid;place-items:center;background:#f3f6fa;border:1px solid #e3e8ef;border-radius:5px}.product-thumb{width:37px;height:37px;font-size:21px}.stock-name{display:flex;flex-direction:column;flex:1}.stock-name strong{font-size:11px}.stock-name span{font-size:10px;color:#738198;margin-top:3px}.filters{display:flex;gap:9px;padding:0 13px 11px}.filters.large{padding:16px}.filters input,.filters select,.product-form input{height:34px;border:1px solid #dce4ee;border-radius:5px;background:#fff;padding:0 11px;color:#55647a;font:inherit;font-size:11px;outline:none}.filters input{flex:1;min-width:120px}.filters select{width:125px}.btn-primary{height:34px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;background:#2879ed;color:#fff;border:0;border-radius:5px;text-decoration:none;font:600 11px Inter;cursor:pointer}.table-product{display:flex;align-items:center;gap:8px}.mini-thumb{width:27px;height:27px;font-size:15px}.stock-number{font-weight:700}.stock-number.low{color:#ef4c4c}.action{border:1px solid #9cc2fa;background:#fff;color:#2474db;border-radius:4px;height:25px;padding:0 8px;font:600 10px Inter;cursor:pointer;margin-right:4px}.action.delete{border-color:#ffb4b4;color:#e34d4d}.pagination{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;color:#748198;font-size:10px}.pagination div{display:flex;gap:4px}.pagination button{width:27px;height:27px;border:1px solid #dce4ee;background:#fff;border-radius:4px;color:#516078}.pagination button.current{background:#2879ed;color:#fff;border-color:#2879ed}.status{font-size:10px;font-weight:700;padding:5px 8px;border-radius:5px}.status.pending{background:#fff0d4;color:#dc8a0e}.status.delivered{background:#daf5e7;color:#15915c}.status.processing{background:#e1efff;color:#2475dd}.status.shipped{background:#eee5ff;color:#7950d7}.form-card{margin-top:16px;padding:20px}.form-card h2{font-size:17px;margin:0 0 16px}.product-form{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:end}.product-form label{font-size:11px;color:#66758b;font-weight:600}.product-form input{display:block;width:100%;margin-top:6px}.supplier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.supplier-card{padding:20px}.supplier-avatar{width:46px;height:46px;border-radius:10px;background:#e5f0ff;color:#2879ed;display:grid;place-items:center;font-size:18px;font-weight:800}.supplier-card h2{font-size:15px;margin:13px 0 7px}.supplier-card p{font-size:11px;color:#718099;margin:5px 0}.supplier-footer{border-top:1px solid #edf1f5;margin-top:15px;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#64728a}.profile-card{max-width:720px;padding:30px}.profile-avatar{width:72px;height:72px;border-radius:50%;background:#dceaff;color:#2879ed;display:grid;place-items:center;font-size:28px;font-weight:800}.profile-card h2{margin:15px 0 5px}.profile-card>p{color:#718099;font-size:12px}.role{display:inline-block;margin-top:4px;background:#e5f0ff;color:#2879ed;padding:5px 8px;border-radius:5px;font-size:10px;font-weight:700}.profile-card hr{border:0;border-top:1px solid #e8edf3;margin:24px 0}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.profile-fields label{font-size:11px;font-weight:600;color:#68778d}.profile-fields input{display:block;width:100%;margin-top:6px;height:37px;border:1px solid #dce4ee;border-radius:5px;padding:0 10px}.profile-card>.btn-primary{border:0}.products-panel,.orders-panel{min-width:0}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.top-grid{grid-template-columns:1fr 1fr}.top-grid .card:last-child{grid-column:1/-1}.bottom-grid{grid-template-columns:1fr}.supplier-grid{grid-template-columns:repeat(2,1fr)}.product-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.topbar{padding:0 15px}.mobile-menu{display:block;border:0;background:none;font-size:21px;color:#243651}.breadcrumb{display:none}.content{padding:18px 14px}.page-heading{gap:12px;align-items:flex-start}.page-heading h1{font-size:23px}.date-button{font-size:10px}.stats-grid,.top-grid,.supplier-grid{grid-template-columns:1fr}.top-grid .card:last-child{grid-column:auto}.filters{flex-wrap:wrap}.filters input{min-width:100%}.filters select{flex:1}.product-form,.profile-fields{grid-template-columns:1fr}.stat-card{min-height:112px}.chart-card{min-height:300px}.chart-area{height:245px}.pagination{gap:8px;overflow:auto}.pagination span{white-space:nowrap}.pagination button{flex:0 0 auto}.admin-menu span:not(.avatar):not(.chevron){display:none}}