*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background-color:#f4f5f7;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;padding:32px 48px}.app-navbar{height:56px;background-color:#111;color:#fff;display:flex;align-items:center;padding:0 32px;box-shadow:0 1px 4px #0000001a}.app-title{font-size:1.1rem;font-weight:500;letter-spacing:.5px}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.inventory-header h1{font-size:1.6rem;font-weight:600;margin:0}.inventory-card{background-color:#fff;border-radius:10px;padding:24px;box-shadow:0 6px 18px #0000000f}.inventory-table{width:100%;border-collapse:collapse}.inventory-table thead{background-color:#f1f1f1}.inventory-table th{text-align:left;font-size:.85rem;font-weight:600;color:#555;padding:12px 16px;text-transform:uppercase}.inventory-table td{padding:14px 16px;border-top:1px solid #eee;font-size:.95rem}.inventory-table tr:hover{background-color:#fafafa}.btn-icon{border:none;background:transparent;padding:4px 6px;color:#444}.btn-icon:hover{color:#000}.btn-icon.delete:hover{color:#c0392b}.inventory-table-wrapper{display:flex;flex-direction:column;gap:16px}.inventory-filters{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.filters-left{display:flex;gap:.75rem;align-items:center}.filters-left .input-group{min-width:280px}.filters-left .form-select{min-width:200px}.filters-right{display:flex;align-items:center}.inventory-table-scroll{height:500px;overflow-y:auto;border-radius:8px}.inventory-wrapper{width:100%;max-width:500px;margin:0 auto}.modern-form{background:#fff;padding:40px}.form-header{margin-bottom:30px;border-bottom:1px solid #eee;padding-bottom:20px}.form-header h2{font-weight:900;font-size:1.5rem;letter-spacing:-.5px;margin:0}.form-header p{color:#888;font-size:.8rem;margin:5px 0 0;text-transform:uppercase;letter-spacing:1px}.form-body{display:flex;flex-direction:column;gap:25px}.input-block{display:flex;flex-direction:column;gap:8px}.input-block label{font-size:.7rem;font-weight:800;color:#000;letter-spacing:1px}@media(max-width:768px){.app-content{padding:16px 12px}.inventory-header{flex-direction:column;align-items:flex-start;gap:12px}.inventory-card{padding:12px;overflow-x:auto}.inventory-filters{flex-direction:column;align-items:stretch}.filters-left{flex-direction:column}.filters-left .input-group,.filters-left .form-select{min-width:100%}.modern-form{padding:20px}}