@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.pwa-toast{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:320px}.pwa-prompt,.pwa-offline,.pwa-update{background:#1e293b;color:#f8fafc;padding:16px;border-radius:8px;box-shadow:0 4px 12px #0000004d;font-family:system-ui,-apple-system,sans-serif;font-size:14px}.pwa-prompt p,.pwa-offline p,.pwa-update p{margin:0 0 12px}.pwa-actions{display:flex;gap:8px;justify-content:flex-end}.pwa-actions button,.pwa-offline button,.pwa-update button{padding:6px 14px;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.pwa-actions button:first-child,.pwa-update button{background:#2563eb;color:#fff}.pwa-actions button:last-child,.pwa-offline button{background:#475569;color:#f8fafc}.pwa-actions button:hover,.pwa-offline button:hover,.pwa-update button:hover{opacity:.9}.sidebar{width:var(--sidebar-width);height:100vh;background-color:var(--color-sidebar);color:var(--color-white);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;transition:transform .3s ease,width .3s ease}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-sidebar-hover)}.sidebar-logo{width:2.25rem;height:2.25rem;background:linear-gradient(135deg,var(--color-primary),#60a5fa);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.sidebar-title{display:flex;flex-direction:column;white-space:nowrap}.sidebar-title-main{font-size:1rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.sidebar-title-sub{font-size:.6875rem;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.5rem;color:var(--color-gray-300);font-size:.875rem;font-weight:500;transition:all .15s;border-left:3px solid transparent;white-space:nowrap}.sidebar-link:hover{background-color:var(--color-sidebar-hover);color:var(--color-white)}.sidebar-link-active{background-color:var(--color-sidebar-hover);color:var(--color-white);border-left-color:var(--color-sidebar-active)}.sidebar-link-icon{font-size:1rem;width:1.5rem;text-align:center;flex-shrink:0}.sidebar-link-label{white-space:nowrap}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-sidebar-hover)}.sidebar-logout{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;border:none;border-radius:var(--radius);background-color:transparent;color:var(--color-gray-300);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;margin-bottom:.75rem}.sidebar-logout:hover{background-color:var(--color-sidebar-hover);color:var(--color-white)}.sidebar-logout-icon{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logout-label{white-space:nowrap}.sidebar-copyright{font-size:.75rem;color:var(--color-gray-500);white-space:nowrap}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar-open{transform:translate(0)}}@media (min-width: 1025px){.sidebar-collapsed{width:var(--sidebar-collapsed-width)}.sidebar-collapsed .sidebar-brand{padding:1.25rem .75rem;justify-content:center}.sidebar-collapsed .sidebar-title{display:none}.sidebar-collapsed .sidebar-link{padding:.625rem 0;justify-content:center;border-left:3px solid transparent}.sidebar-collapsed .sidebar-link-icon{width:auto;font-size:1.25rem}.sidebar-collapsed .sidebar-link-label,.sidebar-collapsed .sidebar-footer{display:none}}.header{height:var(--header-height);background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;position:sticky;top:0;z-index:50}.header-left{display:flex;align-items:center;gap:.75rem;min-width:0}.header-menu-btn{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--color-gray-600);font-size:1.25rem;transition:all .15s;flex-shrink:0}.header-menu-btn:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.header-page-title{font-size:1.125rem;font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right,.header-user{display:flex;align-items:center;gap:.5rem}.header-avatar{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#60a5fa);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.header-user-info{display:flex;flex-direction:column}.header-user-name{font-size:.875rem;font-weight:600;color:var(--color-gray-900);line-height:1.2}.header-user-role{font-size:.75rem;color:var(--color-gray-500);line-height:1.2}@media (max-width: 640px){.header{padding:0 .75rem}.header-user-info{display:none}.header-page-title{font-size:1rem}.header-right{gap:.25rem}.header-menu-btn{width:2.5rem;height:2.5rem}}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1.25}.badge-sm{padding:.0625rem .5rem;font-size:.6875rem}.badge-md{padding:.125rem .625rem;font-size:.75rem}.badge-default{background-color:var(--color-gray-100);color:var(--color-gray-700)}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.badge-success{background-color:var(--color-success-light);color:#15803d}.badge-warning{background-color:var(--color-warning-light);color:#92400e}.badge-danger{background-color:var(--color-danger-light);color:#991b1b}.badge-info{background-color:var(--color-info-light);color:#0e7490}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;border-radius:var(--radius);transition:all .2s;white-space:nowrap}@media (max-width: 640px){.btn-sm{padding:.375rem .75rem;font-size:.875rem}.btn-md{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn-sm{padding:.375rem .625rem;font-size:.8125rem}.btn-md{padding:.5rem .875rem;font-size:.8125rem}.btn-lg{padding:.625rem 1.25rem;font-size:.9375rem}}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(.btn-disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-secondary:hover:not(.btn-disabled){background-color:var(--color-gray-50)}.btn-success{background-color:var(--color-success);color:var(--color-white)}.btn-success:hover:not(.btn-disabled){background-color:#15803d}.btn-danger{background-color:var(--color-danger);color:var(--color-white)}.btn-danger:hover:not(.btn-disabled){background-color:#b91c1c}.btn-warning{background-color:var(--color-warning);color:var(--color-white)}.btn-warning:hover:not(.btn-disabled){background-color:#b45309}.btn-disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.input-group{display:flex;flex-direction:column;gap:.375rem}.input-label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.input{padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:var(--radius);font-size:.875rem;color:var(--color-gray-900);background-color:var(--color-white);transition:border-color .2s,box-shadow .2s}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input::placeholder{color:var(--color-gray-400)}.input-error{border-color:var(--color-danger)}.input-error:focus{box-shadow:0 0 0 3px var(--color-danger-light)}.input-error-text{font-size:.75rem;color:var(--color-danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-gray-200)}.modal-title{font-size:1.125rem;font-weight:600;color:var(--color-gray-900)}.modal-close{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--color-gray-400);font-size:1.125rem}.modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-600)}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}@media (max-width: 640px){.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:100vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-header{padding:.875rem 1rem}.modal-title{font-size:1rem}.modal-body{padding:.875rem 1rem}.modal-footer{padding:.625rem 1rem;flex-direction:column-reverse;gap:.5rem}.modal-footer .btn{width:100%}}.approval-bell-container{position:relative}.approval-bell-btn{position:relative;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--color-gray-500);font-size:1.25rem;transition:all .15s;background:none;border:none;cursor:pointer}.approval-bell-btn:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.approval-bell-badge{position:absolute;top:-2px;right:-2px;min-width:1.125rem;height:1.125rem;padding:0 .25rem;border-radius:9999px;background-color:var(--color-danger);color:#fff;font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-white);line-height:1}.approval-bell-badge-notif{background-color:var(--color-primary)}.approval-bell-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:min(360px,calc(100vw - 2rem));max-width:100vw;max-height:70vh;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;display:flex;flex-direction:column;overflow:hidden;animation:approvalBellFadeIn .15s ease;overscroll-behavior:contain}@keyframes approvalBellFadeIn{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}.approval-bell-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-bottom:1px solid var(--color-gray-200)}.approval-bell-header h3{font-size:.875rem;font-weight:600;color:var(--color-gray-900);margin:0}.approval-bell-clear-all{font-size:.75rem;font-weight:500;color:var(--color-primary);background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);line-height:1}.approval-bell-clear-all:hover{background-color:var(--color-primary-light);color:#1d4ed8}.approval-bell-notifications{padding:.5rem .75rem;border-bottom:1px solid var(--color-gray-100);background-color:#f0f9ff}.approval-bell-notification-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem;border-radius:var(--radius);background:none;border:none;cursor:pointer;text-align:left;font-size:.8125rem;color:var(--color-gray-700);transition:background-color .15s;position:relative}.approval-bell-notification-item:hover{background-color:#e0f2fe}.approval-bell-notification-item:not(:last-child){margin-bottom:.25rem}.approval-bell-notification-icon{font-size:1rem;flex-shrink:0}.approval-bell-notification-text{flex:1;line-height:1.4}.approval-bell-notification-dismiss{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:9999px;font-size:.875rem;line-height:1;color:var(--color-gray-400);background:none;border:none;cursor:pointer;flex-shrink:0;padding:0}.approval-bell-notification-dismiss:hover{background-color:var(--color-gray-200);color:var(--color-gray-600)}.approval-bell-list{overflow-y:auto;max-height:320px}.approval-bell-empty{padding:2rem 1rem;text-align:center;font-size:.875rem;color:var(--color-gray-500)}.approval-bell-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-gray-100);transition:background-color .15s;cursor:default}.approval-bell-item:last-child{border-bottom:none}.approval-bell-item:hover{background-color:var(--color-gray-50)}.approval-bell-item-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);border-radius:var(--radius);font-size:1rem;flex-shrink:0}.approval-bell-item-info{flex:1;min-width:0}.approval-bell-item-ref{font-size:.8125rem;font-weight:600;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approval-bell-item-meta{display:flex;align-items:center;gap:.5rem;margin-top:.125rem}.approval-bell-item-type{font-size:.75rem;color:var(--color-gray-500)}.approval-bell-item-date{font-size:.75rem;color:var(--color-gray-400)}.approval-bell-status{font-size:.6875rem;font-weight:600;text-transform:capitalize;padding:.125rem .5rem;border-radius:9999px;flex-shrink:0}.approval-bell-status-pending,.approval-bell-status-pending_closure,.approval-bell-status-pending_reopen{background-color:var(--color-warning-light);color:#92400e}.approval-bell-status-approved{background-color:var(--color-success-light);color:#15803d}.approval-bell-status-rejected{background-color:var(--color-danger-light);color:#991b1b}.approval-bell-footer{padding:.75rem 1rem;border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.approval-bell-view-all{width:100%;padding:.5rem;border-radius:var(--radius);font-size:.8125rem;font-weight:500;color:var(--color-primary);background-color:var(--color-primary-light);border:none;cursor:pointer;transition:all .15s}.approval-bell-view-all:hover{background-color:#bfdbfe}@media (max-width: 640px){.approval-bell-dropdown{width:calc(100vw - 2.5rem);max-width:calc(100vw - 2.5rem);right:-.75rem;max-height:55vh;border-radius:var(--radius-md)}.approval-bell-header{padding:.625rem .75rem}.approval-bell-header h3{font-size:.8125rem}.approval-bell-list{max-height:220px}.approval-bell-item{padding:.625rem .75rem;gap:.5rem}.approval-bell-item-icon{width:1.5rem;height:1.5rem;font-size:.8125rem}.approval-bell-item-ref{font-size:.75rem}.approval-bell-item-type,.approval-bell-item-date{font-size:.6875rem}.approval-bell-status{font-size:.625rem;padding:.0625rem .375rem}.approval-bell-footer{padding:.5rem .75rem}.approval-bell-view-all{font-size:.75rem;padding:.375rem}}.approval-bell-details{display:flex;flex-direction:column;gap:.875rem}.approval-bell-detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.875rem;border-bottom:1px solid var(--color-gray-100)}.approval-bell-detail-row:last-child{border-bottom:none;padding-bottom:0}.approval-bell-detail-label{font-size:.8125rem;color:var(--color-gray-500);font-weight:500;min-width:100px;flex-shrink:0}.approval-bell-detail-value{font-size:.8125rem;color:var(--color-gray-900);font-weight:500;text-align:right;word-break:break-word}.approval-bell-detail-rejection{background-color:var(--color-danger-light);padding:.75rem;border-radius:var(--radius);border:1px solid #fecaca}.approval-bell-rejection-text{color:#991b1b}.approval-bell-reject-info{font-size:.875rem;color:var(--color-gray-600);margin-bottom:1.25rem;line-height:1.5}.approval-bell-reject-info strong{color:var(--color-gray-900)}.approval-bell-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-gray-200)}@media (max-width: 640px){.approval-bell-modal-actions{flex-direction:column-reverse}.approval-bell-modal-actions .btn{width:100%}.approval-bell-detail-row{flex-direction:column;gap:.25rem}.approval-bell-detail-value{text-align:left}}.tenant-switcher{position:relative}.tenant-switcher-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;color:#1f2937}.tenant-switcher-btn:hover{background:#e5e7eb}.tenant-switcher-icon{font-size:16px}.tenant-switcher-name{font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-switcher-arrow{font-size:10px;color:#6b7280}.tenant-switcher-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;min-width:200px;z-index:50}.tenant-switcher-header{padding:8px 12px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;border-bottom:1px solid #e5e7eb}.tenant-switcher-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:none;border:none;cursor:pointer;font-size:14px;color:#1f2937;text-align:left}.tenant-switcher-option:hover{background:#f3f4f6}.tenant-switcher-option.active{background:#eff6ff;color:#2563eb}.tenant-switcher-option-name{font-weight:500}.tenant-switcher-status{font-size:11px;padding:2px 6px;border-radius:4px;text-transform:capitalize}.tenant-switcher-status.active{background:#dcfce7;color:#16a34a}.tenant-switcher-status.pending{background:#fef3c7;color:#d97706}.tenant-switcher-status.suspended,.tenant-switcher-status.expired{background:#fee2e2;color:#dc2626}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background-color:var(--color-white);border-top:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-around;padding-bottom:var(--safe-area-bottom);z-index:90;box-shadow:0 -2px 8px #0000000f}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;flex:1;height:var(--bottom-nav-height);color:var(--color-gray-400);font-size:.625rem;font-weight:500;transition:color .15s;background:none;border:none;cursor:pointer;padding:.25rem;min-width:var(--touch-target);min-height:var(--touch-target)}.bottom-nav-item:hover{color:var(--color-gray-600)}.bottom-nav-item-active{color:var(--color-primary)}.bottom-nav-icon{font-size:1.25rem;line-height:1}.bottom-nav-label{line-height:1}@media (min-width: 769px){.bottom-nav{display:none}}.layout{display:flex;min-height:100vh}.layout-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-width:0;transition:margin-left .3s ease}.layout-main-collapsed{margin-left:var(--sidebar-collapsed-width)}.layout-content{flex:1;padding:var(--content-padding);overflow-y:auto;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--content-padding))}.sidebar-overlay{display:none}@media (max-width: 1024px){.layout-main{margin-left:0}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}}@media (max-width: 768px){.layout-content{padding:var(--content-padding);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--content-padding))}}@media (min-width: 1025px){.layout-main-collapsed{margin-left:var(--sidebar-collapsed-width)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#2563eb);padding:var(--space-md)}.login-card{width:100%;max-width:420px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-lg)}.login-header{text-align:center;margin-bottom:var(--space-lg)}.login-logo{width:3.5rem;height:3.5rem;background:linear-gradient(135deg,var(--color-primary),#60a5fa);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-2xl);margin:0 auto var(--space-md)}.login-header h1{font-size:var(--font-xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-xs)}.login-header p{font-size:var(--font-sm);color:var(--color-gray-500)}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.login-field{display:flex;flex-direction:column;gap:var(--space-xs)}.login-field label{font-size:var(--font-sm);font-weight:500;color:var(--color-gray-700)}.login-field input{padding:.625rem .875rem;border:1px solid var(--color-gray-300);border-radius:var(--radius);font-size:var(--font-base);color:var(--color-gray-900);transition:border-color .2s,box-shadow .2s}.login-field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.login-password-wrap{position:relative}.login-password-wrap input{padding-right:2.75rem}.login-password-toggle{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:var(--font-md);line-height:1;padding:.25rem;color:var(--color-gray-500)}.login-password-toggle:hover{color:var(--color-gray-700)}.login-error{font-size:var(--font-sm);color:var(--color-danger);background-color:var(--color-danger-light);padding:var(--space-sm) var(--space-md);border-radius:var(--radius);border:1px solid #fecaca}.login-btn{padding:var(--space-sm) var(--space-md);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius);font-size:var(--font-md);font-weight:600;transition:background-color .2s;margin-top:var(--space-xs);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm)}.login-btn:hover:not(:disabled){background-color:var(--color-primary-dark)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.login-divider{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-md) 0;color:var(--color-gray-400);font-size:var(--font-sm)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background-color:var(--color-gray-200)}.login-google{display:flex;justify-content:center}.login-google>div{width:100%}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.login-card{padding:var(--space-md)}.login-header{margin-bottom:var(--space-md)}.login-header h1{font-size:var(--font-lg)}.login-header p{font-size:var(--font-xs)}.login-logo{width:2.5rem;height:2.5rem;font-size:var(--font-xl);margin-bottom:var(--space-sm)}.login-form{gap:var(--space-sm)}.login-field label{font-size:var(--font-xs)}.login-field input{padding:var(--space-sm) var(--space-md);font-size:var(--font-xs)}.login-btn{padding:var(--space-sm);font-size:var(--font-sm);margin-top:var(--space-xs)}.login-error{font-size:var(--font-xs);padding:var(--space-xs) var(--space-sm)}}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--color-gray-200);overflow:hidden}.card-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-gray-200);gap:var(--space-md)}.card-title{font-size:var(--font-md);font-weight:600;color:var(--color-gray-900)}.card-subtitle{font-size:var(--font-sm);color:var(--color-gray-500);margin-top:var(--space-xs)}.card-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-end}.card-body{padding:var(--space-lg)}.card-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}@media (max-width: 640px){.card-header{flex-direction:column;padding:var(--space-md);gap:var(--space-sm)}.card-actions{width:100%;gap:var(--space-xs)}.card-body{padding:var(--space-md)}.card-footer{padding:var(--space-sm) var(--space-md)}.card-title{font-size:var(--font-base)}.card-subtitle{font-size:var(--font-xs)}}.table-container{overflow-x:auto;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white)}.table{width:100%;border-collapse:collapse}.table-th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);white-space:nowrap}.table-td{padding:.875rem 1rem;font-size:.875rem;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100);white-space:nowrap}.table-row:last-child .table-td{border-bottom:none}.table-row:hover .table-td{background-color:var(--color-gray-50)}.table-empty{padding:2rem;text-align:center;color:var(--color-gray-400);font-size:.875rem}.table-cards{display:none}.table-cards-empty{padding:2rem;text-align:center;color:var(--color-gray-400);font-size:.875rem}.table-card{padding:1rem;border-bottom:1px solid var(--color-gray-100)}.table-card:last-child{border-bottom:none}.table-card-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.5rem 0}.table-card-label{font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.table-card-value{font-size:.875rem;color:var(--color-gray-900);font-weight:500;text-align:right;word-break:break-word}@media (max-width: 768px){.table-container-card-mobile .table{display:none}.table-container-card-mobile .table-cards{display:block}.table-container-card-mobile{overflow-x:visible;border:none;background:transparent;border-radius:0}.table-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);margin-bottom:.625rem;box-shadow:var(--shadow-sm);padding:.875rem}.table-card:last-child{margin-bottom:0}.table-card-row{padding:.375rem 0;gap:.625rem}.table-card-label{font-size:.6875rem}.table-card-value{font-size:.8125rem}.table-cards-empty{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);padding:1.5rem}}.dashboard{max-width:1200px;margin:0 auto}.page-header{margin-bottom:var(--space-lg)}.page-title{font-size:var(--font-xl);font-weight:700;color:var(--color-gray-900)}.page-subtitle{font-size:var(--font-sm);color:var(--color-gray-500);margin-top:var(--space-xs)}.filter-bar{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.filter-group{display:flex;gap:var(--space-sm);flex-wrap:wrap}.filter-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius);font-size:var(--font-sm);font-weight:500;color:var(--color-gray-600);background-color:var(--color-white);border:1px solid var(--color-gray-300);transition:all .15s}.filter-btn:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.filter-btn-active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.filter-btn-active:hover{background-color:var(--color-primary-dark)}.filter-dates{display:flex;align-items:center;gap:var(--space-sm)}.filter-date-input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius);font-size:var(--font-sm);color:var(--color-gray-900);background-color:var(--color-white)}.filter-date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.filter-date-sep{font-size:var(--font-sm);color:var(--color-gray-500)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.stat-card .card-body{padding:var(--space-md)}.stat-value{font-size:var(--font-lg);font-weight:700;color:var(--color-gray-900)}.stat-card.text-success .stat-value{color:var(--color-success)}.stat-card.text-danger .stat-value{color:var(--color-danger)}.stat-card.text-muted .stat-value{color:var(--color-gray-500)}.mt-6{margin-top:var(--space-lg)}.pl-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.pl-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0}.pl-label{font-size:var(--font-sm);color:var(--color-gray-600)}.pl-value{font-size:var(--font-md);font-weight:600;color:var(--color-gray-900);font-variant-numeric:tabular-nums}.pl-sales{color:#166534}.pl-purchases{color:#991b1b}.pl-expenses{color:#92400e}.pl-divider{height:1px;background-color:var(--color-gray-200);margin:var(--space-xs) 0}.pl-total{padding-top:var(--space-sm)}.pl-total .pl-label{font-weight:600;color:var(--color-gray-900)}.pl-total .pl-value{font-size:var(--font-lg)}.pl-total.text-success .pl-value{color:var(--color-success)}.pl-total.text-danger .pl-value{color:var(--color-danger)}.pl-total.text-muted .pl-value{color:var(--color-gray-500)}.pl-badge{display:inline-flex;align-self:flex-end;padding:var(--space-xs) var(--space-md);border-radius:9999px;font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pl-badge.text-success{background-color:var(--color-success-light);color:#15803d}.pl-badge.text-danger{background-color:var(--color-danger-light);color:#991b1b}.pl-badge.text-muted{background-color:var(--color-gray-100);color:var(--color-gray-600)}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr;gap:var(--space-sm)}.filter-bar,.filter-dates{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.filter-date-sep{text-align:center}}@media (max-width: 640px){.stat-value{font-size:var(--font-lg)}.pl-row{flex-direction:column;gap:var(--space-xs)}.pl-value{text-align:left}.pl-badge{align-self:flex-start}.stats-grid{gap:var(--space-sm)}.page-header{margin-bottom:var(--space-md)}.page-title{font-size:var(--font-lg)}.page-subtitle{font-size:var(--font-xs)}.filter-bar{margin-bottom:var(--space-md);gap:var(--space-sm)}.filter-group{gap:var(--space-xs)}.filter-btn,.filter-date-input{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs)}.mt-6{margin-top:var(--space-md)}}.select-group{display:flex;flex-direction:column;gap:.375rem}.select-label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.select-wrapper{position:relative}.select{width:100%;padding:.5rem 2.25rem .5rem .75rem;border:1px solid var(--color-gray-300);border-radius:var(--radius);font-size:.875rem;color:var(--color-gray-900);background-color:var(--color-white);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.select-arrow{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.625rem;color:var(--color-gray-500);pointer-events:none}.select-error{border-color:var(--color-danger)}.select-error:focus{box-shadow:0 0 0 3px var(--color-danger-light)}.select-error-text{font-size:.75rem;color:var(--color-danger)}.form-layout{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);box-shadow:var(--shadow)}.form-layout-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-gray-200)}.form-layout-title{font-size:1.125rem;font-weight:600;color:var(--color-gray-900)}.form-layout-subtitle{font-size:.875rem;color:var(--color-gray-500);margin-top:.25rem}.form-layout-body{padding:1.5rem}.form-section{margin-bottom:1.5rem}.form-section:last-child{margin-bottom:0}.form-section-title{font-size:.875rem;font-weight:600;color:var(--color-gray-700);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.form-section-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 768px){.form-section-grid{grid-template-columns:1fr;gap:.75rem}}@media (max-width: 640px){.form-layout-header{padding:.875rem 1rem}.form-layout-title{font-size:1rem}.form-layout-subtitle{font-size:.8125rem}.form-layout-body{padding:.875rem 1rem}.form-section{margin-bottom:1.25rem}.form-section:last-child{margin-bottom:0}.form-section-title{font-size:.8125rem;margin-bottom:.75rem}}.fab{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 1rem);right:1rem;width:56px;height:56px;border-radius:50%;background-color:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:var(--shadow-lg);z-index:200;border:none;cursor:pointer;transition:background-color .2s,transform .15s}.fab:hover{background-color:var(--color-primary-dark);transform:scale(1.05)}.fab:active{transform:scale(.95)}@media (min-width: 769px){.fab{display:none}}.registers-page{max-width:1200px;margin:0 auto}.registers-filter-bar{display:flex;align-items:flex-end;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm) var(--space-md);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);margin-bottom:var(--space-md)}.registers-filter-bar .registers-search{width:200px;flex-shrink:0}.registers-filter-bar .registers-filter{width:160px;flex-shrink:0}.registers-filter-bar .btn{margin-left:auto}.registers-content{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);padding:var(--space-md)}.registers-content-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-gray-100)}.registers-content-title{font-size:var(--font-md);font-weight:600;color:var(--color-gray-900)}.registers-content-subtitle{font-size:var(--font-xs);color:var(--color-gray-500)}@media (max-width: 768px){.registers-filter-bar{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.registers-filter-bar .registers-search,.registers-filter-bar .registers-filter{width:100%}.registers-filter-bar .btn{margin-left:0}.view-row{flex-direction:column;gap:var(--space-xs)}.view-value{text-align:left}.modal-form-actions{flex-direction:column-reverse}.modal-form-actions .btn{width:100%}.registers-page .card-header{position:sticky;top:var(--header-height);z-index:40;background:var(--color-white);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-gray-200)}}@media (max-width: 640px){.table-action-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs)}.page-header{margin-bottom:var(--space-md)}.page-title{font-size:var(--font-lg)}.page-subtitle{font-size:var(--font-xs)}.registers-filter-bar{gap:var(--space-sm)}.registers-filter-bar input,.registers-filter-bar select{padding:var(--space-sm) var(--space-md);font-size:var(--font-xs)}.view-details{gap:var(--space-sm)}.view-row{padding-bottom:var(--space-sm)}.view-label{font-size:var(--font-xs);min-width:120px}.view-value{font-size:var(--font-xs)}.modal-form-actions{margin-top:var(--space-md);padding-top:var(--space-md)}}.purchase-page{max-width:1200px;margin:0 auto}.purchase-filter-bar{display:flex;align-items:flex-end;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm) var(--space-md);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);margin-bottom:var(--space-md)}.purchase-filter-bar .purchase-search{width:200px;flex-shrink:0}.purchase-filter-bar .purchase-filter{width:160px;flex-shrink:0}.purchase-filter-bar .btn{margin-left:auto}.purchase-content{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);padding:var(--space-md)}.purchase-content-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-gray-100)}.purchase-content-title{font-size:var(--font-md);font-weight:600;color:var(--color-gray-900)}.purchase-content-subtitle{font-size:var(--font-xs);color:var(--color-gray-500)}@media (max-width: 768px){.purchase-filter-bar{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.purchase-filter-bar .purchase-search,.purchase-filter-bar .purchase-filter{width:100%}.purchase-filter-bar .btn{margin-left:0}.view-row{flex-direction:column;gap:var(--space-xs)}.view-value{text-align:left}.modal-form-actions{flex-direction:column-reverse}.modal-form-actions .btn{width:100%}.purchase-page .card-header{position:sticky;top:var(--header-height);z-index:40;background:var(--color-white);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-gray-200)}}@media (max-width: 640px){.table-action-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs)}.page-header{margin-bottom:var(--space-md)}.page-title{font-size:var(--font-lg)}.page-subtitle{font-size:var(--font-xs)}.purchase-filter-bar{gap:var(--space-sm)}.purchase-filter-bar input,.purchase-filter-bar select{padding:var(--space-sm) var(--space-md);font-size:var(--font-xs)}.view-details{gap:var(--space-sm)}.view-row{padding-bottom:var(--space-sm)}.view-label{font-size:var(--font-xs);min-width:120px}.view-value{font-size:var(--font-xs)}.modal-form-actions{margin-top:var(--space-md);padding-top:var(--space-md)}}.sales-page{max-width:1200px;margin:0 auto}.sales-filter-bar{display:flex;align-items:flex-end;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm) var(--space-md);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);margin-bottom:var(--space-md)}.sales-filter-bar .sales-search{width:200px;flex-shrink:0}.sales-filter-bar .sales-filter{width:160px;flex-shrink:0}.sales-filter-bar .btn{margin-left:auto}.sales-content{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);padding:var(--space-md)}.sales-content-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-gray-100)}.sales-content-title{font-size:var(--font-md);font-weight:600;color:var(--color-gray-900)}.sales-content-subtitle{font-size:var(--font-xs);color:var(--color-gray-500)}@media (max-width: 768px){.sales-filter-bar{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.sales-filter-bar .sales-search,.sales-filter-bar .sales-filter{width:100%}.sales-filter-bar .btn{margin-left:0}.view-row{flex-direction:column;gap:var(--space-xs)}.view-value{text-align:left}.modal-form-actions{flex-direction:column-reverse}.modal-form-actions .btn{width:100%}.sales-page .card-header{position:sticky;top:var(--header-height);z-index:40;background:var(--color-white);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-gray-200)}}@media (max-width: 640px){.table-action-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs)}.page-header{margin-bottom:var(--space-md)}.page-title{font-size:var(--font-lg)}.page-subtitle{font-size:var(--font-xs)}.sales-filter-bar{gap:var(--space-sm)}.sales-filter-bar input,.sales-filter-bar select{padding:var(--space-sm) var(--space-md);font-size:var(--font-xs)}.view-details{gap:var(--space-sm)}.view-row{padding-bottom:var(--space-sm)}.view-label{font-size:var(--font-xs);min-width:120px}.view-value{font-size:var(--font-xs)}.modal-form-actions{margin-top:var(--space-md);padding-top:var(--space-md)}}.expenses-page{max-width:1200px;margin:0 auto}.expenses-filter-bar{display:flex;align-items:flex-end;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm) var(--space-md);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);margin-bottom:var(--space-md)}.expenses-filter-bar .expenses-search{width:200px;flex-shrink:0}.expenses-filter-bar .expenses-filter{width:160px;flex-shrink:0}.expenses-filter-bar .btn{margin-left:auto}.expenses-content{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);padding:var(--space-md)}.expenses-content-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-gray-100)}.expenses-content-title{font-size:var(--font-md);font-weight:600;color:var(--color-gray-900)}.expenses-content-subtitle{font-size:var(--font-xs);color:var(--color-gray-500)}@media (max-width: 768px){.expenses-filter-bar{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.expenses-filter-bar .expenses-search,.expenses-filter-bar .expenses-filter{width:100%}.expenses-filter-bar .btn{margin-left:0}.view-row{flex-direction:column;gap:var(--space-xs)}.view-value{text-align:left}.modal-form-actions{flex-direction:column-reverse}.modal-form-actions .btn{width:100%}.expenses-page .card-header{position:sticky;top:var(--header-height);z-index:40;background:var(--color-white);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-gray-200)}}@media (max-width: 640px){.table-action-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs)}.page-header{margin-bottom:var(--space-md)}.page-title{font-size:var(--font-lg)}.page-subtitle{font-size:var(--font-xs)}.expenses-filter-bar{gap:var(--space-sm)}.expenses-filter-bar input,.expenses-filter-bar select{padding:var(--space-sm) var(--space-md);font-size:var(--font-xs)}.view-details{gap:var(--space-sm)}.view-row{padding-bottom:var(--space-sm)}.view-label{font-size:var(--font-xs);min-width:120px}.view-value{font-size:var(--font-xs)}.modal-form-actions{margin-top:var(--space-md);padding-top:var(--space-md)}}.payments-page{max-width:1200px;margin:0 auto}.payments-filter-bar{display:flex;align-items:flex-end;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm) var(--space-md);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);margin-bottom:var(--space-md)}.payments-filter-bar .payments-search{width:200px;flex-shrink:0}.payments-filter-bar .payments-filter{width:160px;flex-shrink:0}.payments-filter-bar .btn{margin-left:auto}.payments-content{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);padding:var(--space-md)}.payments-content-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-gray-100)}.payments-content-title{font-size:var(--font-md);font-weight:600;color:var(--color-gray-900)}.payments-content-subtitle{font-size:var(--font-xs);color:var(--color-gray-500)}.table-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.table-action-btn{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius);font-size:var(--font-sm);font-weight:500;color:var(--color-gray-700);background-color:var(--color-white);border:1px solid var(--color-gray-300);transition:all .15s}.table-action-btn-primary{color:var(--color-primary);border-color:var(--color-primary-light);background-color:var(--color-primary-light)}.table-action-btn-primary:hover{background-color:#bfdbfe;border-color:var(--color-primary)}.table-action-readonly{font-size:var(--font-sm);color:var(--color-gray-400);font-style:italic}.table-amount{font-weight:600;font-variant-numeric:tabular-nums}@media (max-width: 768px){.payments-filter-bar{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.payments-filter-bar .payments-search,.payments-filter-bar .payments-filter{width:100%}.payments-filter-bar .btn{margin-left:0}.view-row{flex-direction:column;gap:var(--space-xs)}.view-value{text-align:left}.modal-form-actions{flex-direction:column-reverse}.modal-form-actions .btn{width:100%}.payments-page .card-header{position:sticky;top:var(--header-height);z-index:40;background:var(--color-white);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-gray-200)}}@media (max-width: 640px){.table-action-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs)}.page-header{margin-bottom:var(--space-md)}.page-title{font-size:var(--font-lg)}.page-subtitle{font-size:var(--font-xs)}.payments-filter-bar{gap:var(--space-sm)}.payments-filter-bar input,.payments-filter-bar select{padding:var(--space-sm) var(--space-md);font-size:var(--font-xs)}.view-details{gap:var(--space-sm)}.view-row{padding-bottom:var(--space-sm)}.view-label{font-size:var(--font-xs);min-width:120px}.view-value{font-size:var(--font-xs)}.modal-form-actions{margin-top:var(--space-md);padding-top:var(--space-md)}}.ledger-page{max-width:1400px;margin:0 auto}.ledger-filter-bar{display:flex;align-items:flex-end;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm) var(--space-md);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);margin-bottom:var(--space-md)}.ledger-filter-bar .ledger-search{width:200px;flex-shrink:0}.ledger-filter-bar .ledger-filter{width:160px;flex-shrink:0}.ledger-filter-bar .btn{margin-left:auto}.ledger-content{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);padding:var(--space-md)}.ledger-content-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-gray-100)}.ledger-content-title{font-size:var(--font-md);font-weight:600;color:var(--color-gray-900)}.ledger-content-subtitle{font-size:var(--font-xs);color:var(--color-gray-500)}.ledger-summary{display:flex;gap:var(--space-lg);padding:var(--space-md);background-color:var(--color-gray-50);border-radius:var(--radius);margin-bottom:var(--space-md);flex-wrap:wrap}.ledger-summary-item{display:flex;flex-direction:column;gap:var(--space-xs)}.ledger-summary-label{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);font-weight:600}.ledger-summary-value{font-size:var(--font-lg);font-weight:700;font-variant-numeric:tabular-nums}.ledger-date{white-space:nowrap}.ledger-ref{font-family:monospace;font-size:var(--font-sm);background-color:var(--color-gray-100);padding:.125rem .375rem;border-radius:var(--radius-sm)}.ledger-amount{font-weight:600;font-variant-numeric:tabular-nums}.ledger-debit{color:#991b1b}.ledger-credit{color:#166534}.ledger-balance{font-weight:700;font-variant-numeric:tabular-nums}@media (max-width: 768px){.ledger-filter-bar{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.ledger-filter-bar .ledger-search,.ledger-filter-bar .ledger-filter{width:100%}.ledger-filter-bar .btn{margin-left:0}.ledger-summary{flex-direction:column;gap:var(--space-md)}.ledger-page .card-header{position:sticky;top:var(--header-height);z-index:40;background:var(--color-white);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-gray-200)}}@media (max-width: 640px){.ledger-summary-value{font-size:var(--font-md)}.page-header{margin-bottom:var(--space-md)}.page-title{font-size:var(--font-lg)}.page-subtitle{font-size:var(--font-xs)}.ledger-filter-bar{gap:var(--space-sm)}.ledger-filter-bar input,.ledger-filter-bar select{padding:var(--space-sm) var(--space-md);font-size:var(--font-xs)}.ledger-summary-item{gap:var(--space-xs)}.ledger-summary-label{font-size:var(--font-xs)}}@media print{.page-header,.ledger-filter-bar,.card-actions{display:none!important}.ledger-page{max-width:none}.card{box-shadow:none;border:1px solid var(--color-gray-300)}.ledger-summary{background-color:#fff;border:1px solid var(--color-gray-300)}}.approvals-page{max-width:1200px;margin:0 auto}.approvals-select-bar{margin-bottom:var(--space-md)}.approvals-select{width:100%;max-width:320px}.approval-ref{font-family:monospace;font-size:var(--font-sm);background-color:var(--color-gray-100);padding:.125rem .375rem;border-radius:var(--radius-sm)}.approval-amount{font-weight:600;font-variant-numeric:tabular-nums}.approval-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.view-rejection{background-color:var(--color-danger-light);padding:var(--space-sm);border-radius:var(--radius);border:1px solid #fecaca}.view-rejection-text{color:#991b1b}.reject-info{font-size:var(--font-sm);color:var(--color-gray-600);margin-bottom:var(--space-md);line-height:1.5}.reject-info strong{color:var(--color-gray-900)}.approvals-content{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);padding:var(--space-md)}.approvals-content-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-gray-100)}.approvals-content-title{font-size:var(--font-md);font-weight:600;color:var(--color-gray-900)}.approvals-content-subtitle{font-size:var(--font-xs);color:var(--color-gray-500)}@media (max-width: 768px){.view-row{flex-direction:column;gap:var(--space-xs)}.view-value{text-align:left}.modal-form-actions{flex-direction:column-reverse}.modal-form-actions .btn{width:100%}.approval-actions .table-action-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs)}.approvals-page .card-header{position:sticky;top:var(--header-height);z-index:40;background:var(--color-white);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-gray-200)}}.reports-page{max-width:1400px;margin:0 auto}.reports-print-header{display:none}.reports-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);flex-wrap:wrap}.reports-tab{padding:var(--space-sm) var(--space-md);border:1px solid transparent;background:none;font-size:var(--font-sm);font-weight:600;color:var(--color-gray-500);cursor:pointer;border-radius:var(--radius);transition:all .15s;white-space:nowrap}.reports-tab:hover{background-color:var(--color-gray-50);color:var(--color-gray-700)}.reports-tab-active{font-weight:600}.reports-filter-bar{display:flex;align-items:flex-end;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm) var(--space-md);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);margin-bottom:var(--space-md)}.reports-filter{width:160px;flex-shrink:0}.reports-filter input,.reports-filter select{font-size:var(--font-sm);padding:var(--space-sm) var(--space-md)}.reports-actions{display:flex;gap:var(--space-sm);margin-left:auto}.reports-content{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);padding:var(--space-md)}.reports-content-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-gray-100)}.reports-content-title{font-size:var(--font-md);font-weight:600;color:var(--color-gray-900)}.reports-content-subtitle{font-size:var(--font-xs);color:var(--color-gray-500)}.report-amount{font-weight:600;font-variant-numeric:tabular-nums}.report-sales{color:#166534}.report-purchase{color:#991b1b}.report-expense{color:#92400e}.profit-loss-container{display:flex;flex-direction:column;gap:var(--space-md)}.profit-loss-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-sm)}.profit-loss-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background-color:var(--color-gray-50);border-radius:var(--radius);border:1px solid var(--color-gray-200)}.profit-loss-item-label{font-size:var(--font-xs);color:var(--color-gray-500);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.profit-loss-item-value{font-size:var(--font-lg);font-weight:700;font-variant-numeric:tabular-nums}.profit-loss-sales{color:#166534}.profit-loss-purchase{color:#991b1b}.profit-loss-expense{color:#92400e}.profit-loss-result{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background-color:var(--color-gray-50);border-radius:var(--radius);border:1px solid var(--color-gray-200)}.profit-loss-result-label{font-size:var(--font-sm);font-weight:600;color:var(--color-gray-900)}.profit-loss-result-value{font-size:var(--font-md);font-weight:700}.profit-loss-profit{color:#166534}.profit-loss-loss{color:#991b1b}.profit-loss-formula{padding:var(--space-sm) var(--space-md);background-color:var(--color-white);border-radius:var(--radius);border:1px solid var(--color-gray-200);font-size:var(--font-xs);color:var(--color-gray-600);line-height:1.5}.profit-loss-formula strong{color:var(--color-gray-700);font-weight:600}@media (max-width: 768px){.reports-filter-bar{flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-sm)}.reports-filter{width:100%}.reports-actions{margin-left:0;width:100%}.reports-actions .btn{flex:1}.profit-loss-result{flex-direction:column;gap:var(--space-xs);text-align:center}.profit-loss-summary{grid-template-columns:1fr}.reports-content{padding:var(--space-sm)}.reports-content-header{flex-direction:column;gap:var(--space-xs)}}@media (max-width: 640px){.reports-tabs{gap:0}.reports-tab{padding:var(--space-sm) var(--space-md);font-size:var(--font-xs)}.reports-filter-bar{gap:var(--space-xs);padding:var(--space-xs)}.reports-filter input,.reports-filter select{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs)}.reports-content{padding:var(--space-sm)}.reports-content-title{font-size:var(--font-sm)}.profit-loss-item{padding:var(--space-sm)}.profit-loss-item-value{font-size:var(--font-md)}.profit-loss-result{padding:var(--space-sm)}.profit-loss-result-value{font-size:var(--font-sm)}}@media print{@page{size:A4;margin:.5cm .7cm}.sidebar,.header,.bottom-nav,.fab,.reports-tabs,.reports-filter-bar,.card-actions,.page-header,.reports-content-header,.reports-actions,.reports-filter,.btn{display:none!important}.reports-page{max-width:none;margin:0;padding:0}.reports-print-header{display:flex!important;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #000;padding-bottom:.3rem;margin-bottom:.4rem;gap:.8rem}.reports-print-brand{display:flex;flex-direction:column;gap:.1rem;font-size:.6rem;color:#000;line-height:1.2}.reports-print-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;font-size:.6rem;color:#000;line-height:1.2;text-align:right}.reports-print-title{font-size:.85rem;font-weight:700;color:#000}.reports-print-filters{display:flex;flex-direction:column;gap:.08rem}.reports-content{box-shadow:none;border:none;padding:0;margin:0;background:transparent}.reports-content-title{display:none}.profit-loss-container,.profit-loss-summary{gap:.3rem}.profit-loss-item{background-color:#fff;border:1px solid #ccc;padding:.2rem .4rem}.profit-loss-item-label{font-size:.55rem}.profit-loss-item-value{font-size:.7rem}.profit-loss-result{padding:.2rem .4rem;background-color:#fff;border:1px solid #ccc}.profit-loss-result-label{font-size:.65rem}.profit-loss-result-value{font-size:.75rem}.profit-loss-formula{font-size:.55rem;padding:.2rem .4rem;background-color:#fff;border:1px solid #ccc}.table-container-card-mobile .table{display:table!important}.table-container{border:none;box-shadow:none;overflow:visible}.table{width:100%;font-size:.6rem}.table-th{padding:.2rem .3rem;font-size:.55rem;background-color:#f5f5f5;border-bottom:1px solid #000;font-weight:600}.table-td{padding:.15rem .3rem;font-size:.6rem;border-bottom:1px solid #ccc}.table-cards{display:none!important}.table-empty{padding:.5rem;font-size:.6rem}.badge{font-size:.55rem;padding:.1rem .3rem}}.audit-page{max-width:1400px;margin:0 auto}.audit-filter-bar{display:flex;align-items:flex-end;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm) var(--space-md);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);margin-bottom:var(--space-md)}.audit-filter-bar .audit-search{width:200px;flex-shrink:0}.audit-filter-bar .audit-filter{width:160px;flex-shrink:0}.audit-filter-bar .btn{margin-left:auto}.audit-content{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);padding:var(--space-md)}.audit-content-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-gray-100)}.audit-content-title{font-size:var(--font-md);font-weight:600;color:var(--color-gray-900)}.audit-content-subtitle{font-size:var(--font-xs);color:var(--color-gray-500)}.audit-ref{font-family:monospace;font-size:var(--font-sm);background-color:var(--color-gray-100);padding:.125rem .375rem;border-radius:var(--radius-sm)}@media (max-width: 768px){.audit-filter-bar{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.audit-filter-bar .audit-search,.audit-filter-bar .audit-filter{width:100%}.audit-filter-bar .btn{margin-left:0}.audit-page .card-header{position:sticky;top:var(--header-height);z-index:40;background:var(--color-white);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-gray-200)}}@media (max-width: 640px){.page-header{margin-bottom:var(--space-md)}.page-title{font-size:var(--font-lg)}.page-subtitle{font-size:var(--font-xs)}.audit-filter-bar{gap:var(--space-sm)}.audit-filter-bar input,.audit-filter-bar select{padding:var(--space-sm) var(--space-md);font-size:var(--font-xs)}}@media print{.page-header,.audit-filter-bar,.card-actions{display:none!important}.audit-page{max-width:none}.card{box-shadow:none;border:1px solid var(--color-gray-300)}}.admin-page{max-width:1200px;margin:0 auto}.admin-filter-bar{display:flex;align-items:flex-end;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm) var(--space-md);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);margin-bottom:var(--space-md)}.admin-filter-bar .admin-search{width:200px;flex-shrink:0}.admin-filter-bar .admin-filter{width:160px;flex-shrink:0}.admin-filter-bar .btn{margin-left:auto}.admin-content{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);padding:var(--space-md)}.admin-content-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-gray-100)}.admin-content-title{font-size:var(--font-md);font-weight:600;color:var(--color-gray-900)}.admin-content-subtitle{font-size:var(--font-xs);color:var(--color-gray-500)}.admin-username{font-family:monospace;font-size:var(--font-sm);background-color:var(--color-gray-100);padding:.125rem .375rem;border-radius:var(--radius-sm)}.admin-register-count{font-weight:600;font-variant-numeric:tabular-nums}.admin-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.table-action-btn{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius);font-size:var(--font-sm);font-weight:500;color:var(--color-gray-700);background-color:var(--color-white);border:1px solid var(--color-gray-300);transition:all .15s;cursor:pointer}.table-action-btn:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.table-action-btn-success{color:var(--color-success);border-color:var(--color-success-light);background-color:var(--color-success-light)}.table-action-btn-success:hover{background-color:#bbf7d0;border-color:var(--color-success)}.table-action-btn-danger{color:var(--color-danger);border-color:var(--color-danger-light);background-color:var(--color-danger-light)}.table-action-btn-danger:hover{background-color:#fecaca;border-color:var(--color-danger)}.modal-form-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-gray-200)}.view-details{display:flex;flex-direction:column;gap:var(--space-md)}.view-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-gray-100)}.view-row:last-child{border-bottom:none;padding-bottom:0}.view-label{font-size:var(--font-sm);color:var(--color-gray-500);font-weight:500;min-width:140px}.view-value{font-size:var(--font-sm);color:var(--color-gray-900);font-weight:500;text-align:right;word-break:break-word}.permissions-list{display:flex;flex-direction:column;gap:var(--space-sm);text-align:left}.permission-item{font-size:var(--font-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.permission-granted{background-color:#dcfce7;color:#166534}.permission-denied{background-color:#fee2e2;color:#991b1b}.permissions-modal{display:flex;flex-direction:column;gap:var(--space-md)}.permissions-info{font-size:var(--font-sm);color:var(--color-gray-600);margin-bottom:var(--space-sm)}.permissions-info strong{color:var(--color-gray-900)}.permissions-note{font-size:var(--font-sm);color:var(--color-gray-500);margin-bottom:var(--space-sm);line-height:1.5}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-sm)}.permission-checkbox{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background-color:var(--color-gray-50);border-radius:var(--radius);border:1px solid var(--color-gray-200);cursor:pointer;transition:all .15s}.permission-checkbox:hover{background-color:var(--color-gray-100)}.permission-checkbox input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--color-primary);cursor:pointer}.permission-checkbox span{font-size:var(--font-sm);color:var(--color-gray-700);font-weight:500}.reset-warning{display:flex;flex-direction:column;gap:var(--space-md)}.reset-warning-text{font-size:var(--font-md);color:var(--color-gray-900);font-weight:600}.reset-warning-list{margin:0;padding-left:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.reset-warning-list li{font-size:var(--font-sm);color:var(--color-gray-700);line-height:1.5}.reset-warning-exception{font-size:var(--font-sm);color:var(--color-success);font-weight:500;padding:var(--space-sm);background-color:var(--color-success-light);border-radius:var(--radius);border:1px solid #bbf7d0}.reset-warning-exception strong{color:#166534}.reset-warning-confirm{font-size:var(--font-sm);color:var(--color-gray-600);font-weight:500}@media (max-width: 768px){.admin-filter-bar{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.admin-filter-bar .admin-search,.admin-filter-bar .admin-filter{width:100%}.admin-filter-bar .btn{margin-left:0}.view-row{flex-direction:column;gap:var(--space-xs)}.view-value{text-align:left}.permissions-grid{grid-template-columns:1fr;gap:var(--space-sm)}.admin-actions{flex-direction:column;gap:var(--space-xs)}.admin-actions .table-action-btn{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-xs)}.modal-form-actions{flex-direction:column-reverse}.modal-form-actions .btn{width:100%}.admin-page .card-header{position:sticky;top:var(--header-height);z-index:40;background:var(--color-white);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-gray-200)}}@media (max-width: 640px){.page-header{margin-bottom:var(--space-md)}.page-title{font-size:var(--font-lg)}.page-subtitle{font-size:var(--font-xs)}.admin-filter-bar{gap:var(--space-sm)}.admin-filter-bar input,.admin-filter-bar select{padding:var(--space-sm) var(--space-md);font-size:var(--font-xs)}.view-details{gap:var(--space-sm)}.view-row{padding-bottom:var(--space-sm)}.view-label{font-size:var(--font-xs);min-width:120px}.view-value{font-size:var(--font-xs)}.permission-checkbox{padding:var(--space-sm)}.permission-checkbox input[type=checkbox]{width:1rem;height:1rem}.permission-checkbox span{font-size:var(--font-xs)}.modal-form-actions{margin-top:var(--space-md);padding-top:var(--space-md)}}.settings-page{max-width:900px;margin:0 auto}.settings-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e5e7eb}.settings-tab{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280}.settings-tab:hover{color:#1f2937}.settings-tab.active{color:#2563eb;border-bottom-color:#2563eb}.users-section{margin-top:24px}.users-content{display:flex;flex-direction:column;gap:24px}.users-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.users-card h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 8px}.users-hint{font-size:14px;color:#6b7280;margin:0 0 16px}.members-list{display:flex;flex-direction:column;gap:12px}.member-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:6px}.member-info{display:flex;flex-direction:column}.member-name{font-weight:500;color:#1f2937}.member-email{font-size:12px;color:#6b7280}.member-role select{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.generated-code{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px;text-align:center}.generated-code code{font-size:24px;font-weight:700;color:#16a34a;letter-spacing:4px}.code-hint{font-size:12px;color:#6b7280;margin:8px 0 0}.join-form{display:flex;flex-direction:column;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-gray-200)}.approval-settings{display:flex;flex-direction:column;gap:var(--space-sm)}.approval-setting-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background-color:var(--color-gray-50);border-radius:var(--radius);border:1px solid var(--color-gray-200)}.approval-setting-label{font-size:var(--font-sm);font-weight:500;color:var(--color-gray-700)}.approval-note{font-size:var(--font-sm);color:var(--color-gray-500);margin-top:var(--space-sm);line-height:1.5}@media (max-width: 768px){.form-actions{flex-direction:column;gap:var(--space-sm)}.approval-setting-item{flex-direction:column;gap:var(--space-sm);align-items:flex-start;padding:var(--space-sm) var(--space-md)}.settings-page .card-header{position:sticky;top:var(--header-height);z-index:40;background:var(--color-white);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-gray-200)}}@media (max-width: 640px){.form-actions .btn{width:100%}.page-header{margin-bottom:var(--space-md)}.page-title{font-size:var(--font-lg)}.page-subtitle{font-size:var(--font-xs)}.approval-setting-item{padding:var(--space-sm)}.approval-setting-label{font-size:var(--font-sm)}.approval-note{font-size:var(--font-xs);margin-top:var(--space-sm)}}.super-admin-page{padding:24px}.super-admin-content{display:flex;flex-direction:column;gap:24px}.super-admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.super-admin-card h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 8px}.super-admin-card p{color:#6b7280;margin:0}.tenants-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.tenants-table table{width:100%;border-collapse:collapse}.tenants-table th,.tenants-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.tenants-table th{background:#f9fafb;font-weight:600;font-size:14px;color:#6b7280}.tenants-table td{font-size:14px;color:#1f2937}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.tenant-details{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6}.detail-label{font-weight:500;color:#6b7280}.detail-value{color:#1f2937}.members-section{margin-top:16px}.members-section h4{font-size:14px;font-weight:600;margin:0 0 8px}.member-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6}.users-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.users-table table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.users-table th{background:#f9fafb;font-weight:600;font-size:14px;color:#6b7280}.users-table td{font-size:14px;color:#1f2937}.role-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.role-badge.super_admin{background:#fef3c7;color:#d97706}.role-badge.owner{background:#dbeafe;color:#2563eb}.role-badge.admin{background:#fce7f3;color:#db2777}.role-badge.member,.role-badge.user{background:#f3f4f6;color:#6b7280}.onboarding-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:#f5f7fa}.onboarding-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:40px;width:100%;max-width:500px}.onboarding-header{text-align:center;margin-bottom:32px}.onboarding-header h1{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.onboarding-header p{color:#6b7280;margin:0}.onboarding-options{display:flex;flex-direction:column;gap:16px}.onboarding-option{display:flex;flex-direction:column;align-items:flex-start;padding:24px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;text-align:left}.onboarding-option:hover{border-color:#3b82f6;background:#eff6ff}.onboarding-icon{font-size:32px;margin-bottom:12px}.onboarding-option h2{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px}.onboarding-option p{font-size:14px;color:#6b7280;margin:0}.onboarding-form{display:flex;flex-direction:column;gap:16px}.onboarding-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.onboarding-error{background:#fef2f2;color:#dc2626;padding:12px;border-radius:8px;font-size:14px}.onboarding-success{background:#f0fdf4;color:#16a34a;padding:12px;border-radius:8px;font-size:14px}.onboarding-hint{font-size:12px;color:#6b7280;margin-top:-8px}:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #dbeafe;--color-success: #16a34a;--color-success-light: #dcfce7;--color-warning: #d97706;--color-warning-light: #fef3c7;--color-danger: #dc2626;--color-danger-light: #fee2e2;--color-info: #0891b2;--color-info-light: #cffafe;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-white: #ffffff;--color-sidebar: #1e293b;--color-sidebar-hover: #334155;--color-sidebar-active: #2563eb;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .25rem;--radius: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px;--bottom-nav-height: 64px;--touch-target: 44px;--content-padding: 1.5rem;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--font-xs: .6875rem;--font-sm: .8125rem;--font-base: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem}@media (min-width: 1024px){:root{--content-padding: 1.5rem}}@media (max-width: 768px){:root{--content-padding: .875rem;--font-xs: .6875rem;--font-sm: .75rem;--font-base: .8125rem;--font-md: .9375rem;--font-lg: 1.0625rem;--font-xl: 1.125rem;--font-2xl: 1.25rem;--space-xs: .25rem;--space-sm: .375rem;--space-md: .75rem;--space-lg: 1.25rem;--space-xl: 1.5rem}}@media (max-width: 640px){:root{--content-padding: .75rem;--font-xs: .625rem;--font-sm: .6875rem;--font-base: .75rem;--font-md: .875rem;--font-lg: .9375rem;--font-xl: 1rem;--font-2xl: 1.125rem;--space-xs: .25rem;--space-sm: .375rem;--space-md: .625rem;--space-lg: 1rem;--space-xl: 1.25rem}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-family);background-color:var(--color-gray-50);color:var(--color-gray-800);line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}table{border-collapse:collapse;width:100%}ul,ol{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:#000;border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:#000}@media (max-width: 768px){button,a,input[type=submit],.btn,.nav-link,.table-action-btn,.filter-btn,.approval-bell-btn,.header-menu-btn,.header-logout{min-height:var(--touch-target);min-width:var(--touch-target)}.sidebar-link{min-height:var(--touch-target)}.bottom-nav-item{min-width:var(--touch-target);min-height:var(--touch-target)}.fab{min-width:56px;min-height:56px}input,select,textarea{min-height:var(--touch-target)}}