@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--font-primary:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--hue:224;--primary-base:var(--hue) 80%;--primary:hsl(var(--primary-base) 56%);--primary-hover:hsl(var(--primary-base) 48%);--primary-light:hsl(var(--primary-base) 96%);--secondary:#641ae6;--accent:#14b8a2;--success:#16a249;--success-bg:#e9fcf0;--warning:#dc8409;--warning-bg:#fef4e7;--danger:#e11436;--danger-bg:#fdecef;--info:#1481b8;--info-bg:#e8f6fc;--bg-app:#f9fafb;--bg-card:#fff;--border:#e1e7ef;--text-main:#182339;--text-muted:#65758b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--bg-app:#0f1219;--bg-card:#171b26;--border:#252a37;--text-main:#f1f5f9;--text-muted:#a6b0bf;--primary-light:hsl(var(--primary-base) 15%);--success-bg:#062d14;--warning-bg:#311d02;--danger-bg:#38050d;--info-bg:#062737;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s}a{color:var(--primary);transition:var(--transition);text-decoration:none}a:hover{color:var(--primary-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition);padding:24px}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{border-color:var(--border);color:var(--text-main);background-color:#0000}.btn-secondary:hover{background-color:var(--primary-light);border-color:var(--primary)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#bc102d}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:12px;font-weight:600}.form-control{border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-main);transition:var(--transition);padding:10px 14px;font-family:inherit;font-size:14px}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px hsl(var(--primary-base) 90%);outline:none}.table-container{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-card);overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.table th{background-color:var(--primary-light);color:var(--text-main);border-bottom:1px solid var(--border);padding:12px 16px;font-weight:600}.table td{border-bottom:1px solid var(--border);color:var(--text-main);padding:14px 16px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:var(--primary-light)}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-paid{background-color:var(--success-bg);color:var(--success)}.badge-pending{background-color:var(--warning-bg);color:var(--warning)}.badge-cancelled{background-color:var(--danger-bg);color:var(--danger)}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animated{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@media print{body{color:#000!important;background-color:#fff!important}.no-print{display:none!important}.print-only{display:block!important}.print-page{width:210mm;min-height:297mm;margin:0 auto;padding:15mm;box-shadow:none!important;background:#fff!important;border:none!important}}.dashboard-layout{min-height:100vh;display:flex}.sidebar{background-color:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:8px;width:260px;padding:24px 16px;display:flex}.sidebar-brand{color:var(--primary);align-items:center;gap:10px;margin-bottom:32px;padding-left:8px;font-size:20px;font-weight:800;display:flex}.sidebar-nav{flex-direction:column;flex-grow:1;gap:4px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px;font-size:14px;font-weight:500;display:flex}.nav-item:hover,.nav-item.active{background-color:var(--primary-light);color:var(--primary)}.main-content{background-color:var(--bg-app);flex-direction:column;flex-grow:1;display:flex;overflow-x:hidden}.top-bar{background-color:var(--bg-card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.page-body{flex-grow:1;padding:32px;overflow-y:auto}.kpi-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px;display:grid}.kpi-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:20px;display:flex}.kpi-title{color:var(--text-muted);text-transform:uppercase;font-size:13px;font-weight:600}.kpi-value{color:var(--text-main);font-size:24px;font-weight:700}.auth-container{background:radial-gradient(circle at 10% 20%, hsl(var(--primary-base) 96%) 0%, #f9fafb 90%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}@media (prefers-color-scheme:dark){.auth-container{background:radial-gradient(circle at 10% 20%, hsl(var(--primary-base) 10%) 0%, #0f1219 90%)}}.auth-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:40px}.auth-title{text-align:center;margin-bottom:8px;font-size:24px;font-weight:700}.auth-subtitle{color:var(--text-muted);text-align:center;margin-bottom:32px;font-size:14px}.invoice-sheet{color:#1e293b;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);background-color:#fff;border:1px solid #e2e8f0;width:100%;max-width:800px;margin:0 auto 32px;padding:32px;font-family:Outfit,sans-serif}.invoice-header{border-bottom:2px solid #3b82f6;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;display:flex}.invoice-logo-area{align-items:center;gap:16px;display:flex}.invoice-logo-placeholder{color:#fff;background-color:#3b82f6;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;font-weight:700;display:flex}.invoice-company-details{color:#475569;font-size:13px;line-height:1.4}.invoice-title-area{text-align:right}.invoice-title-main{color:#1e3a8a;letter-spacing:.5px;font-size:28px;font-weight:800}.invoice-meta-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px;display:grid}.invoice-meta-card{border-radius:var(--radius-sm);border:1px solid #e2e8f0;padding:12px 16px;font-size:13px}.invoice-meta-row{justify-content:space-between;margin-bottom:6px;display:flex}.invoice-meta-label{color:#64748b;font-weight:500}.invoice-meta-val{color:#0f172a;font-weight:600}.invoice-billing-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px;display:grid}.invoice-billing-card{border-radius:var(--radius-sm);background-color:#f8fafc;border:1px solid #e2e8f0;padding:16px}.invoice-billing-title{text-transform:uppercase;color:#1e3a8a;border-bottom:1px solid #e2e8f0;margin-bottom:8px;padding-bottom:6px;font-size:12px;font-weight:700}.invoice-billing-name{color:#0f172a;margin-bottom:4px;font-size:14px;font-weight:700}.invoice-billing-text{color:#475569;font-size:13px;line-height:1.4}.invoice-table{border-collapse:collapse;width:100%;margin-bottom:24px;font-size:12px}.invoice-table th{color:#1e293b;text-transform:uppercase;text-align:center;background-color:#f1f5f9;border:1px solid #cbd5e1;padding:8px 10px;font-weight:700}.invoice-table td{color:#334155;text-align:center;border:1px solid #cbd5e1;padding:8px 10px}.invoice-table td.left{text-align:left;font-weight:500}.invoice-summary-area{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.invoice-summary-words{color:#475569;flex-grow:1;max-width:50%;font-size:12px}.invoice-summary-words strong{color:#0f172a}.invoice-summary-table{width:300px;font-size:13px}.invoice-summary-row{border-bottom:1px dashed #e2e8f0;justify-content:space-between;padding:6px 0;display:flex}.invoice-summary-row.total{color:#1e3a8a;border-top:2px solid #3b82f6;border-bottom:2px solid #3b82f6;font-size:15px;font-weight:700}.invoice-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:flex-end;padding-top:24px;display:flex}.invoice-terms-notes{color:#64748b;max-width:60%;font-size:11px;line-height:1.4}.invoice-signature-area{text-align:center;color:#475569;font-size:12px}.invoice-signature-space{border-bottom:1px solid #cbd5e1;width:160px;height:60px;margin-bottom:8px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:600px;box-shadow:var(--shadow-lg);max-height:90vh;padding:32px;overflow-y:auto}@media (max-width:768px){.dashboard-layout{flex-direction:column!important}.sidebar{border-right:none!important;border-bottom:1px solid var(--border)!important;flex-flow:wrap!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;padding:12px 16px!important}.sidebar-brand{justify-content:space-between!important;width:100%!important;margin-bottom:0!important;padding-left:0!important}.sidebar-nav{flex-flow:wrap!important;gap:6px!important;width:100%!important}.nav-item{width:auto!important;padding:8px 12px!important;font-size:12px!important}.top-bar{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;height:auto!important;min-height:60px!important;padding:12px 16px!important}.page-body{padding:16px!important}.kpi-container{grid-template-columns:1fr 1fr!important;gap:12px!important;margin-bottom:16px!important}.kpi-card{padding:12px!important}.kpi-value{font-size:18px!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important;gap:16px!important}.invoice-meta-grid,.invoice-billing-grid{grid-template-columns:1fr!important;gap:12px!important}.invoice-summary-area{flex-direction:column!important;align-items:stretch!important}.invoice-summary-words{max-width:100%!important;margin-bottom:16px!important}.invoice-summary-table{width:100%!important}.invoice-sheet{padding:16px!important}.invoice-header{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.invoice-title-area{text-align:left!important}.invoice-logo-area{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.invoice-logo-area img{margin-right:0!important}}