@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@800&display=swap";:root{--gl-navy:#1e3a8a;--gl-navy-hover:#172554;--gl-navy-light:#eff6ff;--gl-sky:#0ea5e9;--gl-sky-hover:#0284c7;--gl-sky-100:#e0f2fe;--gl-amber:#f59e0b;--gl-amber-hover:#d97706;--gl-amber-100:#fef3c7;--gl-pending:#f59e0b;--gl-pending-bg:#fef3c7;--gl-success:#16a34a;--gl-success-bg:#dcfce7;--gl-danger:#dc2626;--gl-danger-bg:#fee2e2;--gl-info:#0369a1;--gl-info-bg:#e0f2fe;--primary:var(--gl-navy);--primary-hover:var(--gl-navy-hover);--primary-light:var(--gl-sky-100);--secondary:var(--gl-sky);--secondary-light:var(--gl-sky-100);--accent:var(--gl-amber);--accent-light:var(--gl-amber-100);--warning:var(--gl-pending);--warning-light:var(--gl-pending-bg);--danger:var(--gl-danger);--danger-light:var(--gl-danger-bg);--success:var(--gl-success);--success-light:var(--gl-success-bg);--info:var(--gl-info);--info-light:var(--gl-info-bg);--bg-color:#f8fafc;--surface-color:#fff;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--radius-card:16px;--radius-button:12px;--radius-pill:999px;--radius-md:12px;--screen-padding:20px;--card-gap:16px;--card-padding:22px;--font-display:"Manrope", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}h1,.page-title,.screen-title,.wordmark,.display-h1{color:var(--text-primary);font-family:var(--font-display)!important;font-weight:800!important}body,button,input,select,textarea,p,span,a,label,table,td,th{font-family:var(--font-body)}.card,.dashboard-card{padding:var(--card-padding);border-radius:var(--radius-card)!important}.btn-primary,button.primary{border:none;font-weight:600;transition:all .2s;background-color:var(--gl-navy)!important;color:#fff!important;border-radius:var(--radius-button)!important}.btn-primary:hover,button.primary:hover{background-color:var(--gl-navy-hover)!important}.btn-accent{border:none;font-weight:600;transition:all .2s;background-color:var(--gl-amber)!important;color:#fff!important;border-radius:var(--radius-button)!important}.btn-outline,.btn-ghost{font-weight:600;transition:all .2s;color:var(--gl-navy)!important;border:1.5px solid var(--gl-navy)!important;border-radius:var(--radius-button)!important;background-color:#fff!important}.btn-outline:hover,.btn-ghost:hover{background-color:var(--gl-sky-100)!important}.badge-pending{font-weight:600;background-color:var(--gl-pending-bg)!important;color:var(--gl-pending)!important;border-radius:var(--radius-pill)!important}.badge-success,.badge-paid,.badge-active{font-weight:600;background-color:var(--gl-success-bg)!important;color:var(--gl-success)!important;border-radius:var(--radius-pill)!important}.badge-danger,.badge-urgent{font-weight:600;background-color:var(--gl-danger-bg)!important;color:var(--gl-danger)!important;border-radius:var(--radius-pill)!important}.badge-info{font-weight:600;background-color:var(--gl-info-bg)!important;color:var(--gl-info)!important;border-radius:var(--radius-pill)!important}.ad-card,.sponsored-banner{border:1px solid var(--border-color)!important;border-radius:var(--radius-card)!important;background:#f8fafc!important}:root,html.light-theme{--primary:var(--gl-navy);--primary-hover:var(--gl-navy-hover);--primary-light:var(--gl-sky-100);--secondary:var(--gl-sky);--secondary-light:var(--gl-sky-100);--accent:var(--gl-amber);--accent-light:var(--gl-amber-100);--warning:var(--gl-pending);--warning-light:var(--gl-pending-bg);--danger:var(--gl-danger);--danger-light:var(--gl-danger-bg);--bg-color:#fff;--surface-color:#fff;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--sidebar-width:280px;--sidebar-width-collapsed:80px;--topbar-height:72px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-md:12px;--radius-card:16px;--shadow-enterprise:0 4px 20px #0000000d;--lp-bg-dark:#fff;--lp-surface-dark:#f8fafc;--lp-card-dark:#fff;--lp-border-dark:#e2e8f0;--lp-text-heading:#0f172a;--lp-text-body:#475569;--lp-accent-blue:#2563eb;--lp-accent-emerald:#059669;--lp-accent-purple:#7c3aed}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2563eb}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline-offset:2px!important;outline:2px solid #2563eb!important}.hover-card-elevate{transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1)}.hover-card-elevate:hover{transform:translateY(-4px);border-color:#2563eb!important;box-shadow:0 12px 30px -10px #2563eb26!important}.app-container{height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .2s;box-shadow:0 2px 10px #00000008}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.card-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:800}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px;display:grid}.stat-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 2px 8px #00000008}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-info p{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:600}.stat-info h3{color:var(--text-primary);margin:0;font-size:24px;font-weight:900}.table-container{border:1px solid var(--border-color);border-radius:8px;width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th{background-color:var(--bg-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);white-space:nowrap;padding:14px 18px;font-size:12px;font-weight:800}td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:14px 18px}tr:last-child td{border-bottom:none}tr:hover td{background-color:#00000004}.btn{border-radius:var(--radius-button,12px);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--gl-navy,#1e3a8a)!important;color:#fff!important}.btn-primary:hover{background-color:var(--gl-navy-hover,#172554)!important}.btn-accent{background-color:var(--gl-amber,#f59e0b)!important;color:#fff!important}.btn-accent:hover{background-color:var(--gl-amber-hover,#d97706)!important}.btn-outline{border:1.5px solid var(--gl-navy,#1e3a8a)!important;color:var(--gl-navy,#1e3a8a)!important;background-color:#0000!important}.btn-outline:hover{background-color:var(--gl-sky-100,#e0f2fe)!important}.btn-icon{border:1px solid var(--border-color);cursor:pointer;width:34px;height:34px;color:var(--text-primary);background:0 0;border-radius:6px;justify-content:center;align-items:center;display:flex}.badge{border-radius:var(--radius-badge,999px);letter-spacing:.3px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.success{color:#059669;background-color:#ecfdf5}.badge.danger{color:#dc2626;background-color:#fef2f2}.badge.primary{background-color:var(--gl-navy-50,#eff6ff);color:var(--gl-navy,#1e3a8a)}.badge.warning{color:#d97706;background-color:#fffbeb}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:600px;max-height:90vh;padding:32px;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.form-group{margin-bottom:16px}.form-group label{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);background-color:var(--surface-color);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:10px 14px;font-size:14px}