@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg-primary:#f8fafc;--bg-surface:#fff;--bg-surface-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--primary:#7c3aed;--primary-hover:#6d28d9;--primary-light:#f3e8ff;--table-header-bg:#ddd6fe;--danger:#dc2626;--danger-bg:#fef2f2;--success:#16a34a;--border:#e2e8f0;--border-light:#cbd5e1;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--max-width:1280px;--nav-height:60px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}a{color:var(--primary);text-decoration:none}.navbar{height:var(--nav-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;background:#ffffffeb;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #00000005}.navbar-container{max-width:var(--max-width);align-items:center;gap:1rem;height:100%;margin:0 auto;padding:0 1.5rem;display:flex}.navbar-brand{color:var(--primary);letter-spacing:-.02em;align-items:center;gap:.4rem;margin-right:.5rem;font-size:1.2rem;font-weight:800;text-decoration:none;display:flex}.brand-logo-icon{font-size:1.25rem}.brand-logo-text{background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.navbar-nav{align-items:center;gap:.35rem;margin-left:.5rem;display:flex}.nav-tab{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.nav-tab:hover{color:var(--text-primary);background:#f1f5f9}.nav-tab.active{background:var(--primary-light);color:var(--primary);font-weight:600}.tab-icon{font-size:14px}.navbar-end{align-items:center;gap:1rem;margin-left:auto;display:flex}.user-menu-wrapper{position:relative}.user-menu-btn{border:1px solid var(--border-light);cursor:pointer;background:#fff;border-radius:9999px;align-items:center;gap:.5rem;padding:.3rem .65rem .3rem .35rem;transition:all .15s;display:inline-flex}.user-menu-btn:hover{border-color:var(--primary);background:#f8fafc}.user-avatar-circle{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex}.user-menu-name{color:var(--text-primary);max-width:120px;font-size:12px;font-weight:600}.user-menu-arrow{color:var(--text-tertiary);font-size:8px}.user-menu-dropdown{border:1px solid var(--border);border-radius:var(--radius-md);z-index:200;background:#fff;width:200px;padding:.4rem;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px #0000001a}.dropdown-user-header{border-bottom:1px solid var(--border);margin-bottom:.35rem;padding:.5rem .65rem}.dropdown-user-name{color:var(--text-primary);font-size:12px;font-weight:700}.dropdown-user-email{color:var(--text-tertiary);font-size:10px}.dropdown-logout-btn{background:var(--danger-bg);width:100%;color:var(--danger);border-radius:var(--radius-xs);cursor:pointer;text-align:left;border:1px solid #fca5a5;padding:.45rem .65rem;font-size:12px;font-weight:600}.dropdown-logout-btn:hover{background:var(--danger);color:#fff}.business-switcher{position:relative}.business-switcher-btn{cursor:pointer;background:#f3e8ff;border:1px solid #e9d5ff;border-radius:12px;outline:none;align-items:center;gap:.5rem;padding:.2rem .7rem .2rem .25rem;transition:all .15s;display:inline-flex}.business-switcher-btn:hover{background:#ede9fe;border-color:#c4b5fd}.biz-switcher-icon-box{background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:0 2px 4px #7c3aed40}.biz-switcher-title{color:#3b0764;max-width:150px;font-size:13px;font-weight:700}.biz-switcher-arrow{color:#6b21a8;margin-left:2px;font-size:8px}.business-switcher-dropdown{border:1px solid var(--border);border-radius:var(--radius-md);z-index:200;background:#fff;min-width:220px;padding:.35rem;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 25px #0000001a}.business-switcher-item{border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.45rem .75rem;font-family:inherit;display:flex}.business-switcher-item:hover{color:var(--text-primary);background:#f1f5f9}.business-switcher-item.active{color:var(--primary);background:#f3e8ff;font-weight:600}.business-switcher-divider{background:var(--border);height:1px;margin:.25rem 0}.main-content{padding-top:var(--nav-height);min-height:100vh}.page-container{max-width:var(--max-width);margin:0 auto;padding:1.5rem 1.5rem 3rem}.action-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;outline:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.action-btn-edit{color:#7c3aed;background:#f3e8ff;border-color:#e9d5ff}.action-btn-edit:hover{color:#fff;background:#7c3aed;border-color:#7c3aed}.action-btn-edit:hover svg{stroke:#fff}.action-btn-delete{color:#dc2626;background:#fef2f2;border-color:#fecaca}.action-btn-delete:hover{color:#fff;background:#dc2626;border-color:#dc2626}.action-btn-delete:hover svg{fill:#fff;stroke:#fff}.auth-container{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;width:100%;max-width:440px;margin:0 auto;padding:2.25rem;box-shadow:0 10px 25px #0000000f}.auth-header{text-align:center;margin-bottom:1.75rem}.auth-logo{color:var(--primary);margin-bottom:.25rem;font-size:1.8rem;font-weight:800}.auth-subtitle{color:var(--text-secondary);font-size:var(--font-sm)}.auth-footer{text-align:center;font-size:var(--font-sm);color:var(--text-secondary);margin-top:1.5rem}.auth-footer a{font-weight:600}.form-group{margin-bottom:1.15rem}.form-label{font-size:var(--font-sm);color:var(--text-primary);margin-bottom:4px;font-weight:600;display:block}.form-label .required{color:var(--danger)}.form-input{border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:inherit;font-size:var(--font-sm);background:#fff;outline:none;padding:.6rem .85rem;transition:border-color .15s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #7c3aed1a}.form-input::placeholder{color:var(--text-tertiary)}textarea.form-input{resize:vertical;min-height:70px}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8.825L1.175 4 2.238 2.938 6 6.7l3.763-3.763L10.825 4z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}.form-checkbox-group{align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-checkbox{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.form-checkbox-label{font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer}.btn{font-family:inherit;font-size:var(--font-sm);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.35rem;padding:.55rem 1.15rem;font-weight:600;transition:background .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-light);background:#fff}.btn-ghost{color:var(--text-secondary);background:0 0;padding:.25rem .4rem}.btn-full{width:100%}.btn-lg{font-size:var(--font-base);padding:.75rem 1.25rem}.alert{border-radius:var(--radius-sm);font-size:var(--font-sm);align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;display:flex}.alert-error{background:var(--danger-bg);color:var(--danger);border:1px solid #fca5a5}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.page-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.35rem;font-weight:700;display:flex}.header-actions{align-items:center;gap:.5rem;display:flex}.btn-export{background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;padding:.45rem 1.1rem;font-weight:600}.btn-export:hover{background:var(--primary-hover)}.btn-circle-action{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:700;display:inline-flex}.btn-circle-action:hover{background:var(--primary-hover)}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.table-length{font-size:var(--font-sm);color:var(--text-primary);align-items:center;gap:.35rem;font-weight:500;display:flex}.table-length select{border:1px solid var(--primary);border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;background:#fff;outline:none;padding:.3rem .6rem}.table-search{font-size:var(--font-sm);color:var(--text-primary);align-items:center;gap:.35rem;font-weight:500;display:flex}.table-search input{border:1px solid var(--primary);border-radius:var(--radius-sm);font-size:var(--font-sm);outline:none;min-width:180px;padding:.35rem .75rem}.table-container{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;font-size:var(--font-sm);color:#1e293b;background-color:var(--table-header-bg);border-bottom:1px solid var(--border);white-space:nowrap;padding:.65rem 1rem;font-weight:700}.table td{font-size:var(--font-sm);border-bottom:1px solid var(--border);color:var(--text-primary);padding:.65rem 1rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:#f8fafc}.table-footer-wrapper{margin-top:1rem}.total-amount-display{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:800}.table-footer{font-size:var(--font-sm);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.table-pagination{align-items:center;gap:4px;display:flex}.pagination-btn{font-size:var(--font-xs);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:#fff;padding:.3rem .65rem;font-weight:500}.pagination-btn:hover:not(:disabled){color:var(--text-primary);background:#f1f5f9}.pagination-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;width:100%;max-width:520px;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 10px 25px #00000026}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-title{color:var(--text-primary);font-size:1.2rem;font-weight:700}.modal-close{border:1px solid var(--border-light);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.modal-section{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;margin-bottom:1rem;padding:1rem}.modal-footer{justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.grid-2{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:.85rem;display:grid}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-xs{gap:.25rem}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.text-right{text-align:right}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.loading-container{justify-content:center;align-items:center;padding:2.5rem;display:flex}.spinner{border:2px solid #7c3aed33;border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.spinner-lg{border-width:3px;width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.page-container{padding:1rem}.grid-2,.grid-3{grid-template-columns:1fr}.table-toolbar{flex-direction:column;align-items:stretch}.table-search input{width:100%}.navbar-nav{display:none}.mobile-nav{border-top:1px solid var(--border);z-index:100;background:#fff;justify-content:space-around;align-items:center;height:56px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-link{color:var(--text-secondary);flex-direction:column;align-items:center;font-size:10px;display:flex}.mobile-nav-link.active{color:var(--primary);font-weight:600}.main-content{padding-bottom:60px}}@media (min-width:769px){.mobile-nav{display:none}}