.app-textfield{flex-direction:column;width:100%;margin-bottom:18px;display:flex}.app-input-wrapper:hover{border-color:#94a3b8}.app-input{color:#334155;background:0 0;border:none;outline:none;flex:1;font-size:14px}.app-input::placeholder{color:#94a3b8}.password-toggle{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;transition:all .2s;display:flex}.password-toggle:hover{color:#1e3a8a}@media (width<=768px){.app-input-wrapper{height:42px}.app-input{font-size:13px}}@media (width<=480px){.app-input-wrapper{height:40px;padding:0 10px}.app-textfield-label,.app-input{font-size:13px}}.app-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;max-width:100%;min-height:40px;padding:0 20px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex;box-shadow:0 2px 6px #00000014}.app-button:hover{box-shadow:0 4px 12px #0000001f}.app-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-icon{align-items:center;display:flex}.btn-text{white-space:nowrap}@media (width<=768px){.app-button{padding:0 16px;font-size:13px}}@media (width<=480px){.app-button{width:100%;padding:10px 14px;font-size:13px}.btn-text{white-space:normal}}.auth-container{background:#fff;border-radius:10px;width:400px;margin:80px auto;padding:30px;box-shadow:0 0 10px #0000001a}.auth-container h2{text-align:center;margin-bottom:25px}.auth-container form{flex-direction:column;gap:15px;display:flex}.auth-container p{text-align:center;margin-top:15px}.forgot-row{justify-content:flex-end;margin-top:-40px;margin-bottom:20px;display:flex}.forgot-password{cursor:pointer;color:#1e3a8a;margin:0;font-size:14px}.dashboard-page{padding:20px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.kpi-card{background:#fff;border-radius:10px;min-width:300px;padding:20px;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000000d}.kpi-title{color:#6b7280;font-size:14px}.kpi-value{margin-top:10px;font-size:28px;font-weight:600}.kpi-icon{opacity:.7;font-size:40px;position:absolute;bottom:10px;right:15px}.kpi-icon svg{width:50px;height:50px}.app-textfield{flex-direction:column;width:100%;margin-bottom:18px;display:flex;position:relative}.app-textfield-label{color:#475569;margin-bottom:6px;font-size:14px;font-weight:500}.required{color:red;margin-left:4px}.app-input-wrapper{background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;height:45px;padding:0 12px;transition:all .2s;display:flex}.app-input-wrapper:focus-within{border-color:#1e3a8a;box-shadow:0 0 0 2px #1e3a8a1a}.input-error{border-color:#ef4444}.input-error:focus-within{box-shadow:0 0 0 2px #ef444426}.input-disabled{cursor:not-allowed;background:#f1f5f9}.app-input{color:#334155;appearance:none;background:0 0;border:none;outline:none;flex:1;font-size:14px}.input-icon{color:#64748b;align-items:center;margin-right:6px;display:flex}.dropdown-trigger{cursor:pointer;justify-content:space-between}.dropdown-value{color:#334155;font-size:14px}.dropdown-arrow{color:#64748b;font-size:14px;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{z-index:50;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;max-height:220px;margin-top:6px;position:absolute;overflow-y:auto;box-shadow:0 6px 20px #00000014}.dropdown-item{color:#334155;cursor:pointer;padding:10px 12px;font-size:14px;transition:background .15s}.dropdown-item:hover{background:#f1f5f9}.dropdown-item.selected{color:#1e3a8a;background:#e0e7ff;font-weight:500}.input-error-text{color:#ef4444;margin-top:5px;font-size:12px}@media (width<=768px){.app-input-wrapper{height:42px}.app-input,.dropdown-item{font-size:13px}}@media (width<=480px){.app-input-wrapper{height:40px;padding:0 10px}.app-textfield-label,.app-input{font-size:13px}.dropdown-menu{max-height:180px}}.products-page{background:#fff;border-radius:8px;padding:20px}.products-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.product-table{border:1px solid #eee}.table-actions{gap:10px;display:flex}.product-modal{background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.product-form{background:#fff;border-radius:8px;width:400px;padding:25px}.navbar{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:60px;padding:0 25px;display:flex}.navbar-title{color:#1e3a8a;font-size:30px;font-weight:600}.navbar-right{align-items:center;gap:20px;display:flex}.navbar-time{color:#64748b;text-align:right;flex-direction:column;font-size:16px;display:flex}.navbar-user{color:#fff;background:#1e3a8a;border-radius:20px;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;display:flex}@media (width<=768px){.navbar{padding:0 15px}.navbar-title{font-size:16px}}@media (width<=480px){.navbar-time{display:none}.navbar-user{padding:5px 10px;font-size:12px}}.navbar-left{align-items:center;gap:15px;display:flex}.menu-toggle{cursor:pointer;background:0 0;border:none}.sidebar{color:#fff;background:#1e3a8a;flex-direction:column;width:240px;height:100vh;transition:width .3s;display:flex}.sidebar.closed{width:0;overflow:hidden}.sidebar-logo{border-bottom:1px solid #fff3;padding:20px;font-size:20px;font-weight:600}.sidebar-menu{flex-direction:column;flex:1;padding:10px;display:flex}.sidebar-item{color:#fff;border-radius:6px;margin-bottom:5px;padding:12px 15px;font-size:14px;text-decoration:none;transition:all .2s}.sidebar-item:hover{background:#162d6b}.sidebar-item.active{color:#1e3a8a;background:#fff;font-weight:600}.sidebar-logout{padding:15px}@media (width<=1024px){.sidebar{width:200px}.sidebar-logo{font-size:18px}.sidebar-item{padding:10px 12px;font-size:13px}}@media (width<=768px){.sidebar{z-index:1100;width:240px;height:100vh;transition:left .3s;position:fixed;top:0;left:-240px}.sidebar{z-index:1000;transition:left .3s;position:fixed;top:0;left:-240px}.sidebar.open{left:0}}.layout{height:100vh;display:flex}.layout-main{flex-direction:column;flex:1;transition:all .3s;display:flex}.layout-content{background:#f5f7fb;flex:1;padding:20px;overflow:auto}.layout.collapsed .sidebar{width:0}.layout.collapsed .layout-main{margin-left:0}.receipts-page{background:#fff;border-radius:8px;padding:20px}.receipts-header{justify-content:space-between;margin-bottom:20px;display:flex}.receipt-table{border:1px solid #eee}.receipt-modal{background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.receipt-form{background:#fff;border-radius:8px;width:400px;padding:25px}.transfers-page{background:#fff;border-radius:8px;padding:20px}.transfers-header{justify-content:space-between;margin-bottom:20px;display:flex}.transfer-table{border:1px solid #eee}.status-done{color:green;font-weight:600}.transfer-modal{background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.transfer-form{background:#fff;border-radius:8px;width:420px;padding:25px}.delivery-page{background:#fff;border-radius:8px;padding:20px}.delivery-header{justify-content:space-between;margin-bottom:20px;display:flex}.delivery-table{border:1px solid #eee}.status-shipped{color:#2563eb;font-weight:600}.delivery-modal{background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.delivery-form{background:#fff;border-radius:8px;width:400px;padding:25px}.adjustments-page{background:#fff;border-radius:8px;padding:20px}.adjustments-header{justify-content:space-between;margin-bottom:20px;display:flex}.adjustment-table{border:1px solid #eee}.status-valid{color:#16a34a;font-weight:600}.adjustment-modal{background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.adjustment-form{background:#fff;border-radius:8px;width:420px;padding:25px}.ledger-page{background:#fff;border-radius:8px;padding:20px}.ledger-header{margin-bottom:20px}.ledger-table{border:1px solid #eee}.table-header{background:#f9fafb;grid-template-columns:1fr 2fr 1fr 2fr 2fr 1fr;padding:12px;font-weight:600;display:grid}.table-row{border-top:1px solid #eee;grid-template-columns:1fr 2fr 1fr 2fr 2fr 1fr;padding:12px;display:grid}.empty-row{text-align:center;color:#888;padding:20px}.qty-plus{color:#16a34a;font-weight:600}.qty-minus{color:#dc2626;font-weight:600}.type-receipt{color:#2563eb}.type-delivery{color:#dc2626}.type-transfer{color:#9333ea}.type-adjustment{color:#ea580c}.filter-bar{background:#fff;border-radius:10px;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px 20px;display:flex;box-shadow:0 4px 10px #0000000d}.filter-bar .app-textfield{flex:1;min-width:200px}body{margin:0}*{box-sizing:border-box}.warehouse-page{padding:20px}.warehouse-form{align-items:end;gap:15px;margin-bottom:25px;display:flex}.warehouse-form .app-button{margin-top:-10px}.warehouse-table{border-collapse:collapse;background:#fff;width:100%}.warehouse-table th,.warehouse-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px}