html{background:#f5f7fb;min-width:320px}body{min-width:320px;min-height:100vh}*{box-sizing:border-box}body{color:#1c2434;background:#f5f7fb;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.login-page{background:radial-gradient(circle at 100% 0,#e6edff,#0000 40%),#f5f7fb;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:18px;width:min(420px,100%);padding:38px;box-shadow:0 20px 60px #2230491f}.brand-mark,.mini-logo{color:#fff;background:#243b7c;border-radius:12px;place-items:center;font-weight:800;display:grid}.brand-mark{width:58px;height:58px;margin-bottom:24px}.login-card h1{margin:0;font-size:28px}.muted{color:#78839a;margin-top:8px;margin-bottom:30px}.login-card label{margin:18px 0 7px;font-size:14px;font-weight:600;display:block}.login-card input{border:1px solid #d8deea;border-radius:9px;outline:none;width:100%;padding:13px 14px}.login-card input:focus{border-color:#5068ab}.primary-button{color:#fff;cursor:pointer;background:#243b7c;border:0;border-radius:9px;width:100%;margin-top:24px;padding:13px;font-weight:700}.primary-button:disabled{opacity:.6}.error-message{color:#a72d2d;background:#fff0f0;border-radius:8px;margin-top:16px;padding:12px}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#17213d;flex-direction:column;justify-content:space-between;width:245px;padding:20px 14px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{align-items:center;gap:12px;padding:5px 8px 24px;display:flex}.mini-logo{width:42px;height:42px}.sidebar-brand small{color:#9ba7c5;margin-top:3px;display:block}nav button,.logout-button{text-align:left;color:#cbd3e8;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;margin:3px 0;padding:11px 13px;display:block}nav button:hover,.nav-active{color:#fff!important;background:#26375f!important}.nav-section{color:#8490ae;letter-spacing:1px;margin:22px 13px 8px;font-size:11px}.logout-button{border:1px solid #344467}.main-content{width:calc(100% - 245px);margin-left:245px;padding:28px 32px 50px}.topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.topbar h2{margin:0}.topbar p{color:#7e8799;margin:5px 0 0}.user-box{text-align:right}.user-box span{color:#7e8799;margin-top:4px;font-size:12px;display:block}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:22px;display:grid}.stat-card{background:#fff;border:1px solid #e7eaf1;border-radius:12px;padding:20px}.stat-card span{color:#778095;margin-bottom:9px;font-size:13px;display:block}.stat-card strong{font-size:25px}.panel{background:#fff;border:1px solid #e7eaf1;border-radius:12px;margin-top:20px;overflow:hidden}.panel-header{border-bottom:1px solid #edf0f5;padding:18px 20px}.panel-header h3{margin:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #edf0f5;padding:14px 20px}th{color:#737d91;text-transform:uppercase;font-size:12px}td small{color:#8a93a4;margin-top:3px;display:block}.activity-list{padding:0 20px}.activity{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.activity:last-child{border-bottom:0}.activity span,.activity small{display:block}.activity span{margin-top:3px}.activity small{color:#8a93a4;margin-top:3px}.qty-positive{color:#14894f;font-weight:700}.qty-negative{color:#c63b3b;font-weight:700}.loading,.loading-screen{color:#687286;padding:30px}.loading-screen{place-items:center;min-height:100vh;display:grid}@media (width<=780px){.sidebar{width:100%;min-height:auto;position:static}.sidebar nav,.logout-button{display:none}.app-shell{display:block}.main-content{width:100%;margin-left:0;padding:20px 16px}.topbar{align-items:flex-start}.user-box{max-width:45%}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:16px}.stat-card strong{font-size:20px}th,td{padding:12px}}@media (width<=420px){.stat-grid{grid-template-columns:1fr}}.nav-link{color:#cbd3e8;border-radius:8px;margin:3px 0;padding:11px 13px;text-decoration:none;display:block}.nav-link:hover{color:#fff;background:#223256}.nav-link.nav-active{color:#fff;background:#2b4070}.page-header{margin-bottom:22px}.page-header h2{margin:0;font-size:26px}.page-header p{color:#7e8799;margin:5px 0 0}.mobile-title{display:none}.inventory-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.search-form{gap:8px;display:flex}.search-form input{border:1px solid #d8deea;border-radius:8px;width:260px;padding:10px 12px}.search-form button{color:#fff;cursor:pointer;background:#243b7c;border:0;border-radius:8px;padding:10px 17px}.empty-page{text-align:center;color:#778095;padding:55px 30px}.empty-page h3{color:#1c2434}.page-error{margin:20px}@media (width<=780px){.sidebar{width:100%;position:static}.sidebar nav,.logout-button{display:block}.mobile-title{font-weight:700;display:block}.inventory-toolbar{display:block}.search-form{margin-top:15px}.search-form input{flex:1;width:auto}}.po-search{gap:10px;padding:20px;display:flex}.po-search input{border:1px solid #d8deea;border-radius:8px;flex:1;max-width:420px;padding:11px 13px}.po-search button,.primary-action{color:#fff;cursor:pointer;background:#243b7c;border:0;border-radius:8px;padding:11px 18px;font-weight:600}.po-search button:disabled,.primary-action:disabled{opacity:.6}.success-message{color:#176b3a;background:#eaf8ef;border-radius:8px;margin-top:16px;padding:13px 15px}.po-header{justify-content:space-between;align-items:center;display:flex}.po-header small{color:#7e8799}.po-header h3{margin:3px 0 0}.status-badge{border-radius:100px;padding:6px 11px;font-size:12px;font-weight:700;display:inline-block}.status-open{color:#3456a8;background:#edf2ff}.status-partial{color:#936400;background:#fff4dc}.status-completed{color:#15723d;background:#e6f7ed}.po-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px;display:grid}.info-field span{color:#7e8799;margin-bottom:5px;font-size:12px;display:block}.receiving-table input,.receiving-table select{background:#fff;border:1px solid #d8deea;border-radius:7px;width:145px;padding:8px}.complete-text{color:#17844c;font-weight:600}.receiving-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px;display:grid}.receiving-form label{margin-bottom:7px;font-size:13px;font-weight:600;display:block}.receiving-form input,.receiving-form textarea{border:1px solid #d8deea;border-radius:8px;width:100%;padding:11px 12px}.receiving-form textarea{resize:vertical;min-height:90px}.full-field{grid-column:1/-1}.form-actions{justify-content:flex-end;display:flex}@media (width<=780px){.po-search{display:block}.po-search input{width:100%;max-width:none}.po-search button{width:100%;margin-top:10px}.po-info-grid,.receiving-form{grid-template-columns:1fr}.full-field{grid-column:auto}.primary-action{width:100%}}.transfer-location-grid{grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);align-items:end;gap:15px;padding:20px;display:grid}.transfer-location-grid label{margin-bottom:7px;font-size:13px;font-weight:600;display:block}.transfer-location-grid select{background:#fff;border:1px solid #d8deea;border-radius:8px;width:100%;padding:11px 12px}.transfer-arrow{text-align:center;color:#7e8799;padding-bottom:10px;font-size:24px}.transfer-items-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.transfer-items-header small{color:#7e8799;margin-top:4px;display:block}.secondary-action{color:#243b7c;cursor:pointer;background:#fff;border:1px solid #d1d8e6;border-radius:8px;padding:9px 15px;font-weight:600}.secondary-action:hover{background:#f3f6fb}.secondary-action:disabled{opacity:.5;cursor:default}.transfer-table select,.transfer-table input{background:#fff;border:1px solid #d8deea;border-radius:7px;width:100%;min-width:130px;padding:8px 9px}.transfer-table select{min-width:240px}.remove-line-button{color:#b23737;cursor:pointer;background:0 0;border:0;font-size:12px}.remove-line-button:hover{text-decoration:underline}.empty-transfer{text-align:center;color:#7e8799;padding:40px 20px}.transfer-footer{padding:20px}.transfer-footer textarea{resize:vertical;border:1px solid #d8deea;border-radius:8px;width:100%;min-height:90px;margin-bottom:15px;padding:11px 12px}@media (width<=780px){.transfer-location-grid{grid-template-columns:1fr}.transfer-arrow{padding:0;transform:rotate(90deg)}.transfer-items-header{flex-direction:column;align-items:flex-start}.secondary-action{width:100%}}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px;display:grid}.form-grid label{margin-bottom:7px;font-size:13px;font-weight:600;display:block}.form-grid input,.form-grid select,.filter-row input,.filter-row select{background:#fff;border:1px solid #d8deea;border-radius:8px;width:100%;padding:10px 11px}.form-footer{padding:20px}.form-footer textarea{resize:vertical;border:1px solid #d8deea;border-radius:8px;width:100%;min-height:85px;margin:14px 0;padding:11px}.action-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.action-header small{color:#7e8799;margin-top:4px;display:block}.entry-table select,.entry-table input{background:#fff;border:1px solid #d8deea;border-radius:7px;width:100%;min-width:130px;padding:8px}.entry-table select{min-width:220px}.read-only-box{background:#f7f9fc;border:1px solid #e2e6ee;border-radius:8px;padding:10px 11px}.inline-actions{gap:6px;display:flex}.small-success,.small-danger{color:#fff;cursor:pointer;border:0;border-radius:7px;padding:7px 10px}.small-success{background:#17844c}.small-danger{background:#b53b3b}.status-pending{color:#8b6200;background:#fff3d4}.status-posted,.status-approved,.status-completed{color:#156d3b;background:#e5f7ec}.status-rejected,.status-void{color:#a33232;background:#fde9e9}.filter-row{grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;padding:18px 20px;display:grid}.report-tabs{border-bottom:1px solid #edf0f5;flex-wrap:wrap;gap:8px;padding:16px 20px;display:flex}.report-tab{cursor:pointer;background:#fff;border:1px solid #d9dfeb;border-radius:8px;padding:9px 13px}.report-tab.active{color:#fff;background:#243b7c;border-color:#243b7c}.report-actions{justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.admin-form{align-items:end}.align-end{align-items:end;display:flex}@media (width<=780px){.form-grid,.filter-row{grid-template-columns:1fr}.action-header{flex-direction:column;align-items:flex-start}.report-actions{flex-direction:column}}@media print{.sidebar,.topbar,.report-tabs,.report-actions,.filter-row{display:none!important}.main-content{width:100%!important;margin:0!important;padding:0!important}.panel{border:0!important}}.management-actions{flex-wrap:wrap;gap:7px;display:flex}.small-neutral,.small-danger-outline{cursor:pointer;border-radius:7px;padding:7px 10px;font-size:12px}.small-neutral{color:#243b7c;background:#fff;border:1px solid #cfd6e4}.small-danger-outline{color:#ad3030;background:#fff;border:1px solid #c94b4b}.small-neutral:disabled,.small-danger-outline:disabled,.small-danger:disabled,.small-success:disabled{opacity:.45;cursor:not-allowed}.modal-backdrop{z-index:2000;background:#10192f7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:14px;width:min(720px,100%);max-height:90vh;padding:22px;overflow-y:auto;box-shadow:0 25px 80px #0e193040}.modal-small{width:min(460px,100%)}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.modal-header h3{margin:0}.modal-header p{color:#7e8799;margin:4px 0 0}.modal-close{cursor:pointer;color:#687286;background:0 0;border:0;font-size:28px;line-height:1}.modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.modal-card label{margin-bottom:7px;font-size:13px;font-weight:600;display:block}.modal-card input,.modal-card select{background:#fff;border:1px solid #d8deea;border-radius:8px;width:100%;padding:10px 11px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}@media (width<=780px){.modal-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.field-help{color:#7b8497;margin-top:6px;font-size:11px;line-height:1.35;display:block}