body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f9;color:#222}
.topbar{background:#13293d;color:#fff;padding:15px 24px;overflow:hidden}
.brand{float:left;font-size:20px;font-weight:bold;display:flex;align-items:center;gap:8px}
.brand .mark{flex:none;display:block}
.login-head{text-align:center;margin-bottom:18px}
.login-head h1{margin:0;font-size:20px}
.login-logo{display:block;width:36px;height:36px;margin:0 auto 10px}
.userbox{float:right;font-size:13px;margin-top:4px}.userbox a{color:#fff;text-decoration:none}
.nav{background:#1b3a57;padding:0 20px}.nav a{display:inline-block;color:#fff;padding:13px 14px;text-decoration:none;font-size:14px}.nav a:hover{background:#13293d}
.container{width:96%;max-width:1350px;margin:24px auto}.card{background:#fff;border:1px solid #d9e2ec;border-radius:8px;padding:18px;margin-bottom:18px;box-shadow:0 2px 7px rgba(0,0,0,.04)}
h1,h2,h3{margin-top:0;color:#13293d}.stats{overflow:hidden;margin-bottom:18px}.stat-box{float:left;width:18.4%;margin-right:2%;background:#fff;border:1px solid #d9e2ec;border-radius:8px;padding:17px;box-sizing:border-box;box-shadow:0 2px 7px rgba(0,0,0,.04)}.stat-box:last-child{margin-right:0}
.stat-number{font-size:29px;font-weight:bold;color:#13293d}.stat-label{color:#666;margin-top:5px}
table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:9px;border-bottom:1px solid #e6edf5;text-align:left;font-size:13px;vertical-align:top}th{background:#eef3f8;color:#13293d}tr:hover{background:#fafcff}
.form-row{margin-bottom:12px}label{display:block;font-weight:bold;margin-bottom:5px;color:#334}
input[type=text],input[type=password],textarea,select{width:100%;max-width:650px;padding:9px;border:1px solid #cbd5e0;border-radius:5px;box-sizing:border-box;font-size:14px}textarea{height:85px}
.btn{display:inline-block;background:#13293d;color:#fff!important;border:0;border-radius:5px;padding:9px 13px;text-decoration:none;cursor:pointer;font-size:13px}.btn:hover{background:#1b3a57}.btn-danger{background:#b42318}.btn-danger:hover{background:#8f1d14}.btn-light{background:#697586}
.searchbar{background:#fff;border:1px solid #d9e2ec;padding:15px;border-radius:8px;margin-bottom:15px}.inline-form input,.inline-form select{width:auto;max-width:170px;display:inline-block;margin-right:8px;margin-bottom:6px}
.alert{padding:12px 15px;border-radius:6px;margin-bottom:15px}.alert-success{background:#e6f4ea;color:#146c2e;border:1px solid #b7e0c2}.alert-error{background:#fde8e8;color:#9b1c1c;border:1px solid #f5b5b5}.alert-info{background:#e8f1fd;color:#1d4e89;border:1px solid #b8d4f5}
.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;color:#fff}.badge-available{background:#228b22}.badge-assigned{background:#1d4ed8}.badge-reserved{background:#b7791f}.badge-inactive{background:#6b7280}.badge-cancelled{background:#991b1b}
.login-box{max-width:430px;margin:80px auto}.footer{text-align:center;color:#777;font-size:12px;padding:20px}.pagination{margin-top:15px}.pagination a,.pagination span{display:inline-block;padding:7px 10px;background:#fff;border:1px solid #d9e2ec;margin-right:4px;text-decoration:none;color:#13293d}.pagination .current{background:#13293d;color:#fff}
.small{color:#666;font-size:12px}
/* Mass edit table */
.mass-table td {
    width: 33%;
    vertical-align: top;
    background: #fafcff;
}
.mass-table input[type=text],
.mass-table select,
.mass-table textarea {
    max-width: 100%;
}
.mass-table label {
    font-size: 12px;
}