*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7fb;color:#172033}.topbar{min-height:62px;background:#14213d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:20px}.topbar nav{display:flex;gap:14px;flex-wrap:wrap}.topbar a{color:#fff;text-decoration:none;font-size:14px}.container{width:min(1180px,92%);margin:30px auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,.panel{background:#fff;border-radius:14px;padding:22px;box-shadow:0 5px 20px rgba(20,33,61,.07);margin-bottom:20px}.card span{display:block;color:#667085;font-size:14px}.card b{font-size:30px;display:block;margin-top:8px}.panel h2{margin-top:0}.muted,.small{color:#667085}.small{font-size:12px}.btn{border:0;border-radius:8px;padding:10px 15px;cursor:pointer;font-weight:600}.primary{background:#2563eb;color:#fff}.danger{background:#dc2626;color:#fff}.success{background:#15803d;color:#fff}.alert{padding:12px 15px;border-radius:8px;margin:15px 0}.alert.success{background:#dcfce7;color:#166534}.alert.danger{background:#fee2e2;color:#991b1b}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:11px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:14px}th{background:#f8fafc}.grid-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}.grid-form input,.grid-form select,.grid-form textarea,.login-card input{padding:11px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}.grid-form textarea{min-height:90px}.login-page{min-height:100vh;display:grid;place-items:center;background:#eaf0f8}.login-card{width:min(420px,92%);background:#fff;padding:32px;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.1)}.login-card form{display:grid;gap:16px}.login-card label{display:grid;gap:6px;font-weight:600}.login-card .btn{width:100%}@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}.grid-form{grid-template-columns:1fr}.topbar{align-items:flex-start;padding:15px 4%;flex-direction:column}}@media(max-width:500px){.cards{grid-template-columns:1fr}.container{width:94%}.card{padding:18px}}

.form-actions{display:flex;gap:10px;align-items:end}.link-btn{display:inline-block;text-decoration:none}.qty-in{color:#166534;font-weight:700}.qty-out{color:#991b1b;font-weight:700}@media print{body{background:#fff}.no-print,.topbar{display:none!important}.container{width:100%;margin:0}.panel,.card{box-shadow:none;border:1px solid #ddd}.table-wrap{overflow:visible}table{min-width:0;font-size:11px}}

/* v3.3.1 product submenu */
.topbar .nav-dropdown{position:relative;color:#fff;font-size:14px}
.topbar .nav-dropdown summary{cursor:pointer;list-style:none;padding:0;user-select:none}
.topbar .nav-dropdown summary::-webkit-details-marker{display:none}
.topbar .nav-dropdown summary::after{content:' ▾';font-size:12px}
.topbar .nav-dropdown-menu{position:absolute;top:calc(100% + 12px);left:0;min-width:190px;display:flex;flex-direction:column;gap:0;background:#14213d;box-shadow:0 8px 20px #0003;border-radius:8px;z-index:100;padding:6px}
.topbar .nav-dropdown-menu a{padding:10px 12px;border-radius:5px;white-space:nowrap}
.topbar .nav-dropdown-menu a:hover,.topbar .nav-dropdown-menu a:focus{background:#263b62}
@media(max-width:800px){.topbar .nav-dropdown-menu{position:static;box-shadow:none;padding-left:12px;margin-top:8px}}