@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--primary:#F97316;--primary-light:#FB923C;--primary-dark:#EA580C;--primary-50:#FFF7ED;--sidebar-bg:#1E1E2D;--sidebar-hover:#2A2A3C;--sidebar-active:#F97316;--sidebar-text:#A2A3B7;--sidebar-width:260px;--gray-50:#FAFAFA;--gray-100:#F5F5F5;--gray-200:#E5E5E5;--gray-300:#D4D4D4;--gray-400:#A3A3A3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--success:#22C55E;--success-light:#DCFCE7;--warning:#EAB308;--warning-light:#FEF9C3;--error:#EF4444;--error-light:#FEE2E2;--info:#3B82F6;--info-light:#DBEAFE;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1)}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Inter,-apple-system,sans-serif;background:var(--gray-50);color:var(--gray-900);-webkit-font-smoothing:antialiased}.admin-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);padding:0;position:fixed;height:100vh;overflow-y:auto;z-index:100;display:flex;flex-direction:column}.sidebar-logo{padding:24px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo .logo-icon{width:40px;height:40px;border-radius:10px;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.sidebar-logo .logo-text{color:white;font-weight:700;font-size:1.125rem}.sidebar-logo .logo-sub{color:var(--sidebar-text);font-size:.6875rem}.sidebar-nav{padding:16px 12px;flex:1}.sidebar-section{font-size:.6875rem;font-weight:600;color:var(--sidebar-text);text-transform:uppercase;letter-spacing:1px;padding:8px 12px;margin-top:16px}.sidebar-section:first-child{margin-top:0}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:var(--sidebar-text);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s;margin-bottom:2px}.nav-link:hover{background:var(--sidebar-hover);color:white}.nav-link.active{background:rgba(249,115,22,.15);color:var(--primary)}.nav-link .nav-icon{font-size:1.125rem;width:24px;text-align:center}.admin-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh}.admin-header{background:white;padding:16px 32px;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.admin-header h1{font-family:Inter,sans-serif;font-size:1.375rem;font-weight:700}.admin-content{padding:24px 32px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi-card{background:white;border-radius:var(--radius-lg);padding:20px;border:1px solid var(--gray-100);box-shadow:var(--shadow-sm)}.kpi-card .kpi-label{font-size:.8125rem;color:var(--gray-500);font-weight:500}.kpi-card .kpi-value{font-size:1.75rem;font-weight:800;margin-top:4px;line-height:1.2}.kpi-card .kpi-change{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;margin-top:8px;padding:2px 8px;border-radius:20px}.kpi-change.up{background:var(--success-light);color:#15803D}.kpi-change.down{background:var(--error-light);color:#B91C1C}.data-table-wrapper{background:white;border-radius:var(--radius-lg);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);overflow:hidden}.data-table-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gray-100)}.data-table-header h3{font-family:Inter,sans-serif;font-size:1rem;font-weight:700}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;background:var(--gray-50)}.data-table td,.data-table th{padding:12px 16px;border-bottom:1px solid var(--gray-100)}.data-table td{font-size:.875rem;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--gray-50)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%}.status-badge.available{background:var(--success-light);color:#15803D}.status-badge.available:before{background:var(--success)}.status-badge.occupied{background:var(--error-light);color:#B91C1C}.status-badge.occupied:before{background:var(--error)}.status-badge.reserved{background:var(--warning-light);color:#A16207}.status-badge.reserved:before{background:var(--warning)}.status-badge.pending{background:var(--info-light);color:#1D4ED8}.status-badge.pending:before{background:var(--info)}.status-badge.cleaning{background:var(--gray-200);color:var(--gray-600)}.status-badge.cleaning:before{background:var(--gray-400)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-weight:600;font-size:.8125rem;border:none;cursor:pointer;transition:all .15s;font-family:inherit}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200)}.btn-danger{background:var(--error);color:white}.btn-success{background:var(--success);color:white}.btn-sm{padding:6px 12px;font-size:.75rem}.chart-card{background:white;border-radius:var(--radius-lg);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);padding:20px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h3{font-family:Inter,sans-serif;font-size:1rem;font-weight:700}.period-tabs{display:flex;gap:4px;background:var(--gray-100);padding:3px;border-radius:var(--radius-md)}.period-tab{padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;border:none;cursor:pointer;background:transparent;color:var(--gray-500);transition:all .2s;font-family:inherit}.period-tab.active{background:white;color:var(--gray-900);box-shadow:var(--shadow-sm)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.text-muted{color:var(--gray-500)}.text-sm{font-size:.8125rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(2px)}.modal-box{background:white;border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(0,0,0,.2);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--gray-100)}.modal-header h3{font-size:1.125rem;font-weight:700}.modal-close{background:var(--gray-100);border:none;cursor:pointer;width:32px;height:32px;border-radius:8px;font-size:1rem;display:flex;align-items:center;justify-content:center;color:var(--gray-500);transition:all .15s}.modal-close:hover{background:var(--gray-200);color:var(--gray-900)}.modal-body{padding:24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--gray-100)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.8125rem;font-weight:600;color:var(--gray-700)}.form-control{padding:9px 12px;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);font-size:.875rem;font-family:inherit;color:var(--gray-900);background:white;transition:border-color .15s;outline:none;width:100%}.form-control:focus{border-color:var(--primary)}.form-control::-moz-placeholder{color:var(--gray-400)}.form-control::placeholder{color:var(--gray-400)}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:72px}.form-row{display:flex;gap:12px}.alert-error{background:var(--error-light);color:#B91C1C;padding:10px 14px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500}