.warehouse-page{
    padding:24px;
}

.warehouse-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:24px;
}

.warehouse-title{
    font-size:28px;
    font-weight:700;
    margin-bottom:4px;
}

.warehouse-subtitle{
    color:#6c757d;
    font-size:14px;
}

.warehouse-add-btn{
    height:44px;
    border-radius:12px;
    padding:0 20px;
    font-weight:600;
}

.warehouse-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,0.08);
    border:1px solid #edf0f5;
}

.warehouse-card-header{
    padding:20px;
    border-bottom:1px solid #edf0f5;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.warehouse-search{
    position:relative;
    width:320px;
}

.warehouse-search i{
    position:absolute;
    top:13px;
    left:14px;
    color:#8e98a7;
}

.warehouse-search input{
    width:100%;
    height:44px;
    border:1px solid #dfe5ef;
    border-radius:12px;
    padding:0 16px 0 42px;
    outline:none;
    transition:.2s;
}

.warehouse-search input:focus{
    border-color:#0d6efd;
    box-shadow:0 0 0 4px rgba(13,110,253,.12);
}

.warehouse-table thead th{
    background:#f8fafc;
    border-bottom:none;
    color:#495057;
    font-size:13px;
    font-weight:700;
    padding:16px;
}

.warehouse-table tbody td{
    padding:16px;
    vertical-align:middle;
}

.warehouse-table tbody tr{
    transition:.2s;
}

.warehouse-table tbody tr:hover{
    background:#f8fbff;
}

.warehouse-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:90px;
    height:32px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
}

.warehouse-status.active{
    background:#d1f7df;
    color:#157347;
}

.warehouse-status.inactive{
    background:#f1f3f5;
    color:#6c757d;
}

.warehouse-modal{
    border:none;
    border-radius:24px;
    overflow:hidden;
}

.warehouse-modal .modal-body{
    padding:24px 28px;
}

.warehouse-modal .modal-header{
    padding:24px 28px 0;
}

.warehouse-modal .modal-footer{
    padding:0 28px 24px;
}

.warehouse-input{
    height:48px;
    border-radius:14px;
    border:1px solid #dfe5ef;
}

.warehouse-input:focus{
    border-color:#0d6efd;
    box-shadow:0 0 0 4px rgba(13,110,253,.12);
}

.select2-container .select2-selection--single{
    height:48px !important;
    border-radius:14px !important;
    border:1px solid #dfe5ef !important;
    padding-top:9px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:10px !important;
    right:10px !important;
}