.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.login-card{width:min(100%,420px);display:flex;flex-direction:column;gap:16px;padding:30px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 20px 60px rgba(0,0,0,.25)}.login-card h1{margin:0}.login-card label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:13px}.login-card input{border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);padding:12px}.admin-nav{position:relative;display:flex;align-items:center;gap:20px;margin-bottom:28px;padding:12px 90px 12px 0;border-bottom:1px solid var(--border)}.logout-button{position:absolute;right:0;top:8px;border:1px solid rgba(114,167,255,.35);border-radius:999px;background:rgba(114,167,255,.08);color:var(--text);cursor:pointer;padding:8px 14px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,transform .15s}.logout-button:hover{background:rgba(114,167,255,.18);border-color:var(--blue);transform:translateY(-1px)}.user-list{display:flex;flex-direction:column;gap:9px}.user-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid var(--border);border-radius:10px;padding:13px;background:rgba(24,34,58,.55)}.user-row span,.user-row strong{display:block}.user-row span{color:var(--muted);font-size:12px;margin-top:4px}.credential-box,.user-meta{display:flex;align-items:center;gap:10px}.credential-box{flex-wrap:wrap;border:1px solid rgba(97,211,155,.4);border-radius:10px;background:rgba(97,211,155,.08);color:var(--text);padding:13px 16px}.credential-box code{color:var(--green);font-size:16px;letter-spacing:.08em}.credential-box small{width:100%;color:var(--muted)}@media (max-width:650px){.user-row{align-items:flex-start;flex-direction:column}.user-meta{width:100%;justify-content:space-between}}.brand{color:var(--text);font-weight:800;letter-spacing:.08em;text-decoration:none;white-space:nowrap}.brand span{color:var(--blue);font-size:10px;margin-left:5px}.nav-links{display:flex;flex-wrap:wrap;gap:7px}.nav-links a{color:var(--muted);text-decoration:none;border:1px solid transparent;border-radius:7px;padding:8px 10px;font-size:12px}.nav-links a:hover{color:var(--text);border-color:var(--border);background:var(--surface-2)}body{overflow-x:hidden}@media (max-width:650px){.admin-shell{padding:20px 10px 48px;overflow:hidden}.admin-nav{align-items:flex-start;flex-direction:column;padding:10px 82px 12px 0;gap:12px;margin-bottom:20px}.nav-links{gap:5px}.nav-links a{padding:8px 6px;font-size:11px;min-width:0}.logout-button{top:7px;padding:7px 11px;font-size:11px}h1{font-size:28px}.panel{padding:16px}.calendar-actions,.topbar-actions{align-items:stretch;flex-wrap:wrap}.calendar-actions>*,.topbar-actions>*{flex:1 1 130px;min-width:0;text-align:center}.calendar-scroll{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.modal-backdrop{padding:8px}.booking-modal{max-height:calc(100vh - 16px)}}:root{--bg:#0a0f1d;--surface:#121a2c;--surface-2:#18223a;--border:#273452;--text:#f3f6ff;--muted:#99a6c4;--blue:#72a7ff;--green:#61d39b;--orange:#ffb46b;--purple:#b29cff;--red:#ff8585}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.admin-shell{max-width:1440px;margin:0 auto;padding:42px 28px 80px}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px}.eyebrow{margin:0 0 9px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.16em}h1,h2,h3,h4{margin:0}h1{font-size:36px;letter-spacing:-.03em}h2{font-size:21px}h3{font-size:16px}h4{font-size:13px}.muted,.subtitle{color:var(--muted)}.subtitle{margin:10px 0 0}.topbar-actions{display:flex;align-items:flex-end;gap:10px}.month-picker{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px}.month-picker input,.month-picker-input{width:130px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);padding:10px 12px;cursor:pointer}.calendar-month-input:focus,.month-picker-input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(114,167,255,.12)}.primary-button,.secondary-button{display:inline-block;border:0;border-radius:8px;cursor:pointer;font-weight:700;padding:11px 15px}.secondary-button{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.primary-button{background:var(--blue);color:#081021;text-align:center}.text-link{color:var(--blue);font-size:13px}.error-box{border:1px solid hsla(0,100%,76%,.4);background:hsla(0,100%,76%,.1);color:var(--red);border-radius:10px;padding:14px 16px;margin-bottom:20px}.empty-state{color:var(--muted);padding:34px;text-align:center}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:22px}.metric,.panel{border:1px solid var(--border);border-radius:14px;background:var(--surface)}.metric{position:relative;overflow:hidden;padding:22px}.metric:before{position:absolute;left:0;top:0;bottom:0;width:4px;content:"";background:var(--blue)}.metric.orange:before{background:var(--orange)}.metric.green:before{background:var(--green)}.metric.purple:before{background:var(--purple)}.metric span{display:block;color:var(--muted);font-size:13px;margin-bottom:17px}.metric strong{font-size:25px;letter-spacing:-.03em}.content-grid{display:grid;grid-template-columns:1.4fr .8fr;grid-gap:18px;gap:18px;margin-bottom:22px}.panel{padding:23px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:23px}.expense-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:24px}.expense-summary div,.today-stats div{border-radius:10px;background:var(--surface-2);padding:14px}.expense-summary span,.property-finance span,.property-stats span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.expense-summary strong{font-size:16px}.positive{color:var(--green)}.negative{color:var(--red)}.category-list{display:flex;flex-direction:column;gap:8px}.category-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:10px 0;color:var(--muted);font-size:14px}.category-row strong{color:var(--text)}.today-panel{display:flex;flex-direction:column}.live-dot{color:var(--green);font-size:12px}.today-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:6px 0 20px}.today-stats strong{display:block;font-size:30px;margin-bottom:6px}.today-stats span{color:var(--muted);font-size:13px}.today-panel .primary-button{margin-top:auto}.property-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.property-card{border:1px solid var(--border);border-radius:12px;background:rgba(24,34,58,.55);padding:17px}.property-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.property-title p{color:var(--muted);font-size:12px;margin:6px 0 0}.status{border-radius:999px;padding:5px 8px;color:var(--green);background:rgba(97,211,155,.1);font-size:10px;white-space:nowrap}.status-maintenance{color:var(--orange);background:rgba(255,180,107,.1)}.status-occupied{color:var(--red);background:hsla(0,100%,76%,.1)}.occupancy-row{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.occupancy-row strong{color:var(--text)}.progress{height:7px;background:#25304a;border-radius:99px;margin:9px 0 17px;overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:var(--blue)}.property-finance,.property-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.property-finance{grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);margin-top:16px;padding-top:15px}.property-finance strong{display:block;font-size:12px}.arrivals-block{border-top:1px solid var(--border);margin-top:16px;padding-top:15px}.arrival-row{display:grid;grid-template-columns:75px 1fr;grid-gap:3px 8px;gap:3px 8px;border-bottom:1px solid var(--border);padding:9px 0;font-size:12px}.arrival-row small{grid-column:2;color:var(--muted)}@media (max-width:1050px){.metrics-grid,.property-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.admin-shell{padding:24px 14px 60px}.panel-heading,.topbar{align-items:flex-start;flex-direction:column}.content-grid,.property-grid{grid-template-columns:1fr}.topbar-actions{width:100%}.month-picker{flex:1 1}.month-picker input{width:100%}}@media (max-width:460px){.expense-summary,.metrics-grid,.property-finance{grid-template-columns:1fr}}.success-box{border:1px solid rgba(97,211,155,.4);background:rgba(97,211,155,.1);color:var(--green);border-radius:10px;padding:14px 16px;margin-bottom:20px}.management-layout{display:grid;grid-template-columns:minmax(300px,380px) 1fr;grid-gap:18px;gap:18px;align-items:start}.apartment-form{display:flex;flex-direction:column;gap:15px}.apartment-form .panel-heading{margin-bottom:4px}.apartment-form label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px}.apartment-form input,.apartment-form select{border:1px solid var(--border);border-radius:8px;padding:11px 12px}.apartment-form input,.apartment-form select,.date-picker-input{width:100%;background:var(--surface-2);color:var(--text);outline:none}.date-picker-input{min-height:42px;border:1px solid var(--border);border-radius:9px;padding:10px 12px;transition:border-color .15s,box-shadow .15s,background .15s}.date-picker-input:hover{border-color:rgba(114,167,255,.55)}.date-picker-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(114,167,255,.14)}.react-datepicker-wrapper,.react-datepicker__input-container{display:block;width:100%}.react-datepicker-popper{z-index:30;padding-top:8px!important}.react-datepicker-popper[data-placement^=top]{padding-bottom:8px!important;padding-top:0!important}.react-datepicker{border:1px solid rgba(139,161,202,.28);border-radius:14px;overflow:hidden;background:#101a2e;color:#edf3ff;font-family:Arial,Helvetica,sans-serif;font-size:12px;box-shadow:0 22px 55px rgba(0,0,0,.48),0 0 0 1px rgba(114,167,255,.06)}.react-datepicker__triangle{display:none}.react-datepicker__header{position:relative;padding:13px 12px 10px;border:0;border-bottom:1px solid rgba(139,161,202,.18);background:#172541}.react-datepicker__current-month{margin-bottom:10px;color:#f5f8ff;font-size:13px;font-weight:700;text-transform:capitalize}.react-datepicker__navigation{top:11px;width:30px;height:30px;border:1px solid rgba(139,161,202,.24);border-radius:8px;background:hsla(0,0%,100%,.04);transition:background .15s,border-color .15s}.react-datepicker__navigation:hover{border-color:rgba(114,167,255,.7);background:rgba(114,167,255,.16)}.react-datepicker__navigation--previous{left:11px}.react-datepicker__navigation--next{right:11px}.react-datepicker__navigation-icon:before{width:7px;height:7px;border-color:#b9c9e8;border-width:2px 2px 0 0}.react-datepicker__navigation-icon--previous:before{top:9px;left:9px}.react-datepicker__navigation-icon--next:before{top:9px;right:9px}.react-datepicker__day-names,.react-datepicker__week{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:3px;gap:3px;margin:0 8px}.react-datepicker__day-names{padding-top:2px}.react-datepicker__day-name{margin:0;color:#8293b5;font-size:10px;font-weight:700;text-transform:uppercase}.react-datepicker__month{margin:9px 0 11px}.react-datepicker__day{display:grid;place-items:center;height:32px;margin:0;border-radius:8px;color:#dce6fa;transition:background .12s,color .12s,transform .12s}.react-datepicker__day:hover{border-radius:8px;background:rgba(114,167,255,.18);color:#fff}.react-datepicker__day--outside-month{color:#51617e}.react-datepicker__day--disabled{color:#3e4c66;cursor:not-allowed}.react-datepicker__day--today{border:1px solid rgba(114,167,255,.6);background:rgba(114,167,255,.08);font-weight:700}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{border-radius:8px;background:var(--blue);color:#07101f;font-weight:700}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__day--selected:hover{background:#91bcff;color:#07101f}.react-datepicker__month-container{width:100%}.react-datepicker__month-wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin:10px}.react-datepicker__month-text{display:grid;place-items:center;height:38px;margin:0;border-radius:8px;color:#dce6fa}.react-datepicker__month-text:hover{background:rgba(114,167,255,.18);color:#fff}.react-datepicker__month-text--keyboard-selected,.react-datepicker__month-text--selected{background:var(--blue);color:#07101f;font-weight:700}.react-datepicker__month-text--disabled{color:#3e4c66}.calendar-month-input{min-height:42px;cursor:pointer}.react-datepicker{width:304px;padding:0 0 8px;line-height:1.2}.react-datepicker__header{padding:12px 8px 8px}.react-datepicker__day-names{display:flex;margin:8px 8px 0}.react-datepicker__day-name{flex:1 1;width:auto;margin:0 2px;line-height:28px}.react-datepicker__week{display:flex;margin:0 8px}.react-datepicker__day{flex:1 1;width:auto;margin:2px;line-height:32px}.react-datepicker__month{margin:6px 0 8px}.react-datepicker__month-wrapper{display:flex;width:auto;margin:8px}.react-datepicker__month-text{flex:1 1;width:auto;margin:3px;line-height:36px}.react-datepicker__day--outside-month{color:#657592!important}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled{color:#46546e!important}.form-row label{min-width:0}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}.checkbox-label input{width:auto!important}.apartment-form .primary-button{margin-top:6px}.apartment-form .primary-button:disabled{cursor:wait;opacity:.6}.danger-button,.text-button{border:0;background:transparent;color:var(--blue);cursor:pointer;padding:4px 0;font-size:12px}.danger-button{color:var(--red)}.apartments-table-wrap{overflow-x:auto}.apartments-table{width:100%;min-width:720px;border-collapse:collapse}.apartments-table td,.apartments-table th{padding:14px 10px;border-bottom:1px solid var(--border);text-align:left;color:var(--muted);font-size:13px}.apartments-table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.apartments-table td strong{display:block;color:var(--text)}.apartments-table td small{display:block;color:var(--muted);margin-top:5px}.apartments-table td.row-actions{display:table-cell;width:1%;min-width:190px;white-space:nowrap;text-align:right;vertical-align:middle}.apartments-table td.row-actions .danger-button,.apartments-table td.row-actions .text-button{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;white-space:nowrap}@media (max-width:850px){.management-layout{grid-template-columns:1fr}}.calendar-actions,.calendar-toolbar,.modal-actions{display:flex;align-items:center;gap:10px}.calendar-toolbar{justify-content:center;margin-bottom:18px}.calendar-toolbar h2{text-transform:capitalize;min-width:190px;text-align:center}.calendar-month-input{width:150px;text-align:center;font-weight:700}.calendar-nav-button{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:var(--surface-2);color:var(--text);cursor:pointer;font-size:25px;line-height:1}.calendar-nav-button:hover{border-color:var(--blue);background:rgba(114,167,255,.14)}.today-button{border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--blue);cursor:pointer;padding:9px 13px;font-size:12px;font-weight:700}.today-button:hover{background:rgba(114,167,255,.12)}.calendar-scroll{overflow-x:auto;overflow-y:hidden;padding-bottom:3px;scrollbar-width:thin;scrollbar-color:rgba(114,167,255,.55) rgba(12,19,35,.9)}.calendar-scroll::-webkit-scrollbar{height:7px}.calendar-scroll::-webkit-scrollbar-track{background:rgba(12,19,35,.9);border-radius:999px}.calendar-scroll::-webkit-scrollbar-thumb{background:rgba(114,167,255,.55);border-radius:999px}.calendar-scroll::-webkit-scrollbar-thumb:hover{background:rgba(114,167,255,.85)}.calendar-grid{display:none}.calendar-apartment-row,.calendar-header-grid{display:grid;min-width:1500px;position:relative}.calendar-header-grid{border-left:1px solid var(--border);border-top:1px solid var(--border)}.calendar-rows{min-width:1500px}.calendar-apartment-row{border-left:1px solid var(--border);border-bottom:1px solid var(--border)}.calendar-cells{z-index:1;align-items:stretch}.booking-lane-grid,.calendar-cells{position:absolute;left:180px;right:0;top:0;bottom:0;display:grid}.booking-lane-grid{z-index:3;align-content:start;padding-top:3px;pointer-events:none}.booking-lane-grid .booking-pill{pointer-events:auto}.apartment-label,.calendar-cell,.calendar-corner,.calendar-day{min-height:48px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.calendar-corner{padding:15px 12px;font-size:11px;text-transform:uppercase}.calendar-corner,.calendar-day{background:var(--surface-2);color:var(--muted)}.calendar-day{align-items:center;font-size:10px;writing-mode:vertical-rl;transform:rotate(180deg)}.apartment-label,.calendar-day{display:flex;justify-content:center}.apartment-label{z-index:2;flex-direction:column;align-items:flex-start;gap:4px;background:var(--surface);color:var(--text);cursor:pointer;padding:8px 12px;text-align:left}.apartment-label small{color:var(--muted);font-size:10px}.calendar-cell{background:transparent;cursor:pointer;min-width:42px}.calendar-cell:hover{background:rgba(114,167,255,.12)}.booking-pill{z-index:3;align-self:start;overflow:hidden;min-width:0;height:38px;margin-left:3px;margin-right:3px;border:0;border-radius:7px;color:#081021;cursor:pointer;padding:5px 8px;text-align:left;box-shadow:0 4px 12px rgba(0,0,0,.25)}.booking-pill small,.booking-pill strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-pill strong{font-size:11px}.booking-pill small{font-size:9px;margin-top:3px;opacity:.8}.booking-green{background:#61d39b}.booking-blue{background:#72a7ff}.booking-yellow{background:#ffd166}.booking-gray{background:#a7b0c4}.modal-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:rgba(2,5,12,.78);padding:18px}.booking-modal{width:min(700px,100%);max-height:calc(100vh - 36px);overflow-y:auto;display:flex;flex-direction:column;gap:15px}.booking-modal label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px}.booking-modal input,.booking-modal select{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);padding:11px 12px}.modal-actions{justify-content:flex-start;margin-top:4px}.danger-action{border:1px solid hsla(0,100%,76%,.4);border-radius:8px;background:transparent;color:var(--red);cursor:pointer;padding:10px 12px}@media (max-width:650px){.calendar-actions{width:100%;flex-wrap:wrap}.calendar-actions .primary-button,.calendar-actions .secondary-button{flex:1 1;text-align:center}.calendar-toolbar{flex-wrap:wrap}.calendar-toolbar h2{min-width:0;flex:1 1;font-size:17px}.calendar-month-input{width:130px}.form-row{grid-template-columns:1fr}}.expense-toolbar{display:grid;grid-template-columns:1.1fr repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:18px}.expense-toolbar label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px}.apartment-form textarea,.expense-toolbar input,.expense-toolbar select{border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);padding:11px 12px}.expense-metrics{grid-template-columns:repeat(3,1fr)}.expenses-layout{grid-template-columns:minmax(300px,380px) 1fr}.status-paid{color:var(--green);background:rgba(97,211,155,.1)}.status-unpaid{color:var(--orange);background:rgba(255,180,107,.1)}.expense-table td{vertical-align:middle}@media (max-width:850px){.expense-toolbar{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.expense-metrics,.expense-toolbar{grid-template-columns:1fr}}.client-list{display:flex;flex-direction:column;gap:10px}.client-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px;border:1px solid var(--border);border-radius:10px;background:rgba(24,34,58,.55)}.client-row small,.client-row span,.client-row strong{display:block}.client-row small,.client-row span{color:var(--muted);font-size:12px;margin-top:5px}.client-row .row-actions{min-width:150px}.apartment-form textarea{width:100%;resize:vertical}@media (max-width:650px){.client-row{align-items:flex-start;flex-direction:column}.client-row .row-actions{width:100%;justify-content:flex-start}}.utility-list{display:flex;flex-direction:column;gap:12px}.utility-card{border:1px solid var(--border);border-radius:12px;background:rgba(24,34,58,.55);padding:17px}.utility-card .property-title{margin-bottom:15px}.reading-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;grid-gap:12px;gap:12px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0}.reading-form label,.reading-form span{display:block;color:var(--muted);font-size:12px}.reading-form strong{display:block;color:var(--text);font-size:20px;margin-top:8px}.reading-form label{display:flex;flex-direction:column;gap:7px}.reading-form input{border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);padding:10px}.reading-history{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.reading-history small,.reading-history span{border-radius:6px;background:var(--surface-2);color:var(--muted);padding:6px 8px;font-size:11px}@media (max-width:700px){.reading-form{grid-template-columns:1fr}}