:root{--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-main: 224 25% 4%;--bg-card: 224 25% 8%;--bg-input: 224 30% 12%;--primary: 160 84% 39%;--primary-hover: 160 84% 45%;--primary-glow: 160 84% 39% / .15;--accent-purple: 262 83% 58%;--accent-indigo: 239 84% 67%;--text-primary: 0 0% 100%;--text-secondary: 224 15% 75%;--text-muted: 224 12% 50%;--border-glass: 224 20% 20% / .4;--border-focus: 160 84% 39% / .5;--success: 142 70% 45%;--warning: 37 90% 50%;--danger: 350 80% 50%}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:hsl(var(--primary) / .3) transparent}body{background-color:hsl(var(--bg-main));color:hsl(var(--text-primary));font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--primary) / .3);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary))}body:before{content:"";position:absolute;top:-10%;left:20%;width:600px;height:600px;background:radial-gradient(circle,hsl(var(--primary) / .05) 0%,transparent 70%);pointer-events:none;z-index:0}body:after{content:"";position:absolute;bottom:10%;right:15%;width:500px;height:500px;background:radial-gradient(circle,hsl(var(--accent-purple) / .04) 0%,transparent 70%);pointer-events:none;z-index:0}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.container{width:100%;max-width:96%;margin:0 auto;padding:0 1.5rem}.glass-card{background:linear-gradient(135deg,hsl(var(--bg-card) / .7),hsl(var(--bg-card) / .4));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsl(var(--border-glass));border-radius:1.5rem;padding:2rem;box-shadow:0 20px 40px -15px #00000080;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,hsl(var(--primary) / .3),transparent);pointer-events:none}.glass-card:hover{border-color:hsl(var(--primary) / .25);box-shadow:0 25px 50px -12px #0009,0 0 40px -10px hsl(var(--primary) / .05);transform:translateY(-2px)}h1,h2,h3,h4,h5{font-weight:800;letter-spacing:-.025em;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-sans);font-weight:700;font-size:.875rem;padding:.75rem 1.5rem;border-radius:.75rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;border:none;outline:none}.btn-primary{background:hsl(var(--primary));color:#0b1319;box-shadow:0 8px 24px -6px hsl(var(--primary) / .5)}.btn-primary:hover{background:hsl(var(--primary-hover));box-shadow:0 12px 30px -4px hsl(var(--primary) / .7);transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:hsl(var(--bg-input));color:hsl(var(--text-primary));border:1px solid hsl(var(--border-glass))}.btn-secondary:hover{background:hsl(var(--bg-input) / 1.5);border-color:hsl(var(--text-secondary) / .3);transform:scale(1.02)}.btn-danger{background:hsl(var(--danger) / .2);color:hsl(var(--danger));border:1px solid hsl(var(--danger) / .4)}.btn-danger:hover{background:hsl(var(--danger) / .3);border-color:hsl(var(--danger));transform:scale(1.02)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;position:relative}.form-label{font-size:.725rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--text-muted));transition:color .2s ease}.form-group:focus-within .form-label{color:hsl(var(--primary))}.form-control{background-color:hsl(var(--bg-input) / .5);border:1px solid hsl(var(--border-glass));border-radius:.875rem;padding:.875rem 1.125rem;color:#fff;font-family:var(--font-sans);font-size:.875rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none;width:100%;box-shadow:inset 0 2px 4px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.form-control:hover{border-color:hsl(var(--primary) / .3);background-color:hsl(var(--bg-input) / .7);box-shadow:0 0 12px hsl(var(--primary) / .03)}.form-control:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .2),0 4px 20px -5px hsl(var(--primary) / .15);background-color:hsl(var(--bg-input) / .9);transform:translateY(-1px)}.form-control::placeholder{color:hsl(var(--text-muted));opacity:.7}select.form-control{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,255,255,0.7)' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.125rem center;background-size:.875rem;padding-right:2.75rem;cursor:pointer}select.form-control:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgb(16,185,129)' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E")}select.form-control option{background-color:hsl(var(--bg-card));color:#fff;font-weight:500;padding:.75rem}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea.form-control{min-height:100px;resize:vertical;line-height:1.5}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1.125rem;height:1.125rem;border:1px solid hsl(var(--border-glass));border-radius:.375rem;background:hsl(var(--bg-input) / .8);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}input[type=checkbox]:hover{border-color:hsl(var(--primary) / .5);background:hsl(var(--bg-input))}input[type=checkbox]:checked{background:hsl(var(--primary));border-color:hsl(var(--primary));box-shadow:0 0 10px hsl(var(--primary) / .3)}input[type=checkbox]:checked:after{content:"";display:block;width:.35rem;height:.6rem;border:solid #0b1319;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-success{background-color:hsl(var(--success) / .15);color:hsl(var(--success));border:1px solid hsl(var(--success) / .25)}.badge-pending{background-color:hsl(var(--warning) / .15);color:hsl(var(--warning));border:1px solid hsl(var(--warning) / .25)}.badge-danger{background-color:hsl(var(--danger) / .15);color:hsl(var(--danger));border:1px solid hsl(var(--danger) / .25)}.table-container{overflow-x:auto;border-radius:1rem;border:1px solid hsl(var(--border-glass));background:hsl(var(--bg-card) / .3)}table{width:100%;border-collapse:collapse;text-align:left}th{background-color:hsl(var(--bg-card));padding:1rem 1.25rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-muted));border-bottom:1px solid hsl(var(--border-glass))}td{padding:1.125rem 1.25rem;font-size:.875rem;color:hsl(var(--text-secondary));border-bottom:1px solid hsl(var(--border-glass) / .5);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background-color:hsl(var(--bg-input) / .2);color:#fff}.text-gradient{background:linear-gradient(135deg,#fff,hsl(var(--text-secondary)));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-primary{background:linear-gradient(135deg,hsl(var(--primary)),#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-purple{background:linear-gradient(135deg,hsl(var(--accent-purple)),hsl(var(--accent-indigo)));-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes holographic-glow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.holographic-loader{background:linear-gradient(-45deg,hsl(var(--primary) / .2),hsl(var(--accent-purple) / .2),hsl(var(--accent-indigo) / .2),hsl(var(--primary) / .2));background-size:400% 400%;animation:holographic-glow 8s ease infinite}.rotate-slow{animation:spin-slow 20s linear infinite}.navbar{height:5rem;border-bottom:1px solid hsl(var(--border-glass));background:hsl(var(--bg-main) / .8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;display:flex;align-items:center}.nav-container{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-logo{display:flex;align-items:center;gap:.75rem;font-weight:900;font-size:1.25rem;color:#fff;text-decoration:none}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-link{color:hsl(var(--text-secondary));text-decoration:none;font-size:.875rem;font-weight:600;transition:all .2s;cursor:pointer}.nav-link:hover,.nav-link.active{color:hsl(var(--primary))}.invoice-grid-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.invoice-grid-layout{grid-template-columns:3fr 1fr}}@keyframes fadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-fade{animation:fadeIn .3s ease-out forwards}