@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#213632;--forest:#173e36;--gold:#bf9e60;--line:#dde5df;--paper:#f3f6f2;--muted:#728078}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}a{color:var(--forest)}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:28px;margin:5px 0}h2{font-size:20px}h3{font-size:16px}p{line-height:1.6}small{display:block;color:var(--muted);margin-top:5px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted)}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:var(--forest);color:white;padding:32px 22px;display:flex;flex-direction:column}.brand{color:white;text-decoration:none;font-size:27px;font-weight:800;letter-spacing:3px}.brand span{display:block;font-size:12px;letter-spacing:6px;color:#d1b980;margin-top:2px}.hotel-name{padding:28px 0;border-bottom:1px solid #ffffff24;margin-bottom:22px}.hotel-name small{color:#a8bdb6}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:13px 12px;color:#cfddd5;text-decoration:none;border-radius:10px}.sidebar nav a.selected,.sidebar nav a:hover{background:#ffffff14;color:white}.sidebar>form{margin-top:auto}.logout{background:none;color:#ccddd5;border:1px solid #ffffff30;width:100%}.main{margin-left:236px;padding:32px 38px;max-width:1700px}header,.section-title,.room-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}header{margin-bottom:28px}.identity{text-align:right}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin:22px 0 30px}.stats article{background:white;border:1px solid var(--line);border-radius:15px;padding:22px}.stats span{color:var(--muted);font-size:12px}.stats strong{display:block;font:800 29px Manrope,Arial;margin-top:12px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:25px;margin:22px 0}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.columns>.card{margin:10px 0}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:18px;margin:24px 0}.room{background:white;border:1px solid var(--line);border-top:4px solid #92b5a3;border-radius:14px;padding:22px}.room.occupe{border-top-color:#bf9e60}.room.reserve{border-top-color:#5c8aac}.room.maintenance{border-top-color:#ca7c68}.room-heading b{font:800 27px Manrope}.badge{display:inline-block;border-radius:20px;padding:6px 11px;background:#eef4ed;font-size:11px;color:#3f6250}.occupe.badge{background:#f9efd9;color:#927044}.reserve.badge{background:#e7f1f9;color:#466884}.warning{background:#fff4d8!important;color:#84652e!important}.notice{padding:16px 20px;border-radius:10px;background:#e6eeea;margin:16px 0}.notice.error{background:#fbe9e6;color:#943d34}.notice.success{background:#e2f0e4;color:#356646}.hidden{display:none!important}form{margin-top:15px}label{display:block;font-size:12px;font-weight:600;margin:13px 0}input,select,textarea{display:block;width:100%;font:inherit;color:var(--ink);border:1px solid #d6e0d8;border-radius:9px;padding:12px 13px;background:#fff;margin-top:7px;min-height:46px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%235a7066' stroke-width='2'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:38px}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #a9c9b8;outline-offset:2px}input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0}.check{display:flex;gap:10px;align-items:center}.button,button{display:inline-block;background:#fff;border:1px solid #d4ddd5;color:var(--ink);border-radius:9px;padding:12px 17px;font:600 13px 'DM Sans',Arial;cursor:pointer;text-decoration:none;min-height:43px}button.primary,.button.primary{background:var(--forest);color:white;border-color:var(--forest)}button:disabled{opacity:.5;cursor:wait}.text-button{background:transparent;border:0;padding:8px 0;font-size:12px}.wide{width:100%;text-align:center}.muted{color:var(--muted)}.quote{padding:16px;background:#f5f1e7;border-radius:10px}.filters,.actions{display:flex;flex-wrap:wrap;gap:15px;align-items:end}.filters label{min-width:160px;margin:0}.filters{margin-bottom:24px}.actions{margin:15px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:550px}th,td{text-align:left;border-bottom:1px solid #e8eee8;padding:15px 12px;vertical-align:top}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);background:#f7faf6}td{font-size:13px}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:600}fieldset{border:1px solid var(--line);border-radius:9px;margin:14px 0}.logo{max-height:85px;max-width:180px;object-fit:contain}.document{max-width:1000px;margin:auto}.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.auth-brand{background:var(--forest);padding:12vh 8vw;color:white}.auth-brand h1{font-size:42px;line-height:1.3;margin:35px 0}.auth-brand .eyebrow{color:#c1ad83}.art-key{font-size:160px;color:#c9b486;margin-top:30px}.auth-card{max-width:460px;width:100%;margin:auto;padding:35px}.auth-card h2{font-size:27px;margin:22px 0}.auth-card form{margin-top:32px}pre{white-space:pre-wrap;word-break:break-word;padding:15px;background:#f4f5f2;font-size:12px}.compact{margin-top:4px}
@media(max-width:900px){.sidebar{position:static;width:100%;padding:20px}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}.hotel-name,.sidebar>form{display:none}.main{margin:0;padding:24px 18px}.columns{grid-template-columns:1fr}.auth{grid-template-columns:1fr}.auth-brand{padding:35px}.auth-brand h1{font-size:30px}.art-key{display:none}input,select,textarea{font-size:16px}.identity{font-size:11px}.section-title{align-items:start;flex-direction:column}}
@media print{.sidebar,header,.no-print,#notification{display:none!important}.main{margin:0;padding:0}.card{border:0;padding:15px}.document{width:100%}body{background:#fff}a{color:inherit;text-decoration:none}.table-wrap{overflow:visible}}