*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f7f7fb;color:#25252d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button{border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8067ed;outline-offset:1px}input,select,textarea{outline:none}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;background:#f7f7fb}.sidebar{width:235px;min-width:235px;height:100vh;position:fixed;left:0;top:0;display:flex;flex-direction:column;background:#fff;border-right:1px solid #eeeeF4;z-index:100}.brand{height:72px;padding:0 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f0f5}.brand-logo,.login-logo{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#7357df,#9279f1);color:#fff;font-size:12px;font-weight:800;box-shadow:0 6px 16px #7357df38}.brand h1{margin:0;font-size:15px;line-height:16px;font-weight:800;color:#272631}.brand span{display:block;margin-top:1px;font-size:15px;line-height:16px;font-weight:800;color:#272631}.sidebar-scroll{flex:1;overflow-y:auto;padding:15px 10px}.menu-section{margin-bottom:19px}.menu-title{padding:0 11px;margin-bottom:6px;color:#a6a6b1;font-size:8px;line-height:13px;font-weight:700;letter-spacing:.08em}.menu-item{width:100%;height:37px;display:flex;align-items:center;gap:10px;padding:0 11px;margin:2px 0;border-radius:7px;background:transparent;color:#7b7b87;cursor:pointer;font-size:10px;font-weight:500;text-align:left}.menu-item:hover{background:#f6f4fd;color:#674ed3}.menu-item.active{background:#f0ecff;color:#674ed3;font-weight:650}.menu-arrow{margin-left:auto}.sidebar-bottom{padding:10px;border-top:1px solid #f0f0f5}.menu-item.logout{color:#9a9aa5}.menu-item.logout:hover{color:#dc5b5b;background:#fff3f3}.mobile-close{display:none}.main-content{width:calc(100% - 235px);min-height:100vh;margin-left:235px;background:#f7f7fb}.topbar{height:66px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eeeeF4;position:sticky;top:0;z-index:50}.topbar-left,.topbar-right{display:flex;align-items:center}.topbar-right{gap:14px}.breadcrumb{display:flex;align-items:center;gap:7px;color:#a1a1ac;font-size:10px}.breadcrumb strong{color:#35343d}.top-search{width:175px;height:33px;display:flex;align-items:center;gap:7px;padding:0 10px;background:#f8f8fb;border:1px solid #eeeeF3;border-radius:6px;color:#aaaab5}.top-search input{width:100%;border:0;background:transparent;font-size:9px}.icon-button{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:#f7f7fa;color:#777783;cursor:pointer}.profile{display:flex;align-items:center;gap:8px}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#ece8ff;color:#684ed3;font-size:11px;font-weight:750}.profile-info{display:flex;flex-direction:column}.profile-info strong{font-size:9px;color:#36353e}.profile-info span{font-size:8px;color:#a2a2ad}.mobile-menu{display:none}.page{padding:25px 28px 40px;max-width:1600px;margin:0 auto}.page-heading{min-height:50px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.page-heading h2{margin:0;color:#282730;font-size:19px;line-height:25px;font-weight:750}.page-heading p{margin:4px 0 0;color:#9999a5;font-size:9px}.primary-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border-radius:7px;background:#7358dc;color:#fff;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #7358dc2e;transition:all .15s ease}.primary-button:hover{background:#6549d1}.filter-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 13px;border:1px solid #e2e8f0;border-radius:7px;background:#fff;color:#475569;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s ease}.filter-button:hover{background:#f8fafc;border-color:#cbd5e1}.text-button{padding:3px 0;background:transparent;color:#7058d5;font-size:9px;cursor:pointer}.more-button{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:transparent;color:#9999a4;cursor:pointer}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:14px}.stat-card{min-height:117px;padding:16px;border:1px solid #eeeeF3;border-radius:9px;background:#fff;box-shadow:0 2px 7px #1e1e3206}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#9999a5;font-size:9px}.stat-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:7px}.stat-card.purple .stat-icon{background:#f0edff;color:#745bdd}.stat-card.green .stat-icon{background:#eaf8f1;color:#24a06e}.stat-card.orange .stat-icon{background:#fff6e6;color:#e3a322}.stat-card.red .stat-icon{background:#fff0f0;color:#dd6868}.stat-value{display:block;margin-top:13px;color:#282730;font-size:21px;line-height:24px;font-weight:750}.stat-change{margin-top:8px;color:#aaaab4;font-size:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);gap:14px;margin-bottom:14px}.panel{background:#fff;border:1px solid #eeeeF3;border-radius:9px;box-shadow:0 2px 7px #1e1e3206}.panel-heading{min-height:60px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f1f5}.panel-heading h3{margin:0;color:#34333c;font-size:11px;font-weight:700}.panel-heading p{margin:3px 0 0;color:#a4a4ae;font-size:8px}.chart-panel,.payment-panel{min-height:255px}.chart{padding:13px 18px 17px}.chart-body{height:180px;display:flex;align-items:flex-end;border-bottom:1px solid #eeeeF3;position:relative}.bars{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:space-around}.bar-column{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.bar{width:min(34px,55%);min-height:6px;border-radius:5px 5px 2px 2px;background:linear-gradient(to top,#795ee0,#a18cf0)}.bar-column span{font-size:8px;color:#aaaab4}.donut-wrapper{height:145px;display:grid;place-items:center}.donut{width:105px;height:105px;display:grid;place-items:center;border-radius:50%}.donut>div{display:flex;flex-direction:column;align-items:center}.donut strong{font-size:18px}.donut span{font-size:7px;color:#a2a2ac}.legend{padding:0 17px 14px}.legend>div{height:25px;display:flex;align-items:center;gap:7px;color:#888893;font-size:8px}.legend strong{margin-left:auto}.dot{width:7px;height:7px;border-radius:50%}.dot.paid{background:#24a06e}.dot.pending{background:#e7ad2d}.dot.partial{background:#8b5cf6}.invoices-panel{overflow:hidden}.invoice-tabs{display:flex;align-items:center;gap:20px;padding:0 16px;border-bottom:1px solid #eeeeF3}.invoice-tabs button{height:42px;padding:0;background:transparent;color:#9a9aa5;font-size:8px;font-weight:600;cursor:pointer}.invoice-tabs button.selected{color:#7358dc}.table-toolbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;border-bottom:1px solid #f0f0f4}.table-search{width:min(350px,100%);height:31px;display:flex;align-items:center;gap:7px;padding:0 9px;background:#fafafd;border:1px solid #eeeeF3;border-radius:6px}.table-search input{width:100%;border:0;outline:none;background:transparent;font-size:8px}.table-container{width:100%;overflow-x:auto}.table-container table{width:100%;border-collapse:collapse;min-width:850px}.table-container thead{background:#fbfbfd}.table-container th{height:40px;padding:0 13px;text-align:left;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.table-container td{min-height:48px;padding:10px 13px;border-top:1px solid #f1f1f5;color:#334155;font-size:12.5px}.tenant-cell{display:flex;align-items:center;gap:8px}.tenant-avatar{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#f0edff;color:#6d53d5;font-size:8px;font-weight:750}.status-badge{min-height:22px;display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:600}.status-badge i{width:5px;height:5px;border-radius:50%}.status-badge.paid{background:#eaf8f1;color:#249568}.status-badge.paid i{background:#249568}.status-badge.partially-paid{background:#f0edff;color:#7257dc}.status-badge.partially-paid i{background:#7257dc}.form-grid,.invoice-generator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:18px 0}.form-field{display:flex;flex-direction:column;gap:6px}.form-field>span{color:#374151;font-size:13px;font-weight:600}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:40px;padding:0 11px;border:1px solid #d1d5db;border-radius:7px;background:#fff;color:#1e293b;font-size:13px;transition:border-color .15s ease,box-shadow .15s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.form-field input::placeholder,.form-field textarea::placeholder{color:#94a3b8;font-size:12.5px}.form-field input[type=date],.form-field input[type=month],.form-field input[type=datetime-local]{cursor:pointer}.form-field textarea{min-height:78px;padding-top:9px;resize:vertical}.form-field:last-child{grid-column:1 / -1}.invoice-generator-grid textarea{min-height:68px}.invoice-summary,.invoice-summary-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;padding:14px;margin-top:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.invoice-summary>div,.invoice-summary-box>div{padding:10px 14px;background:#fff;border-radius:6px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:4px}.invoice-summary span,.invoice-summary-box span{display:block;color:#64748b;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.invoice-summary strong,.invoice-summary-box strong{color:#0f172a;font-size:15px;font-weight:700}.empty-state{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:25px;color:#b1b1bb;text-align:center}.empty-state strong{color:#666570;font-size:10px}.empty-state p{max-width:360px;margin:0;color:#aaaab4;font-size:8px}.modal-overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;background:#19192673;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(650px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:0 22px 20px;border-radius:11px;background:#fff;box-shadow:0 25px 70px #19192d33}.modal-header{min-height:68px;margin:0 -22px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eeeeF3;position:sticky;top:0;background:#fff}.modal-header h3{margin:0;color:#35343e;font-size:13px;font-weight:750}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:16px;border-top:1px solid #f0f0f4}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:#f7f7fb}.login-card{width:min(390px,100%);padding:30px;border:1px solid #eeeeF4;border-radius:13px;background:#fff;box-shadow:0 18px 60px #23223217}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:27px}.login-logo{width:42px;height:42px;border-radius:11px;font-size:13px}.login-brand h1{margin:0;color:#2c2b34;font-size:18px;line-height:19px;font-weight:800}.login-brand span{display:block;margin-top:2px;color:#2c2b34;font-size:18px;line-height:19px;font-weight:800}.login-heading{margin-bottom:20px}.login-heading h2{margin:0;color:#302f39;font-size:20px;line-height:25px;font-weight:750}.login-heading p{margin:5px 0 0;color:#9b9ba6;font-size:9px;line-height:14px}.login-field{display:block;margin-bottom:13px}.login-field>span{display:block;margin-bottom:6px;color:#5e5d68;font-size:8px;font-weight:650}.login-field input,.login-field select{width:100%;height:38px;padding:0 11px;border:1px solid #e5e5eb;border-radius:6px;background:#fff;color:#36353e;font-size:9px}.login-button{width:100%;height:39px;margin-top:3px;border-radius:6px;background:#7358dc;color:#fff;font-size:9px;font-weight:700;cursor:pointer}.back-link{width:100%;margin-top:13px;padding:4px;background:transparent;color:#7358dc;font-size:8px;cursor:pointer}.login-footer{margin:23px 0 0;padding-top:15px;border-top:1px solid #f0f0f4;text-align:center;color:#b0b0b9;font-size:7px}.invoice-preview-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:#eef1f5;overflow:hidden}.invoice-preview-toolbar{height:60px;min-height:60px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dfe3e9;box-shadow:0 2px 8px #141e320f;flex-shrink:0}.invoice-preview-title{display:flex;align-items:center;justify-content:center;gap:10px}.invoice-preview-title strong{color:#171b22;font-size:14px;line-height:1;font-weight:800}.invoice-preview-title span{padding:5px 9px;border-radius:5px;background:#f0edff;color:#6c51d9;font-size:8px;line-height:1;font-weight:700}.invoice-preview-scroll{flex:1;min-height:0;overflow:auto;padding:28px;display:flex;justify-content:center;align-items:flex-start}.invoice-paper-a5{width:210mm;min-width:210mm;max-width:210mm;height:148mm;min-height:148mm;max-height:148mm;position:relative;box-sizing:border-box;padding:8mm 10mm 7mm;overflow:hidden;background:#fff;color:#1e293b;font-family:Arial,Helvetica,sans-serif;font-size:9px;line-height:1.25;border:1px solid #d1d5db;box-shadow:0 10px 28px #19233226;display:flex;flex-direction:column}.header-row{display:flex;justify-content:space-between;align-items:center}.brand-col{display:flex;gap:12px;align-items:center}.logo-img{width:46px;height:46px;object-fit:contain;flex-shrink:0}.brand-col h1{margin:0 0 3px;font-size:15.5px;line-height:18px;font-weight:800;color:#0b132b;letter-spacing:-.1px}.brand-col p{margin:1.5px 0;font-size:8.5px;line-height:12px;color:#475569}.invoice-pill{background:#edf5fe;color:#0b1a3d;font-size:13px;font-weight:800;padding:8px 18px;border-radius:6px;white-space:nowrap;letter-spacing:.3px}.line-divider{height:1px;background:#e2e8f0;margin:3.2mm 0}.bill-meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:3.2mm}.bill-to{flex:1}.section-badge{background:#edf5fe;color:#0b1a3d;font-size:9px;font-weight:700;padding:3px 9px;border-radius:4px;display:inline-block;margin-bottom:3px}.bill-to .bill-name{font-size:15px;font-weight:800;color:#0b132b;margin-bottom:2px}.bill-to .bill-room{font-size:9px;color:#374151}.bill-to .bill-room strong{font-weight:700;color:#0b132b}.vertical-divider{width:1px;height:42px;background:#e2e8f0;margin:0 20px;flex-shrink:0}.meta-details{font-size:9px;line-height:16px;color:#374151;text-align:right}.meta-details strong{font-weight:700;color:#0b132b}.table-frame{border:1px solid #cce2fd;border-radius:6px;overflow:hidden;margin-bottom:3.5mm}.inv-table-modern{width:100%!important;min-width:0!important;max-width:100%!important;border-collapse:collapse!important;table-layout:fixed!important}.inv-table-modern th{background:#dff0fe!important;color:#0b1a3d!important;font-weight:700!important;font-size:9px!important;padding:8px 12px!important;border-right:1px solid #cce2fd!important;border-bottom:1px solid #cce2fd!important;text-transform:none!important;height:auto!important}.inv-table-modern th:last-child{border-right:none!important}.inv-table-modern td{background:#fff!important;color:#1e293b!important;font-size:9px!important;padding:10px 12px!important;border-right:1px solid #cce2fd!important;vertical-align:middle!important;height:auto!important}.inv-table-modern td:last-child{border-right:none!important}.payment-summary-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5mm}.payment-info-block{font-size:9px;line-height:16px;color:#374151}.payment-info-block strong{color:#0b132b!important;font-weight:700}.note-box{margin-top:6px;padding:5px 12px;border:1px solid #c7dcf7;background:#f0f7fe;border-radius:5px;display:inline-flex;align-items:baseline;gap:6px;font-size:9px;max-width:400px;word-break:break-word}.note-box strong{color:#0b1a3d;font-weight:700}.note-box span{color:#1e293b;font-weight:600}.total-card{background:#dff0fe;border-radius:6px;padding:10px 24px;text-align:center;min-width:160px}.total-title{font-size:8.5px;font-weight:800;color:#0b1a3d;letter-spacing:.5px;margin-bottom:3px}.total-val{font-size:24px;font-weight:800;color:#091125;line-height:1.1}.terms-sign-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:3.5mm;margin-bottom:2mm}.terms-col{flex:1}.terms-col ol{margin:4px 0 0;padding-left:15px}.terms-col li{font-size:8px;line-height:12.5px;color:#374151;margin-bottom:1.5px}.sign-col{text-align:right}.sign-lbl{font-size:9.5px;font-weight:800;color:#0b1a3d;margin-bottom:3px;white-space:nowrap}.sign-name{font-size:8.5px;color:#475569}.footer-text{text-align:center;font-size:7.5px;color:#94a3b8;margin-top:3mm}@media(max-width:900px){.invoice-preview-toolbar{padding:0 12px}.invoice-preview-title{display:none}.invoice-preview-scroll{padding:16px;justify-content:flex-start}}@media print{@page{size:A5 landscape;margin:0}html,body,#root{width:210mm!important;height:148mm!important;margin:0!important;padding:0!important;background:#fff!important}body{overflow:hidden!important}body *{visibility:hidden!important}.invoice-preview-overlay,.invoice-preview-overlay *{visibility:visible!important}.invoice-preview-overlay{position:static!important;width:210mm!important;height:148mm!important;display:block!important;overflow:hidden!important;margin:0!important;padding:0!important;background:#fff!important}.invoice-preview-toolbar{display:none!important}.invoice-preview-scroll{display:block!important;width:210mm!important;height:148mm!important;margin:0!important;padding:0!important;overflow:hidden!important}.invoice-paper-a5{width:210mm!important;min-width:210mm!important;max-width:210mm!important;height:148mm!important;min-height:148mm!important;max-height:148mm!important;margin:0!important;padding:8mm 10mm 7mm!important;box-sizing:border-box!important;border:1px solid #d1d5db!important;box-shadow:none!important;overflow:hidden!important;page-break-before:avoid!important;page-break-after:avoid!important;page-break-inside:avoid!important}.inv-table-modern{width:100%!important;table-layout:fixed!important}.inv-table-modern th,.inv-table-modern td{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}.settings-card{background:#fff;border:1px solid #eef0f4;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 8px #00000005}.settings-card-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#0b1a3d;border-bottom:1px solid #f1f5f9;padding-bottom:12px;margin-bottom:4px}.terms-list{display:flex;flex-direction:column;gap:8px}.term-item{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px}.term-item input{flex:1;border:none;background:transparent;font-size:11px;color:#1e293b;outline:none}.term-delete-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:4px;transition:background .15s}.term-delete-btn:hover{background:#fee2e2}.activity-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.activity-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 14px;flex:1;min-width:240px;max-width:360px}.activity-search-box input{border:none;background:transparent;outline:none;width:100%;font-size:13px;color:#1e293b}.activity-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.activity-tab-btn{padding:6px 13px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;font-size:12px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;white-space:nowrap}.activity-tab-btn:hover{background:#f8fafc;border-color:#cbd5e1}.activity-tab-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.log-action-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:6px;font-size:11.5px;font-weight:650;letter-spacing:.2px}.log-action-invoice{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.log-action-login{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.log-action-security{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.log-action-delete{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.log-action-settings{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.log-action-exec{background:#f0fdfa;color:#0d9488;border:1px solid #99f6e4}.role-pill{font-size:11px;font-weight:650;padding:3px 8px;border-radius:4px;text-transform:uppercase}.role-pill-manager{background:#f3e8ff;color:#7e22ce}.role-pill-executive{background:#e0f2fe;color:#0369a1}.otp-dev-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:10px 12px;margin-bottom:12px;font-size:11px;color:#1e40af;display:flex;align-items:center;justify-content:space-between}.otp-dev-banner strong{font-size:13px;letter-spacing:1px;color:#1d4ed8;background:#dbeafe;padding:2px 8px;border-radius:4px}@media(max-width:768px){input,select,textarea{font-size:16px!important}}.mobile-preview-hint{display:none}@media(max-width:900px){.mobile-menu{display:flex!important;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:#f1f2f6;color:#1e293b;border:1px solid #e2e8f0;cursor:pointer;margin-right:10px;flex-shrink:0}.mobile-close{display:flex!important;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#f1f5f9;color:#64748b;border:none;cursor:pointer;margin-left:auto}.mobile-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:199}.sidebar{position:fixed;top:0;left:0;bottom:0;width:275px;max-width:82vw;height:100vh;z-index:200;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #0003}.sidebar.sidebar-open{transform:translate(0)}.main-content{width:100%!important;margin-left:0!important}.topbar{padding:0 14px;height:58px}.top-search,.profile-info{display:none}.page{padding:16px 14px 36px}.page-heading{flex-direction:column;align-items:flex-start;gap:12px;min-height:auto}.page-heading>div:last-child{width:100%;display:flex;flex-wrap:wrap;gap:8px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.dashboard-grid{grid-template-columns:1fr!important;gap:14px!important}.table-toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:10px 12px}.table-search{width:100%!important;max-width:100%!important;height:38px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.activity-toolbar{flex-direction:column;align-items:stretch;gap:10px}.activity-search-box{max-width:100%!important;width:100%!important;height:38px}.activity-tabs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:4px}.mobile-preview-hint{display:flex;align-items:center;justify-content:center;text-align:center;background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe;font-size:11px;font-weight:600;padding:8px 12px;border-radius:8px;margin-bottom:12px;width:100%;max-width:210mm}.invoice-preview-scroll{padding:12px 10px!important;justify-content:flex-start!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.invoice-preview-toolbar{height:52px;min-height:52px;padding:0 10px!important;gap:8px}.invoice-preview-toolbar button{height:36px;padding:0 12px;font-size:11px}}@media(max-width:640px){.modal-overlay{padding:6px;align-items:flex-end}.modal{width:100%!important;max-height:92vh!important;padding:0 16px 18px!important;border-radius:16px 16px 0 0!important}.modal-header{margin:0 -16px;padding:0 16px;min-height:52px}.form-grid,.invoice-generator-grid{grid-template-columns:1fr!important;gap:10px!important;padding:12px 0!important}.modal-actions{flex-direction:column-reverse;gap:8px}.modal-actions button{width:100%;height:42px;justify-content:center}.login-card{padding:24px 18px!important;border-radius:16px}}@media(max-width:480px){.stat-grid{grid-template-columns:1fr!important}.otp-dev-banner{flex-direction:column;align-items:flex-start;gap:6px}}.rent-entries-section{grid-column:1 / -1;margin:10px 0;display:flex;flex-direction:column;gap:12px}.section-header-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.btn-add-rent{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;color:#4f46e5;border:1px solid #cbd5e1;padding:6px 14px;border-radius:6px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-rent:hover{background:#e0e7ff;border-color:#a5b4fc;color:#3730a3}.rent-cards-list{display:flex;flex-direction:column;gap:10px}.rent-entry-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px;transition:border-color .2s}.rent-entry-card:hover{border-color:#cbd5e1}.rent-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.rent-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#4f46e5;background:#eef2ff;padding:3px 8px;border-radius:4px}.btn-remove-rent{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:#ef4444;font-size:12px;font-weight:600;cursor:pointer;padding:2px 7px;border-radius:4px;transition:background .15s}.btn-remove-rent:hover{background:#fee2e2}.rent-entry-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.advance-section-box{grid-column:1 / -1;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:14px;margin:6px 0 12px}