:root{--app-bg:#f8fafc;--app-text:#0f1729;--card-bg:#ffffff;--card-border:#e2e8f0;--muted-text:#64748b;--hover-bg:rgba(0,217,255,0.1);--no-invoice-bg:#f1f5f9;--icon-bg:#ffffff;--primary-color:#00D9FF;--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:#0f1729;--app-text:#ffffff;--card-bg:rgba(255,255,255,0.03);--card-border:rgba(0,217,255,0.15);--muted-text:#94a3b8;--hover-bg:rgba(0,217,255,0.05);--no-invoice-bg:rgba(255,255,255,0.02);--icon-bg:rgba(255,255,255,0.05);--status-paid-text:#4ade80;--status-paid-bg:rgba(74,222,128,0.15);--status-paid-border:rgba(74,222,128,0.3);--status-pending-text:#fb923c;--status-pending-bg:rgba(251,146,60,0.15);--status-pending-border:rgba(251,146,60,0.3);--status-overdue-text:#f87171;--status-overdue-bg:rgba(248,113,113,0.15);--status-overdue-border:rgba(248,113,113,0.3);--status-draft-text:#94a3b8;--status-draft-bg:rgba(148,163,184,0.15);--status-draft-border:rgba(148,163,184,0.3);--stat-icon-bg:rgba(0,217,255,0.15);--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)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(10px)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,217,255,.1),0 4px 6px -2px rgba(0,217,255,.05);border-color:var(--primary-color)}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-card-title{font-size:.875rem;font-weight:500;color:var(--muted-text)}.stat-card-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;background-color:var(--stat-icon-bg)!important}.stat-card-value{font-size:1.875rem;font-weight:700}.recent-invoices-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;overflow:hidden;backdrop-filter:blur(10px)}.recent-invoices-header{padding:1.5rem;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;align-items:center}.recent-invoices-title{font-size:1.25rem;font-weight:600;color:var(--app-text)}.recent-invoices-table{width:100%;border-collapse:collapse}.recent-invoices-table td,.recent-invoices-table th{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid var(--card-border);color:var(--app-text)}.recent-invoices-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-text);font-weight:600}.recent-invoices-table tbody tr:hover{background-color:var(--hover-bg)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid transparent}.status-paid{background-color:var(--status-paid-bg);color:var(--status-paid-text);border-color:var(--status-paid-border)}.status-pending{background-color:var(--status-pending-bg);color:var(--status-pending-text);border-color:var(--status-pending-border)}.status-overdue{background-color:var(--status-overdue-bg);color:var(--status-overdue-text);border-color:var(--status-overdue-border)}.status-draft{background-color:var(--status-draft-bg);color:var(--status-draft-text);border-color:var(--status-draft-border)}.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}.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)}.common-button,.create-invoice-btn{text-decoration:none}.common-button{background-color:var(--primary-color);color:#0f1729;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;font-size:.875rem;transition:all .3s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 15px rgba(0,217,255,.3)}.common-button:hover{background-color:#00B8D9;transform:translateY(-1px);box-shadow:0 0 20px rgba(0,217,255,.5)}.bg-gradient-radial{background-image:radial-gradient(var(--tw-gradient-stops))}.common-button:active{transform:translateY(0)}@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}: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:222 47% 11%;--foreground:0 0% 100%;--card:222 47% 11%;--card-foreground:0 0% 100%;--popover:222 47% 11%;--popover-foreground:0 0% 100%;--primary:189 100% 50%;--primary-foreground:222 47% 11%;--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 100% 50%;--input:215 27.9% 16.9%;--ring:189 100% 50%}@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}.recent-invoices-card,.stat-card{max-width:100%;box-sizing:border-box}@media (max-width:640px){.dashboard-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1rem}.stat-card-value{font-size:1.5rem}.stat-card-icon{width:2.5rem;height:2.5rem}.recent-invoices-table td,.recent-invoices-table th{padding:.625rem .75rem;font-size:.8125rem}.recent-invoices-header{padding:1rem;flex-direction:column;align-items:flex-start;gap:.75rem}.recent-invoices-title{font-size:1.1rem}.no-invoices-container{padding:2rem 1rem}.common-button{padding:.625rem 1rem;font-size:.8125rem;white-space:nowrap}.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:1.25rem}.recent-invoices-table td,.recent-invoices-table th{padding:.5rem;font-size:.75rem}}