:root{--red:#8d1d2b;--sidebar:#213039;--sidebar-soft:#2c404a;--blue:#2995c5;--bg:#edf2f6;--border:#dbe2e7;--text:#424b50}*{box-sizing:border-box}body,html{margin:0;min-height:100%;color:var(--text);background:var(--bg);font-family:Arial,Helvetica,sans-serif;font-size:14px}a{color:#2587b5;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{position:fixed;z-index:20;inset:0 0 auto 0;height:45px;gap:16px;padding:0 16px 0 45px;color:#fff;background:#f4a12a;font-size:12px}.brand,.topbar{display:flex;align-items:center}.brand{width:150px;height:32px}.brand-logo{display:block;width:120px;height:32px;object-fit:contain}.icon-button,.user-button{border:0;background:transparent;color:#fff;cursor:pointer}.icon-button{font-size:18px}.topbar-spacer{flex:1 1}.topbar label{font-weight:700;white-space:nowrap}.topbar select{margin-left:5px;padding:5px 9px;color:#555;border:1px solid #b8c0c5}.top-icon{font-size:14px}.user-button{font-weight:700}.sidebar{position:fixed;z-index:15;top:45px;bottom:0;left:0;width:205px;overflow:auto;background:#000;color:#e5e7eb;transition:transform .2s}.sidebar.closed{transform:translateX(-205px)}.sidebar-search{margin:9px;padding:10px;border-radius:3px;background:#1f1f1f;color:#f3f4f6}.sidebar summary span,.sidebar-search span,.sidebar-title span{float:right}.sidebar-title{padding:16px;color:#fff;font-weight:700}.sidebar-title.secondary{border-top:1px solid #333}.sidebar a,.sidebar summary{display:block;padding:10px 18px;color:#e5e7eb;cursor:pointer;list-style:none}.sidebar details a{padding-left:37px}.sidebar a.active,.sidebar a:hover,.sidebar summary:hover{color:#fff;background:#242424}.sidebar a.active{border-left:2px solid #f4a12a}.sidebar details>summary::-webkit-details-marker{display:none}.content{min-height:100vh;margin-left:205px;padding:58px 14px 28px;transition:margin .2s}.content.wide{margin-left:0}.page-header{min-height:76px;display:flex;justify-content:space-between;align-items:flex-start}.page-header h1{margin:0 0 10px;font-size:21px;font-weight:500}.page-header p{margin:0 0 20px 22px;color:#777}.panel{background:#fff;border:1px solid var(--border);border-top:3px solid var(--blue);border-radius:3px;padding:20px;box-shadow:0 1px 1px #dde3e7}.btn,.button{display:inline-flex;justify-content:center;align-items:center;border:0;cursor:pointer}.button{padding:9px 14px;border-radius:1px}.primary{background:#348db8;color:#fff}.secondary{color:#555;background:#e8ecef}.button:disabled{opacity:.6;cursor:wait}.toolbar{display:flex;justify-content:flex-end;align-items:end;gap:20px;margin-bottom:32px}.toolbar label{display:flex;flex-direction:column;gap:4px;font-weight:700}.toolbar select{min-width:245px;padding:7px;border:1px solid #ccd5da;background:white}.filter-search-group{display:flex;align-items:center;gap:12px;margin-left:auto}.toolbar .hotel-filter-label,.toolbar .search-label{flex-direction:row;align-items:center;font-weight:400}.toolbar .hotel-filter-label{gap:8px;white-space:nowrap}.filter-search-button{padding:0 12px;background:#348db8;color:#fff;cursor:pointer}.filter-search-button,.toolbar .search-label input{height:36px;border:1px solid #ccd5da;border-radius:2px}.toolbar .search-label input{padding:7px}.toolbar .search-label button{height:36px;padding:0 12px;margin-left:8px;border:1px solid #ccd5da;border-radius:2px;background:#348db8;color:#fff;cursor:pointer}.toolbar input{padding:7px;border:1px solid #ccd5da}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;color:#444;font-size:12px}th{text-align:left;white-space:nowrap;padding:9px 6px;border:1px solid #e4e7e9}td{padding:6px;border:1px solid #ebedef;vertical-align:middle}tbody tr:nth-child(odd){background:#f7f7f7}.thumbnail{display:block;max-width:95px;max-height:55px;object-fit:cover}.status{display:inline-block;min-width:45px;padding:7px 10px;text-align:center;color:#fff}.status.yes{background:#0eb5d8}.status.no{background:#dc302c}.actions{display:flex;gap:5px}.btn{width:30px;height:30px;color:#fff;font-size:16px}.btn.edit{background:#f59b00}.btn.remove{background:#eef0f1;color:#566168}.pagination-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px}.table-footer{font-size:12px}.pagination{display:flex;align-items:center;gap:4px}.pagination button{min-width:32px;height:32px;padding:0 8px;border:1px solid #d4dce1;background:#fff;color:#4b565c;cursor:pointer}.pagination button.active,.pagination button:hover:not(:disabled){border-color:var(--blue);background:var(--blue);color:#fff}.pagination button:disabled{opacity:.45;cursor:not-allowed}.pagination span{padding:0 4px;color:#849097}.empty{padding:35px;text-align:center;color:#849097}.form-panel{max-width:1050px}.form-row{display:grid;grid-template-columns:220px 1fr;grid-gap:20px;gap:20px;padding:13px 0;border-bottom:1px solid #edf0f2}.form-row>label{padding-top:8px;font-weight:700}.form-row b{color:#cf2637;margin-left:3px}.form-row input:not([type=checkbox]),.form-row select,.form-row textarea{width:100%;padding:9px;border:1px solid #ccd5da;border-radius:2px}.form-row select[multiple]{min-height:120px}.form-row textarea{resize:vertical}.form-row small{color:#849097;line-height:1.4}.current-file,.form-row small{display:block;margin-top:5px}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:20px}.toggle{display:flex;align-items:center;gap:8px}.toggle input{display:none}.toggle span{width:43px;height:24px;padding:3px;background:#d73232;border-radius:12px}.toggle span:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.toggle input:checked+span{background:#13b4d5}.toggle input:checked+span:after{transform:translateX(19px)}.media-field{display:grid;grid-gap:9px;gap:9px}.media-list{display:flex;flex-wrap:wrap;gap:10px}.media-item{position:relative;min-width:150px;padding:8px;border:1px solid #dce3e7;background:#f8fafb}.media-item img{display:block;width:140px;height:90px;object-fit:cover}.remove-media{display:block;margin-top:7px;padding:5px 8px;border:0;color:#fff;background:#c7353d;cursor:pointer}.upload-status{color:#2587b5!important}.field-error{color:#b4232f!important}.loading{min-height:300px;display:flex;justify-content:center;align-items:center;gap:10px;color:#738087}.spinner{width:22px;height:22px;border:3px solid #d7dfe4;border-top:3px solid var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.alert{padding:12px;margin-bottom:15px;border-radius:2px}.alert.error{color:#9e2733;background:#fbe5e7;border:1px solid #f0c2c7}.alert.success{color:#176a39;background:#e4f5ea;border:1px solid #b9dfc7}.checkbox-field{display:flex;align-items:center;gap:8px;min-height:36px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px}.dashboard-grid article{padding:20px;background:#f5f8fa}.dashboard-grid strong{color:var(--red);font-size:16px}.dashboard-grid p{line-height:1.6}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:#f4a12a}.login-card{width:min(390px,100%);padding:35px;background:#fff;box-shadow:0 15px 45px #9b641f}.login-brand{height:30px;display:flex;align-items:center}.login-brand-logo{display:block;width:98px;height:30px;object-fit:contain}.login-card h1{margin-bottom:6px}.login-card>p{color:#778188;margin-top:0}.login-card label{display:flex;flex-direction:column;gap:6px;margin:18px 0;font-weight:700}.login-card input{padding:11px;border:1px solid #cbd4d9}.login-card .button{width:100%}.password-field{display:flex;width:100%}.password-field input{flex:1 1;min-width:0}.password-field button{padding:0 13px;border:1px solid #ccd5da;border-left:0;background:#eef2f4;cursor:pointer}.inline-form{display:flex;gap:10px;margin-bottom:15px}.inline-form input,.role-panel select{padding:9px;border:1px solid #ccd5da}.inline-form input{flex:1 1}.role-panel>label{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-weight:700}.role-panel select{min-width:280px}.role-panel td:not(:first-child),.role-panel th:not(:first-child){width:90px;text-align:center}@media (max-width:850px){.topbar{padding-left:15px}.top-icon,.topbar label{display:none}.brand{width:auto}.sidebar{box-shadow:5px 0 15px #18222888}.content{margin-left:0;padding-top:60px}.sidebar.closed{transform:translateX(-205px)}.toolbar{align-items:stretch;flex-direction:column}.filter-search-group{flex-wrap:wrap;margin-left:0}.pagination-footer{align-items:flex-start;flex-direction:column}.pagination{max-width:100%;overflow-x:auto}.form-row{gap:4px}.dashboard-grid,.form-row{grid-template-columns:1fr}.inline-form{flex-direction:column}}