:root{--navy:#06345f;--navy2:#052b50;--blue:#0c6fdf;--blue2:#168bff;--line:#dce8f3;--muted:#70829a;--green:#0da45b;--amber:#f2a100;--red:#dc3c3c;--white:#fff;--shadow:0 10px 30px rgba(27,70,112,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Poppins,Arial,sans-serif;color:#0c2c52}body{background:#f3f8fd}a{color:inherit}button,input,select,textarea{font-family:inherit}
.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px 16px;background:radial-gradient(circle at 50% 0,#fff 0,#eef8ff 48%,#dfefff 100%)}.login-card{width:min(100%,680px);background:#fff;border-radius:34px;box-shadow:0 26px 70px rgba(28,75,121,.15);padding:30px 70px 38px;text-align:center}.login-logo{width:170px;height:170px;object-fit:contain}.login-app-name{font-size:11px;font-weight:800;letter-spacing:.28em;color:var(--blue)}.login-card h1{font-size:42px;margin:10px 0 6px}.login-subtitle{margin:0 0 24px;color:var(--muted)}.login-field{height:70px;display:flex;align-items:center;gap:12px;border:1px solid #ceddea;border-radius:18px;padding:0 18px;margin-bottom:14px}.login-field input{flex:1;border:0;outline:0;font-size:17px}.login-field button{border:0;background:none}.primary-login,.primary-button,.save-button,.small-save{border:0;background:linear-gradient(180deg,#168aff,#0b62cf);color:#fff;border-radius:12px;font-weight:800;cursor:pointer}.primary-login{width:100%;height:72px;font-size:21px}.primary-button{display:inline-flex;text-decoration:none;padding:12px 16px}.login-foot{margin:30px 0 18px;font-size:9px;letter-spacing:.24em;color:#70829a;font-weight:700}.login-depts{display:flex;justify-content:space-around;gap:10px;color:#627790;font-size:10px;text-transform:uppercase;font-weight:700}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:238px;background:linear-gradient(180deg,#073f74,#052e56);color:#fff;padding:20px 14px;z-index:100;display:flex;flex-direction:column;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 8px 18px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-brand img{width:56px;height:56px;object-fit:contain}.sidebar-brand strong{font-size:21px}.sidebar-brand span{display:block;width:max-content;background:#e52c2c;border-radius:6px;padding:3px 8px;margin-top:6px;font-size:9px;font-weight:800}.sidebar-nav{display:flex;flex-direction:column;gap:5px;margin-top:15px}.nav-item{display:flex;align-items:center;gap:12px;text-decoration:none;color:#dbeafd;padding:11px 13px;border-radius:11px;font-size:13px;font-weight:600}.nav-item b{width:22px;text-align:center;font-size:17px}.nav-item:hover,.nav-item.active{background:#0d6ed4;color:#fff}.sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:15px 7px 8px;display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dff0ff;color:#0c62c9;font-weight:800}.sidebar-user strong{display:block;font-size:12px}.sidebar-user span{display:block;font-size:9px;color:#a9c8e2}.sidebar-logout{text-align:center;background:rgba(255,255,255,.1);padding:9px;border-radius:10px;text-decoration:none;font-size:11px;font-weight:700}.sidebar-overlay{display:none}
.app-main{margin-left:238px;min-height:100vh}.app-topbar{height:82px;background:#fff;border-bottom:1px solid #dce8f3;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:50}.global-search{width:min(650px,65%);height:48px;border:1px solid #ceddea;border-radius:13px;display:flex;align-items:center;gap:10px;padding:0 14px}.global-search input{border:0;outline:0;width:100%;font-size:14px;background:transparent}.topbar-user{display:flex;gap:9px;align-items:center}.topbar-user strong{display:block;font-size:12px}.topbar-user small{display:block;color:#7d8ca0;font-size:9px}.sync-dot{width:10px;height:10px;border-radius:50%;background:#16a25d;box-shadow:0 0 0 4px rgba(22,162,93,.12)}.menu-toggle,.mobile-brand{display:none}
.content{padding:24px 28px 48px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.page-heading h1{margin:0 0 3px;font-size:28px}.page-heading p{margin:0;color:var(--muted);font-size:13px}.outline-button{border:1px solid #c9d9e7;background:#fff;color:#0a4e93;border-radius:11px;padding:11px 15px;text-decoration:none;font-size:12px;font-weight:700}.outline-button.full{width:100%}
.alert{padding:13px 15px;border-radius:12px;margin-bottom:15px;font-size:12px}.alert.success{background:#ecfaf3;color:#187044;border:1px solid #caead7}.alert.error{background:#fff0f0;color:#b63838;border:1px solid #f0c6c6}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px;margin-bottom:18px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px}.panel-heading h2{margin:0;font-size:20px}.panel-heading p{margin:3px 0 0;color:var(--muted);font-size:11px}.panel-heading a{font-size:11px;color:var(--blue);font-weight:700;text-decoration:none}.empty-state{text-align:center;padding:28px;color:#8493a5}
.category-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.category-grid-full{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.category-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:9px;text-decoration:none;box-shadow:var(--shadow);min-width:0;transition:.15s}.category-card:hover{transform:translateY(-2px);border-color:#65a9ef}.category-card img,.category-fallback{width:100%;height:92px;object-fit:contain;background:#f6f9fc;border-radius:10px}.category-card.big img,.category-card.big .category-fallback{height:130px}.category-fallback{display:flex;align-items:center;justify-content:center;color:var(--blue);font-weight:800;font-size:28px}.category-card strong{display:block;margin-top:8px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-card span{display:block;color:#7e8da1;font-size:9px;margin-top:2px}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.stat-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-style:normal}.stat-icon.blue{background:#eaf4ff;color:#0e6ddb}.stat-icon.green{background:#ebfaf2;color:#0da057}.stat-icon.amber{background:#fff6e3;color:#e99b00}.stat-icon.red{background:#fff0f0;color:#dc3b3b}.stat-card small{display:block;color:#76879c;font-size:10px}.stat-card strong{display:block;font-size:24px;line-height:1.15;margin-top:3px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.product-card{text-decoration:none;border:1px solid #e0e9f2;border-radius:14px;overflow:hidden;background:#fff}.product-image{height:145px;background:#f8fafc;display:flex;align-items:center;justify-content:center}.product-image img{max-width:100%;max-height:100%;object-fit:contain}.product-card-body{padding:12px}.product-card-top{display:flex;justify-content:space-between;gap:7px;align-items:center}.mini-category{font-size:8px;color:#e13737;font-weight:700;text-transform:uppercase}.stock-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:#ebfaf2;color:#0c8a49;font-size:9px;font-weight:800}.stock-pill.out{background:#fff0f0;color:#c63636}.product-card h3{font-size:13px;line-height:1.35;margin:8px 0 4px}.product-card p{margin:0;color:#7b8a9c;font-size:9px}.product-meta{display:flex;justify-content:space-between;gap:8px;padding-top:9px;margin-top:9px;border-top:1px solid #edf2f6;font-size:9px;color:#607287}
.filter-bar{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;margin-bottom:17px}.filter-bar form{display:grid;grid-template-columns:1fr 240px 120px;gap:9px}.filter-bar input,.filter-bar select,.vertical-form input,.vertical-form select,.form-grid input,.full-field textarea,.user-card input,.user-card select,.location-row input{border:1px solid #ceddea;border-radius:10px;padding:10px 11px;outline:0;background:#fff;color:#17385d}.filter-bar button{border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:700}
.product-list{display:flex;flex-direction:column}.list-card{display:grid;grid-template-columns:72px minmax(220px,1.6fr) 120px 175px 22px;gap:12px;align-items:center;text-decoration:none;padding:12px 7px;border-top:1px solid #edf2f6}.list-card:first-child{border-top:0}.list-thumb{width:68px;height:68px;border:1px solid #e1eaf2;border-radius:11px;display:flex;align-items:center;justify-content:center}.list-thumb img{max-width:100%;max-height:100%;object-fit:contain}.brand-line{font-size:8px;color:#e13636;font-weight:700}.list-main h3{font-size:13px;margin:3px 0}.list-main p,.list-location{font-size:9px;color:#718398}.list-stock{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.list-stock strong{font-size:10px}.chevron{font-size:24px;color:#0c68d5}.pagination{display:flex;justify-content:center;gap:15px;padding:18px 0 3px;font-size:11px;color:#73849a}.pagination a{color:var(--blue);font-weight:700;text-decoration:none}
.product-detail-hero{display:grid;grid-template-columns:310px 1fr;gap:26px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:18px;box-shadow:var(--shadow)}.detail-image{height:280px;background:#f7fafc;border-radius:13px;display:flex;align-items:center;justify-content:center}.detail-image img{max-width:100%;max-height:100%;object-fit:contain}.detail-summary{align-self:center}.detail-category{font-size:10px;color:#e23838;font-weight:700}.detail-summary h1{font-size:29px;line-height:1.25;margin:7px 0}.detail-summary>p{font-size:12px;color:#74869a}.detail-badges{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.location-pill{padding:6px 9px;border-radius:9px;background:#edf5ff;color:#0a58a7;font-size:10px;font-weight:700}.sold-button{border:0;border-radius:11px;background:#df3434;color:#fff;padding:11px 16px;font-weight:800;cursor:pointer}
.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-grid label,.full-field,.vertical-form label,.user-card label,.upload-box{display:flex;flex-direction:column;gap:5px}.form-grid label span,.full-field span,.vertical-form label span,.user-card label span,.upload-box span,.field-label{font-size:9px;font-weight:700;color:#657991;text-transform:uppercase;letter-spacing:.05em}.full-field,.upload-box{margin-top:15px}.full-field textarea{min-height:140px;resize:vertical}.upload-box{border:1px dashed #bcd2e6;background:#f8fbfe;padding:13px;border-radius:12px}.upload-box small{font-size:9px;color:#8191a3}.checks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.checks-grid label{font-size:10px;color:#50657e}.category-checks{margin-top:16px}.save-row{display:flex;justify-content:flex-end;margin-top:18px}.save-button{padding:12px 17px}
.activity-row{display:grid;grid-template-columns:1.5fr 120px 165px;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #edf2f6;font-size:10px}.activity-row:first-child{border-top:0}.activity-row span{display:block;color:#7d8ba0;font-size:9px}.activity-change{font-weight:800;color:#0c5fbe}.activity-row time{text-align:right;color:#7c8c9f}
.quick-list{display:flex;flex-direction:column}.quick-row,.location-row{display:grid;grid-template-columns:minmax(260px,1fr) 210px 90px;gap:12px;align-items:center;padding:12px 4px;border-top:1px solid #edf2f6}.location-row{grid-template-columns:minmax(240px,1fr) 170px 170px 90px}.quick-row:first-child,.location-row:first-child{border-top:0}.quick-product{display:flex;align-items:center;gap:11px}.quick-product img{width:58px;height:58px;object-fit:contain;border:1px solid #e0e9f2;border-radius:10px}.quick-product strong{display:block;font-size:12px}.quick-product span{display:block;color:#7a8b9f;font-size:9px}.qty-control{display:grid;grid-template-columns:45px 1fr 45px;gap:6px}.qty-control button{border:0;border-radius:9px;background:#0b6ee0;color:#fff;font-size:18px}.qty-control input{text-align:center;border:1px solid #ceddea;border-radius:9px;min-width:0}.small-save{height:42px}
.history-table-wrap{overflow:auto}.history-table{width:100%;border-collapse:collapse;min-width:800px}.history-table th,.history-table td{text-align:left;padding:11px 9px;border-top:1px solid #edf2f6;font-size:10px}.history-table th{font-size:8px;text-transform:uppercase;color:#60758d}.history-table td small{display:block;color:#8996a6}.user-layout{display:grid;grid-template-columns:330px 1fr;gap:17px}.vertical-form{display:flex;flex-direction:column;gap:11px}.user-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.user-card{border:1px solid #e0e9f2;border-radius:13px;padding:13px;display:flex;flex-direction:column;gap:9px}.user-card-head{display:flex;align-items:center;gap:9px}.user-card-head strong{font-size:12px}.user-card-head span{display:block;color:#7e8da0;font-size:9px}.active-check{flex-direction:row!important;align-items:center!important}.settings-card p,.muted-copy{font-size:12px;color:#667990}.report-stats .stat-card strong{font-size:20px}
@media(max-width:1200px){.category-strip{grid-template-columns:repeat(3,1fr)}.category-grid-full{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.user-layout{grid-template-columns:1fr}}
@media(max-width:900px){.stats-row{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.product-detail-hero{grid-template-columns:240px 1fr}.form-grid{grid-template-columns:repeat(2,1fr)}.category-grid-full{grid-template-columns:repeat(3,1fr)}.user-cards{grid-template-columns:1fr}}
@media(max-width:700px){
 body.menu-open{overflow:hidden}.sidebar{transform:translateX(-100%);transition:.22s;width:265px}.sidebar.open{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;background:rgba(4,28,52,.48);z-index:90}.sidebar-overlay.show{display:block}.app-main{margin-left:0}.app-topbar{height:66px;padding:0 13px;gap:9px}.menu-toggle{display:block;border:0;background:#0b69d6;color:#fff;width:42px;height:42px;border-radius:11px;font-size:20px}.mobile-brand{display:flex;align-items:center;gap:5px;text-decoration:none}.mobile-brand img{width:39px;height:39px;object-fit:contain}.mobile-brand span{font-size:8px;font-weight:800;color:#0b5fbf}.global-search{position:absolute;top:76px;left:12px;right:12px;width:auto;height:46px;background:#fff}.topbar-user{display:none}.content{padding:72px 13px 40px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.outline-button{padding:9px 11px;font-size:10px}.category-strip{display:flex;overflow-x:auto;gap:10px;padding-bottom:5px;scroll-snap-type:x proximity}.category-card{min-width:145px;scroll-snap-align:start}.category-card img,.category-fallback{height:88px}.stats-row{grid-template-columns:repeat(2,1fr);gap:9px}.stat-card{padding:13px}.stat-icon{width:36px;height:36px}.stat-card strong{font-size:20px}.product-grid{grid-template-columns:1fr 1fr;gap:9px}.product-image{height:125px}.product-card h3{font-size:11px}.product-meta{display:block}.product-meta span{display:block;margin-top:4px}.filter-bar form{grid-template-columns:1fr}.list-card{grid-template-columns:62px 1fr 20px}.list-stock,.list-location{grid-column:2}.chevron{grid-column:3;grid-row:1/4}.product-detail-hero{grid-template-columns:1fr;padding:14px;gap:14px}.detail-image{height:230px}.detail-summary h1{font-size:23px}.form-grid,.checks-grid{grid-template-columns:1fr}.category-grid-full{grid-template-columns:repeat(2,1fr);gap:10px}.category-card.big img{height:100px}.activity-row{grid-template-columns:1fr}.activity-row time{text-align:left}.quick-row,.location-row{grid-template-columns:1fr}.qty-control{width:210px}.user-layout{grid-template-columns:1fr}.login-card{padding:24px 19px}.login-logo{width:140px;height:140px}.login-card h1{font-size:31px}.login-depts{font-size:8px}
}
@media(max-width:390px){.product-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}.category-grid-full{grid-template-columns:1fr 1fr}}