:root{--app-bg:#f8fafc;--app-text:#0f1729;--card-bg:#ffffff;--card-border:#e2e8f0;--card-border-accent:#cbd5e1;--muted-text:#64748b;--text-secondary:#475569;--hover-bg:rgba(0,217,255,0.1);--no-invoice-bg:#f1f5f9;--icon-bg:#ffffff;--primary-color:#00D9FF;--bg-elevated:#f8fafc;--cyan:#00D9FF;--green:#22c55e;--red:#ef4444;--amber:#f59e0b;--cyan-dim:rgba(0,217,255,0.1);--green-dim:rgba(34,197,94,0.1);--red-dim:rgba(239,68,68,0.1);--amber-dim:rgba(245,158,11,0.1);--status-paid-bg:rgba(34,197,94,0.1);--status-paid-text:#15803d;--status-paid-border:rgba(34,197,94,0.2);--status-pending-bg:rgba(249,115,22,0.1);--status-pending-text:#c2410c;--status-pending-border:rgba(249,115,22,0.2);--status-overdue-bg:rgba(239,68,68,0.1);--status-overdue-text:#b91c1c;--status-overdue-border:rgba(239,68,68,0.2);--status-draft-bg:rgba(148,163,184,0.1);--status-draft-text:#475569;--status-draft-border:rgba(148,163,184,0.2);--stat-icon-bg:rgba(0,217,255,0.1);--no-invoice-icon-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.dark{--app-bg:#080c10;--app-text:#e8f4f8;--card-bg:#111720;--card-border:rgba(99,213,224,0.07);--card-border-accent:rgba(99,213,224,0.18);--muted-text:#3d5a70;--text-secondary:#7a9ab0;--hover-bg:#151d28;--no-invoice-bg:#111720;--icon-bg:#1a2333;--primary-color:#63d5e0;--bg-elevated:#1a2333;--cyan:#63d5e0;--green:#4ade80;--red:#f87171;--amber:#fbbf24;--cyan-dim:rgba(99,213,224,0.12);--green-dim:rgba(74,222,128,0.12);--red-dim:rgba(248,113,113,0.12);--amber-dim:rgba(251,191,36,0.12);--cyan-glow:rgba(99,213,224,0.22);--status-paid-text:#4ade80;--status-paid-bg:rgba(74,222,128,0.12);--status-paid-border:rgba(74,222,128,0.25);--status-pending-text:#fb923c;--status-pending-bg:rgba(251,146,60,0.12);--status-pending-border:rgba(251,146,60,0.25);--status-overdue-text:#f87171;--status-overdue-bg:rgba(248,113,113,0.12);--status-overdue-border:rgba(248,113,113,0.25);--status-draft-text:#94a3b8;--status-draft-bg:rgba(148,163,184,0.12);--status-draft-border:rgba(148,163,184,0.25);--stat-icon-bg:rgba(99,213,224,0.12);--no-invoice-icon-shadow:0 1px 3px 0 rgba(0,0,0,0.3),0 1px 2px 0 rgba(0,0,0,0.2)}body{background-color:var(--app-bg);color:var(--app-text);font-family:var(--font-inter,"Inter"),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-display{font-family:var(--font-space,"Space Grotesk"),var(--font-inter,"Inter"),sans-serif}.dashboard-wrapper{position:relative;min-height:100vh}.dashboard-wrapper:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(99,213,224,.015) 1px,transparent 0),linear-gradient(90deg,rgba(99,213,224,.015) 1px,transparent 0);background-size:48px 48px;pointer-events:none;z-index:0}.dashboard-bg-orbs{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.dashboard-bg-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.045}.dashboard-bg-orb-1{width:600px;height:600px;background:var(--cyan);top:-10%;left:-5%}.dashboard-bg-orb-1,.dashboard-bg-orb-2{animation:float 20s ease-in-out infinite}.dashboard-bg-orb-2{width:500px;height:500px;background:var(--red);bottom:-10%;right:-5%;animation-delay:7s}.dashboard-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:28px 28px 48px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card{position:relative;overflow:hidden;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:20px;transition:all .2s ease;display:flex;flex-direction:column;justify-content:space-between}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.5}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.28);border-color:var(--card-border-accent);background-color:var(--hover-bg)}.stat-glow{position:absolute;top:-20px;right:-20px;width:90px;height:90px;border-radius:50%;filter:blur(35px);opacity:.1;pointer-events:none}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.stat-card-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.stat-card-icon{width:38px;height:38px;border-radius:10px;display:flex;justify-content:center;align-items:center;background-color:var(--stat-icon-bg)!important;border:1px solid rgba(99,213,224,.15)}.stat-card-value{font-family:var(--font-space,"Space Grotesk"),var(--font-inter,"Inter"),sans-serif;font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.2}.recent-invoices-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;overflow:visible;transition:all .2s ease}.recent-invoices-card:hover{border-color:var(--card-border-accent)}.recent-invoices-header{padding:18px 22px 14px;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;align-items:center}.recent-invoices-title{font-family:var(--font-space,"Space Grotesk"),var(--font-inter,"Inter"),sans-serif;font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--app-text)}.recent-invoices-table{width:100%;border-collapse:collapse}.recent-invoices-table td,.recent-invoices-table th{padding:14px 22px;text-align:left;border-bottom:1px solid var(--card-border);color:var(--app-text);font-size:13px}.recent-invoices-table th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);font-weight:700;padding-top:16px;padding-bottom:16px}.recent-invoices-table tbody tr:hover{background-color:var(--hover-bg)}.recent-invoices-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid transparent;line-height:1.4}.status-badge-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.status-paid{background-color:var(--status-paid-bg);color:var(--status-paid-text);border-color:var(--status-paid-border)}.status-paid .status-badge-dot{background-color:var(--status-paid-text)}.status-pending{background-color:var(--status-pending-bg);color:var(--status-pending-text);border-color:var(--status-pending-border)}.status-pending .status-badge-dot{background-color:var(--status-pending-text)}.status-overdue{background-color:var(--status-overdue-bg);color:var(--status-overdue-text);border-color:var(--status-overdue-border)}.status-overdue .status-badge-dot{background-color:var(--status-overdue-text)}.status-draft{background-color:var(--status-draft-bg);color:var(--status-draft-text);border-color:var(--status-draft-border)}.status-draft .status-badge-dot{background-color:var(--status-draft-text)}.no-invoices-container{text-align:center;padding:4rem 1.5rem;background-color:var(--no-invoice-bg);border-radius:.75rem}.no-invoices-icon{width:4rem;height:4rem;border-radius:9999px;background-color:var(--icon-bg);display:flex;justify-content:center;align-items:center;margin:0 auto 1rem;box-shadow:var(--no-invoice-icon-shadow)}.no-invoices-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--app-text)}.no-invoices-description{color:var(--muted-text);margin-bottom:1.5rem}.common-button{background:linear-gradient(135deg,var(--cyan) 0,#3b82f6 100%);color:#080c10;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.8125rem;transition:all .2s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 0 12px rgba(99,213,224,.15);gap:6px}.common-button:hover{transform:translateY(-1px);box-shadow:0 0 20px rgba(99,213,224,.25)}.common-button:active{transform:translateY(0)}.btn-ghost{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--card-border);border-radius:8px;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s ease;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-ghost:hover{background:var(--hover-bg);border-color:var(--card-border-accent);color:var(--app-text)}.modal-bg{background-color:#ffffff}.dark .modal-bg{background-color:#0f1729;border:1px solid rgba(0,217,255,.2);box-shadow:0 0 50px rgba(0,0,0,.5)}.create-invoice-btn{text-decoration:none}.bg-gradient-radial{background-image:radial-gradient(var(--tw-gradient-stops))}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.animate-float{animation:float 20s ease-in-out infinite}.animation-delay-7000{animation-delay:7s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-in{animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards}.fade-in{animation-name:fade-in}.zoom-in-95{animation-name:zoom-in}:root{--background:0 0% 100%;--foreground:222 47% 11%;--card:0 0% 100%;--card-foreground:222 47% 11%;--popover:0 0% 100%;--popover-foreground:222 47% 11%;--primary:189 100% 50%;--primary-foreground:222 47% 11%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 40%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:189 100% 50%;--radius:0.5rem}.dark{--background:210 40% 4%;--foreground:0 0% 100%;--card:215 33% 9%;--card-foreground:0 0% 100%;--popover:215 33% 9%;--popover-foreground:0 0% 100%;--primary:189 100% 50%;--primary-foreground:210 40% 4%;--secondary:215 27.9% 16.9%;--secondary-foreground:210 40% 98%;--muted:215 27.9% 16.9%;--muted-foreground:215 20.2% 65.1%;--accent:215 27.9% 16.9%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:189 40% 8%;--input:215 27.9% 16.9%;--ring:189 100% 50%}.recent-invoices-card,.stat-card{max-width:100%;box-sizing:border-box}@media (max-width:1100px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content{padding:24px 20px 40px}}@media (max-width:640px){.dashboard-grid{grid-template-columns:1fr;gap:12px}.dashboard-content{padding:20px 16px 32px}.stat-card{padding:16px}.stat-card-value{font-size:24px}.stat-card-icon{width:34px;height:34px}.stat-card-icon svg{width:16px;height:16px}.recent-invoices-table td,.recent-invoices-table th{padding:10px 14px;font-size:12px}.recent-invoices-header{padding:14px 16px;flex-direction:column;align-items:flex-start;gap:.75rem}.recent-invoices-title{font-size:14px}.no-invoices-container{padding:2rem 1rem}.common-button{padding:.5rem .875rem;font-size:.75rem}.container{padding-left:1rem!important;padding-right:1rem!important;max-width:100vw!important;overflow-x:hidden!important}}@media (max-width:380px){.stat-card-value{font-size:20px}.recent-invoices-table td,.recent-invoices-table th{padding:8px 10px;font-size:11px}}.client-picker-dropdown{background:var(--popover,hsl(215 33% 9%))!important;border-color:var(--border,hsl(189 40% 8%))!important;box-shadow:0 12px 40px -8px rgba(0,0,0,.6)!important}.client-picker-dropdown [class*="hover:bg-accent"]{background:transparent!important}.client-picker-dropdown [class*="hover:text-accent-foreground"]{color:inherit!important}.client-picker-dropdown input{background:transparent!important;color:var(--foreground,#fff)!important}.client-picker-dropdown input::placeholder{color:var(--muted-foreground,#64748b)!important}.client-picker-dropdown .client-picker-search{border-color:var(--border,hsl(189 40% 8%))!important}.client-picker-dropdown .client-picker-search svg{color:var(--muted-foreground,#64748b)!important}.client-picker-dropdown .client-item{color:var(--foreground,#fff)!important}.client-picker-dropdown .client-item:hover{background:var(--accent,hsl(215 27.9% 16.9%))!important}.client-picker-dropdown .client-avatar{background:rgba(99,213,224,.12)!important;color:var(--primary-color,#63d5e0)!important}.client-picker-dropdown .client-name{color:var(--foreground,#fff)!important}.client-picker-dropdown .client-company,.client-picker-dropdown .client-email{color:var(--muted-foreground,#3d5a70)!important}.client-picker-dropdown .add-client-btn{color:var(--primary-color,#63d5e0)!important}.client-picker-dropdown .add-client-btn:hover{background:var(--accent,hsl(215 27.9% 16.9%))!important}.client-picker-dropdown .manual-entry-btn{color:var(--muted-foreground,#3d5a70)!important}.client-picker-dropdown .manual-entry-btn:hover{color:var(--foreground,#fff)!important;background:var(--accent,hsl(215 27.9% 16.9%))!important}.client-picker-dropdown .max-h-60{scrollbar-width:thin;scrollbar-color:var(--border,hsl(189 40% 8%)) transparent}.client-picker-dropdown .max-h-60::-webkit-scrollbar{width:6px}.client-picker-dropdown .max-h-60::-webkit-scrollbar-track{background:transparent}.client-picker-dropdown .max-h-60::-webkit-scrollbar-thumb{background:var(--border,hsl(189 40% 8%));border-radius:3px}