:root{--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--primary-800: #3730a3;--primary-900: #312e81;--accent-emerald: #10b981;--accent-emerald-light: #d1fae5;--accent-amber: #f59e0b;--accent-amber-light: #fef3c7;--accent-rose: #f43f5e;--accent-rose-light: #ffe4e6;--accent-sky: #0ea5e9;--accent-sky-light: #e0f2fe;--accent-violet: #8b5cf6;--accent-violet-light: #ede9fe;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--gray-950: #020617;--bg-primary: #0c111d;--bg-secondary: #131927;--bg-card: #1a2235;--bg-card-hover: #1f2a40;--bg-input: #0f1524;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #1e293b;--border-light: rgba(255, 255, 255, .06);--sidebar-width: 260px;--sidebar-bg: #0a0f1a;--sidebar-border: rgba(255, 255, 255, .06);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}.light-theme{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-input: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border-color: #e2e8f0;--border-light: rgba(0, 0, 0, .05);--sidebar-bg: #ffffff;--sidebar-border: #e2e8f0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100%;width:100%;position:fixed}#app{display:flex;height:100%;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;z-index:100;transition:transform var(--transition-base)}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--sidebar-border)}.logo{display:flex;align-items:center;gap:var(--space-3)}.logo-icon{font-size:1.8rem;filter:drop-shadow(0 0 8px rgba(99,102,241,.4))}.logo-text{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,var(--primary-400),var(--accent-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);margin-bottom:var(--space-1);font-weight:500;font-size:.92rem;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--primary-500);border-radius:var(--radius-full);transition:height var(--transition-fast)}.nav-item:hover{color:var(--text-primary);background:#6366f114}.nav-item.active{color:var(--primary-400);background:#6366f11f;font-weight:600}.nav-item.active:before{height:60%}.nav-icon{font-size:1.15rem;width:24px;text-align:center}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--sidebar-border)}.user-profile{display:flex;flex-direction:column;gap:var(--space-3)}.user-main{display:flex;align-items:center;gap:var(--space-3)}.user-avatar{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-600),var(--accent-violet));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff;box-shadow:0 4px 12px #0003}.user-info{display:flex;flex-direction:column}.user-name{font-weight:700;font-size:.9rem;color:var(--text-primary)}.user-role{font-size:.75rem;color:var(--text-muted)}.nav-section-label{padding:var(--space-6) var(--space-4) var(--space-2);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.logout-btn{width:100%;padding:var(--space-2) var(--space-4);background:#f43f5e1a;color:#f43f5e;border:1px solid rgba(244,63,94,.2);border-radius:var(--radius-md);font-weight:600;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:8px}.logout-btn:hover{background:#f43f5e;color:#fff;transform:translateY(-1px)}.main-content{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.top-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);gap:var(--space-4);flex-wrap:wrap;z-index:10}.header-left{display:flex;align-items:center;gap:var(--space-4)}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:40px;height:40px;padding:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);z-index:1001}.menu-toggle:hover{background:var(--bg-card-hover);border-color:var(--primary-500)}.menu-toggle span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:2px}.page-title{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.header-controls{display:flex;align-items:center;gap:var(--space-4)}.theme-toggle-btn{background:var(--bg-input);border:1px solid var(--border-color);width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all var(--transition-fast);color:var(--text-primary)}.theme-toggle-btn:hover{border-color:var(--primary-500);background:#6366f114}.header-filters{display:flex;align-items:center;gap:var(--space-4)}.filter-select{padding:var(--space-2) var(--space-3);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);font-size:.85rem;cursor:pointer;outline:none;transition:border-color var(--transition-fast)}.filter-select:focus{border-color:var(--primary-500)}.page-content{flex:1;overflow-y:auto;padding:var(--space-6)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5);margin-bottom:var(--space-6)}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);border:1px solid var(--border-light);position:relative;overflow:hidden;transition:all var(--transition-base);cursor:default}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.stat-card:hover{transform:translateY(-2px);border-color:#6366f133;box-shadow:var(--shadow-glow)}.stat-card.primary:before{background:linear-gradient(90deg,var(--primary-500),var(--primary-400))}.stat-card.emerald:before{background:linear-gradient(90deg,var(--accent-emerald),#34d399)}.stat-card.amber:before{background:linear-gradient(90deg,var(--accent-amber),#fbbf24)}.stat-card.rose:before{background:linear-gradient(90deg,var(--accent-rose),#fb7185)}.stat-card.sky:before{background:linear-gradient(90deg,var(--accent-sky),#38bdf8)}.stat-card.violet:before{background:linear-gradient(90deg,var(--accent-violet),#a78bfa)}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.stat-card-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.3rem}.stat-card.primary .stat-card-icon{background:#6366f126}.stat-card.emerald .stat-card-icon{background:#10b98126}.stat-card.amber .stat-card-icon{background:#f59e0b26}.stat-card.rose .stat-card-icon{background:#f43f5e26}.stat-card.sky .stat-card-icon{background:#0ea5e926}.stat-card.violet .stat-card-icon{background:#8b5cf626}.stat-card-label{font-size:.8rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-card-value{font-size:1.8rem;font-weight:800;letter-spacing:-1px;margin-bottom:var(--space-1)}.stat-card.primary .stat-card-value{color:var(--primary-400)}.stat-card.emerald .stat-card-value{color:var(--accent-emerald)}.stat-card.amber .stat-card-value{color:var(--accent-amber)}.stat-card.rose .stat-card-value{color:var(--accent-rose)}.stat-card.sky .stat-card-value{color:var(--accent-sky)}.stat-card.violet .stat-card-value{color:var(--accent-violet)}.stat-card-trend{font-size:.78rem;color:var(--text-muted)}.stat-card-trend .up{color:var(--accent-emerald)}.stat-card-trend .down{color:var(--accent-rose)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-5);margin-bottom:var(--space-6)}.chart-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);border:1px solid var(--border-light)}.chart-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.chart-card-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.chart-card canvas{width:100%!important;max-height:280px}.table-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden;margin-bottom:var(--space-6)}.table-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:var(--space-3)}.table-card-title{font-size:1.05rem;font-weight:600}.table-actions{display:flex;gap:var(--space-3);align-items:center}.search-input{padding:var(--space-2) var(--space-4);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);font-size:.85rem;outline:none;min-width:200px;transition:border-color var(--transition-fast)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--primary-500)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:800px}thead th{padding:var(--space-3) var(--space-4);text-align:left;font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#0003;border-bottom:1px solid var(--border-light);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}thead th:hover{color:var(--text-primary)}thead th.sorted-asc:after{content:" ▲";font-size:.65rem}thead th.sorted-desc:after{content:" ▼";font-size:.65rem}tbody tr{border-bottom:1px solid var(--border-light);transition:background var(--transition-fast)}tbody tr:hover{background:#6366f10a}tbody td{padding:var(--space-3) var(--space-4);font-size:.88rem;color:var(--text-secondary);white-space:nowrap}tbody td.amount{font-variant-numeric:tabular-nums;font-weight:500;color:var(--text-primary)}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);border-top:1px solid var(--border-light);font-size:.82rem;color:var(--text-muted)}.pagination{display:flex;gap:var(--space-1)}.pagination button{padding:var(--space-1) var(--space-3);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-family);font-size:.82rem;transition:all var(--transition-fast)}.pagination button:hover:not(:disabled){background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.pagination button.active{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:2px var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.3px}.badge.paid,.badge.active{background:#10b98126;color:var(--accent-emerald)}.badge.pending{background:#f59e0b26;color:var(--accent-amber)}.badge.overdue,.badge.unpaid{background:#f43f5e26;color:var(--accent-rose)}.badge.partial{background:#8b5cf626;color:var(--accent-violet)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:.85rem;font-weight:500;border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-500));color:#fff;box-shadow:0 2px 8px #6366f14d}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-500),var(--primary-400));transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--primary-500);background:#6366f114}.btn-danger{background:#f43f5e26;color:var(--accent-rose)}.btn-danger:hover{background:#f43f5e40}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.8rem}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:none;align-items:center;justify-content:center;padding:var(--space-5);animation:fadeIn var(--transition-fast)}.modal-overlay.active{display:flex}.modal{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);width:100%;max-width:560px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-base)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light)}.modal-header h2{font-size:1.1rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:var(--space-1);line-height:1;transition:color var(--transition-fast)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:var(--space-5) var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:var(--space-3)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:.82rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);font-size:.9rem;outline:none;transition:border-color var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f126}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:2000;display:flex;flex-direction:column;gap:var(--space-3)}.toast{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);border:1px solid var(--border-light);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-3);min-width:280px;animation:slideInRight var(--transition-base);font-size:.88rem}.toast.success{border-left:3px solid var(--accent-emerald)}.toast.error{border-left:3px solid var(--accent-rose)}.toast.info{border-left:3px solid var(--accent-sky)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-3)}.section-title{font-size:1.15rem;font-weight:700;letter-spacing:-.3px}.section-subtitle{font-size:.85rem;color:var(--text-muted);margin-top:var(--space-1)}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.contact-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);border:1px solid var(--border-light);transition:all var(--transition-base)}.contact-card:hover{border-color:#6366f133;transform:translateY(-2px);box-shadow:var(--shadow-glow)}.contact-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.contact-avatar{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff}.contact-avatar.worker{background:linear-gradient(135deg,var(--primary-600),var(--accent-violet))}.contact-avatar.landlord{background:linear-gradient(135deg,var(--accent-amber),#ef4444)}.contact-name{font-weight:600;font-size:1rem}.contact-role{font-size:.8rem;color:var(--text-muted)}.contact-details{display:flex;flex-direction:column;gap:var(--space-2)}.contact-detail{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--text-secondary)}.contact-detail-icon{font-size:.9rem;width:20px;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-state-icon{font-size:3.5rem;margin-bottom:var(--space-4);opacity:.6}.empty-state-title{font-size:1.15rem;font-weight:600;margin-bottom:var(--space-2)}.empty-state-desc{color:var(--text-muted);font-size:.9rem;max-width:400px}.cashflow-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.cashflow-item{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--border-light);text-align:center}.cashflow-item-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.cashflow-item-value{font-size:1.4rem;font-weight:800;letter-spacing:-.5px}.cashflow-item-value.positive{color:var(--accent-emerald)}.cashflow-item-value.negative{color:var(--accent-rose)}.cashflow-item-value.neutral{color:var(--accent-sky)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-in{animation:fadeInUp .4s ease forwards;opacity:0}.animate-in:nth-child(1){animation-delay:.05s}.animate-in:nth-child(2){animation-delay:.1s}.animate-in:nth-child(3){animation-delay:.15s}.animate-in:nth-child(4){animation-delay:.2s}.animate-in:nth-child(5){animation-delay:.25s}.animate-in:nth-child(6){animation-delay:.3s}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;height:100%;transform:translate(-100%);z-index:2000;transition:transform var(--transition-base)}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-lg)}.sidebar-nav{padding-bottom:var(--space-4)}.menu-toggle{display:flex}.top-header{padding:var(--space-3) var(--space-4);position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000001a}.page-title{font-size:1.15rem}.header-controls{order:2}.header-filters{width:100%;order:3;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2)}.filter-select{flex:1;font-size:.75rem;padding:var(--space-2)}.stats-grid{grid-template-columns:1fr 1fr;gap:var(--space-3)}.stat-card{padding:var(--space-4)}.stat-card-value{font-size:1.5rem}.charts-grid{grid-template-columns:1fr}.table-card-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.table-actions{flex-direction:column;width:100%}.search-input{width:100%}.btn{width:100%;justify-content:center}.page-content{padding:var(--space-4);padding-bottom:var(--space-12);overflow-y:auto;-webkit-overflow-scrolling:touch}.form-row{grid-template-columns:1fr}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card-value{font-size:1.4rem}.contacts-grid{grid-template-columns:1fr}}.recon-list,.entry-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.recon-card,.entry-card{display:flex;flex-direction:column;border-left:4px solid var(--primary-500)!important}.recon-card-header,.entry-card-header{padding:var(--space-4);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background:#ffffff05}.recon-machine-id{font-weight:700;font-size:1.1rem;color:var(--primary-400)}.recon-date{margin-left:var(--space-3);color:var(--text-muted)}.recon-card-body,.entry-card-body{padding:var(--space-4);flex:1}.recon-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.recon-stat{padding:var(--space-3);background:#ffffff0a;border-radius:var(--radius-md);text-align:center}.recon-stat label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:4px}.recon-stat strong{font-weight:700;display:block}.recon-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);background:#00000005;padding:var(--space-4);border-radius:var(--radius-md)}.recon-diff{display:flex;align-items:center}.preview-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3);margin-top:var(--space-3)}.preview-stat{padding:var(--space-2);background:#ffffff0a;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-sm);text-align:center}.preview-stat .label{display:block;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:2px}.preview-stat .value{display:block;font-weight:700;font-size:.85rem}.preview-stat.highlight .value{color:var(--primary-400)}.branch-tag{display:inline-block;padding:2px 8px;background:var(--primary-900);color:var(--primary-200);border-radius:var(--radius-full);font-size:.7rem;font-weight:600;margin-left:8px}.last-meter{font-size:.8rem;color:var(--text-muted)}.last-meter strong{color:var(--text-primary);margin-left:4px}.recon-card-footer{padding:var(--space-4);display:flex;justify-content:flex-end;gap:var(--space-3);background:#ffffff05;border-top:1px solid var(--border-light)}.receipt-container{padding:var(--space-6);background:#fff;color:#1a1a1a;border-radius:var(--radius-sm);font-family:Inter,system-ui,sans-serif;max-width:400px;margin:0 auto;box-shadow:0 0 0 1px #eee}.receipt-header{text-align:center;border-bottom:2px dashed #e2e8f0;padding-bottom:var(--space-4);margin-bottom:var(--space-5)}.receipt-header h2{margin:0;font-size:1.25rem;font-weight:800;letter-spacing:-.5px;color:#0f172a}.receipt-header p{font-size:.75rem;margin-top:4px;color:#64748b;text-transform:uppercase;letter-spacing:1px}.receipt-body{font-size:.9rem}.receipt-row{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.receipt-row.highlight{font-weight:700;color:#0f172a}.receipt-row.total{font-size:1.15rem;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid #f1f5f9}.receipt-divider{border-top:1px dashed #e2e8f0;margin:var(--space-4) 0}.receipt-notes{margin-top:var(--space-5);font-size:.8rem;font-style:italic;color:#64748b;background:#f8fafc;padding:var(--space-3);border-radius:var(--radius-sm)}.receipt-signatures{margin-top:var(--space-10);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.signature-line{text-align:center}.signature-line .line{border-bottom:1px solid #cbd5e1;margin-bottom:var(--space-2)}.signature-line span{font-size:.7rem;color:#94a3b8;text-transform:uppercase}@media print{body>*:not(#modal-overlay){display:none!important}#modal-overlay{position:static;display:block!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important}#modal{box-shadow:none!important;border:none!important;max-height:none!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important}#modal-header,#modal-footer{display:none!important}#modal-body{padding:0!important}.receipt-container{box-shadow:none!important;width:100%!important;max-width:100%!important;margin:0!important}}#login-page{position:fixed;inset:0;background:radial-gradient(circle at center,var(--bg-secondary),var(--bg-primary));display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:1000}.login-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:var(--space-10) var(--space-8);width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-base)}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-header .logo{font-size:3rem;margin-bottom:var(--space-4);display:block}.login-header h1{font-size:1.8rem;font-weight:800;margin-bottom:var(--space-2);letter-spacing:-.5px}.login-header p{color:var(--text-muted);font-size:.95rem}.login-btn{width:100%;justify-content:center;padding:var(--space-3)!important;font-size:1rem!important;margin-top:var(--space-4)}.login-error{margin-top:var(--space-4);color:var(--accent-rose);font-size:.85rem;text-align:center;min-height:1.2rem}.demo-credentials{border-top:1px dashed var(--border-color)}.demo-credentials h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:var(--space-4);text-align:center}.demo-grid{display:flex;flex-direction:column;gap:var(--space-2)}.demo-item{background:var(--bg-input);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.78rem;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-color);color:var(--text-secondary)}.demo-item:hover{border-color:var(--primary-500);background:#6366f114;color:var(--text-primary)}.demo-item strong{color:var(--primary-400);margin-right:4px}.demo-hint{font-size:.7rem;color:var(--text-muted);text-align:center;margin-top:var(--space-2)}.tenant-selector-item.active{background:#6366f114!important;border-left:4px solid var(--primary-500)!important;color:var(--text-primary)!important}.tenant-selector-item:hover{background:var(--bg-hover)}.empty-state{padding:80px;text-align:center;color:var(--text-muted);font-size:1.1rem}.notification-toggle{position:relative;background:var(--bg-card);border:1px solid var(--border-color);width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.notification-toggle:hover{background:var(--bg-input);transform:translateY(-2px);border-color:var(--primary-500)}.notification-badge{position:absolute;top:-6px;right:-6px;background:var(--accent-rose);color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-header);display:none}.notification-badge.active{display:flex}.notifications-dropdown{position:absolute;top:calc(100% + 12px);right:-80px;width:320px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);z-index:1100;opacity:0;transform:translateY(10px);pointer-events:none;transition:all var(--transition-fast);overflow:hidden}.notifications-dropdown.active{opacity:1;transform:translateY(0);pointer-events:auto}.notif-header{padding:var(--space-4);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.notif-header h3{font-size:.95rem;font-weight:600}.notif-content{max-height:400px;overflow-y:auto}.notif-item{padding:var(--space-4);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast);display:flex;gap:var(--space-3)}.notif-item:hover{background:var(--bg-input)}.notif-item.unread{background:#6366f10a}.notif-type-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem}.notif-type-Info{background:#3b82f626;color:#3b82f6}.notif-type-Warning{background:#f59e0b26;color:#f59e0b}.notif-type-Danger{background:#f43f5e26;color:#f43f5e}.notif-type-Success{background:#10b98126;color:#10b981}.notif-body{flex:1}.notif-title{display:block;font-size:.85rem;font-weight:600;margin-bottom:2px}.notif-message{display:block;font-size:.8rem;color:var(--text-muted);line-height:1.4}.notif-time{display:block;font-size:.7rem;color:var(--text-muted);margin-top:4px}.notif-empty{padding:var(--space-8);text-align:center;color:var(--text-muted);font-size:.85rem}.loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}@media print{.sidebar,.top-header,.no-print,.header-actions{display:none!important}.main-content{margin-left:0!important;padding:0!important}body{background:#fff!important;color:#000!important}.table-card{box-shadow:none!important;border:1px solid #ddd!important;background:#fff!important;color:#000!important}.table-card td,.table-card th{color:#000!important;border-color:#eee!important}.section-title{color:#000!important;font-size:24pt!important}.section-subtitle{color:#444!important}.stats-grid{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.stat-card{flex:1!important;border:1px solid #eee!important;box-shadow:none!important;color:#000!important;background:#f9f9f9!important}.stat-card-value{color:#6366f1!important}.amount{font-family:Courier New,monospace!important}.print-only,.print-detailed-reports{display:block!important}.branch-report-page{page-break-after:always;padding:40px;background:#fff;color:#1a1a1a;border:1px solid #eee;margin-bottom:20px}.report-header{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #6366f1;padding-bottom:20px;margin-bottom:30px}.report-logo{font-size:24px;font-weight:800;color:#6366f1}.report-meta h3{margin:0;font-size:14px;color:#6366f1;letter-spacing:1px}.report-branch-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.report-branch-title h2{font-size:32px;margin:0}.report-tag{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:700}.status-positive{background:#dcfce7;color:#166534}.status-negative{background:#fee2e2;color:#991b1b}.report-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:50px}.r-metric{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.r-metric.highlight{background:#f1f5f9;border-color:#6366f1}.r-metric label{display:block;font-size:10px;color:#64748b;margin-bottom:8px;font-weight:600}.r-metric .v{font-size:18px;font-weight:700}.report-table-section h4{margin-bottom:15px;font-size:16px;border-left:4px solid #6366f1;padding-left:10px}.report-table-section table{width:100%;border-collapse:collapse}.report-table-section th{background:#f1f5f9;padding:12px;text-align:left;font-size:12px}.report-table-section td{padding:12px;border-bottom:1px solid #e2e8f0;font-size:13px}.report-table-section tfoot td{background:#f8fafc;border-top:2px solid #6366f1}.report-footer{margin-top:100px;display:flex;justify-content:space-between;padding-top:20px}.footer-sign{width:250px;text-align:center}.sign-line{border-top:1px solid #1a1a1a;margin-bottom:10px}.footer-sign p{font-size:11px;color:#64748b}}.print-detailed-reports{display:none}.notification-container{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.notification-card{display:flex;gap:20px;padding:20px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);position:relative;transition:all var(--transition-base)}.notification-card.unread{background:#6366f10d;border-left:4px solid var(--primary-500)}.notification-card:hover{transform:translate(5px);background:var(--bg-card-hover);box-shadow:var(--shadow-md)}.notification-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.notification-body{flex:1}.notification-header{display:flex;justify-content:space-between;margin-bottom:5px}.notification-title{font-weight:700;color:var(--text-primary)}.notification-time{font-size:.8rem;color:var(--text-muted)}.notification-message{color:var(--text-secondary);font-size:.95rem}.unread-dot{width:10px;height:10px;background:var(--primary-500);border-radius:50%;box-shadow:0 0 10px var(--primary-500)}.audit-logs-page{animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.avatar-sm{width:32px;height:32px;border-radius:var(--radius-full);background:var(--primary-600);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;box-shadow:var(--shadow-sm)}.action-badge{padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.action-badge.success{background:#10b98126;color:var(--accent-emerald)}.action-badge.danger{background:#f43f5e26;color:var(--accent-rose)}.action-badge.info{background:#0ea5e926;color:var(--accent-sky)}.action-badge.warning{background:#f59e0b26;color:var(--accent-amber)}.json-view-container{background:#0d1117;padding:20px;border-radius:var(--radius-md);border:1px solid #30363d;font-family:" Fira Code \, \Monaco\, monospace;
font-size: .9rem;line-height:1.6;max-height:450px;overflow-y:auto}.json-key{color:#7ee787}.json-string{color:#a5d6ff}.json-number{color:#f2cc60}.json-boolean{color:#ff7b72}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--bg-card);border-radius:var(--radius-xl);border:2px dashed var(--border-light);text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.3}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header-text h2{font-size:1.8rem;font-weight:800;margin-bottom:5px}�.�f�o�r�m�-�h�e�l�p� �{� � � �c�o�l�o�r�:� �v�a�r�(�-�-�p�r�i�m�a�r�y�-�4�0�0�)� �!�i�m�p�o�r�t�a�n�t�;� � � �f�o�n�t�-�s�i�z�e�:� �0�.�8�r�e�m�;� � � �f�o�n�t�-�s�t�y�l�e�:� �i�t�a�l�i�c�;� � � �m�a�r�g�i�n�-�t�o�p�:� �4�p�x�;� � � �d�i�s�p�l�a�y�:� �b�l�o�c�k�;� �}� � � .form-help{color:var(--primary-400)!important;font-size:.8rem;font-style:italic;margin-top:4px;display:block}.form-help{color:var(--primary-400)!important;font-size:.82rem;font-style:italic;margin-top:6px;display:block;opacity:1!important}.form-description{color:#6366f1!important;font-size:.8rem!important;font-style:italic!important;margin-top:5px!important;display:block!important}.entry-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:24px}.entry-card{display:flex;flex-direction:column;border:1px solid var(--border-light)!important;transition:transform .3s ease,box-shadow .3s ease}.entry-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.entry-card-header{padding:20px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.entry-card-body{padding:24px;flex:1}.entry-card-footer{padding:20px;background:#6366f108;border-top:1px solid var(--border-light)}.machine-id{font-size:1.25rem;font-weight:800;color:var(--primary-400)}.branch-tag{font-size:.75rem;background:var(--bg-secondary);padding:4px 10px;border-radius:var(--radius-sm);margin-left:8px;color:var(--text-muted)}.calculation-preview{margin-top:20px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-md);min-height:80px}.preview-stats{display:flex;justify-content:space-between;gap:15px}.preview-stat{display:flex;flex-direction:column}.preview-stat .label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.preview-stat .value{font-weight:700;font-size:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}