@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--background:#09090b;--foreground:#fafafa;--card:#18181b;--card-foreground:#fafafa;--primary:#3b82f6;--primary-foreground:#fff;--success:#10b981;--success-foreground:#fff;--destructive:#ef4444;--destructive-foreground:#fff;--warning:#f59e0b;--warning-foreground:#fff;--muted:#27272a;--muted-foreground:#a1a1aa;--border:#27272a;--radius:1.25rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#3b82f614,#0000 25%),radial-gradient(circle at 85% 30%,#10b9810d,#0000 25%);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.5}.layout-container{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(20px);z-index:10;background:#18181b99;border-right:1px solid #ffffff0d;flex-direction:column;gap:1rem;width:250px;padding:1.5rem;display:flex}.sidebar-title{background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-text-fill-color:transparent;letter-spacing:-.05em;-webkit-background-clip:text;margin-bottom:2rem;font-size:1.5rem;font-weight:800}.sidebar-nav-item{color:var(--muted-foreground);border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.sidebar-nav-item:hover,.sidebar-nav-item.active{color:var(--foreground);box-shadow:inset 2px 0 0 var(--primary);background-color:#3b82f61a}.main-content{flex:1;padding:2rem;overflow-y:auto}.page-title{letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#a1a1aa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:2rem;font-weight:800}.card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);background:#18181bb3;border:1px solid #ffffff0d;padding:1.5rem;box-shadow:0 4px 30px #00000080}.flex-between{justify-content:space-between;align-items:center;display:flex}.btn{cursor:pointer;text-shadow:0 1px 2px #0003;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.btn-outline{color:var(--foreground);background-color:#0000;border:1px solid #ffffff1a}.btn-outline:hover{background-color:#ffffff0d}.status-badge{text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-pending{color:#fbbf24;background-color:#f59e0b1a;border:1px solid #f59e0b33;box-shadow:0 0 10px #f59e0b1a}.status-paid{color:#34d399;background-color:#10b9811a;border:1px solid #10b98133;box-shadow:0 0 10px #10b9811a}.status-overdue{color:#f87171;background-color:#ef44441a;border:1px solid #ef444433;box-shadow:0 0 10px #ef44441a}.table-wrapper{border-radius:var(--radius);background:#18181b66;border:1px solid #ffffff0d;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid #ffffff0d;padding:1rem}th{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;background-color:#0003;font-size:.75rem;font-weight:600}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background-color:#ffffff05}.form-group{margin-bottom:1rem}.form-label{color:var(--muted-foreground);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input,.form-select{width:100%;color:var(--foreground);background-color:#0003;border:1px solid #ffffff1a;border-radius:.5rem;padding:.6rem .75rem;font-size:.875rem;transition:all .2s}.form-input:focus,.form-select:focus{border-color:var(--primary);background-color:#0006;outline:none;box-shadow:0 0 0 2px #3b82f633,inset 0 0 5px #00000080}.page-container{max-width:1600px;margin:0 auto;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;filter:blur(5px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}.bento-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}.bento-quarter{grid-column:span 1}.bento-half{grid-column:span 2}.bento-full{grid-column:span 4}@media (max-width:1200px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-quarter{grid-column:span 1}.bento-half,.bento-full{grid-column:span 2}}@media (max-width:768px){.bento-grid{grid-template-columns:1fr}.bento-quarter,.bento-half,.bento-full{grid-column:span 1}}.bento-card{-webkit-backdrop-filter:blur(20px);background:#18181b99;border:1px solid #ffffff0d;border-radius:1.5rem;flex-direction:column;padding:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff0d}.bento-card:after{content:"";-webkit-mask-composite:destination-out;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#fff0) border-box;border:1px solid #0000;border-radius:1.5rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bento-card:hover{border-color:#ffffff1a;transform:translateY(-5px)scale(1.01);box-shadow:0 20px 40px -15px #000000b3,0 0 20px #3b82f61a,inset 0 1px #ffffff1a}.glow-primary:hover{border-color:#3b82f64d;box-shadow:0 20px 40px -15px #000000b3,0 0 30px #3b82f633}.glow-success:hover{border-color:#10b9814d;box-shadow:0 20px 40px -15px #000000b3,0 0 30px #10b98133}.glow-danger:hover{border-color:#ef44444d;box-shadow:0 20px 40px -15px #000000b3,0 0 30px #ef444433}.glow-warning:hover{border-color:#f59e0b4d;box-shadow:0 20px 40px -15px #000000b3,0 0 30px #f59e0b33}.kpi-header{justify-content:space-between;align-items:center;margin-bottom:auto;padding-bottom:1rem;display:flex}.kpi-title{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.kpi-value{color:var(--foreground);letter-spacing:-.03em;text-shadow:0 2px 10px #00000080;margin-top:1rem;font-size:2.5rem;font-weight:900;line-height:1}.chart-title{color:var(--foreground);letter-spacing:-.01em;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.125rem;font-weight:700;display:flex}.chart-title:before{content:"";background:var(--primary);width:8px;height:8px;box-shadow:0 0 8px var(--primary);border-radius:50%;display:inline-block}@media (max-width:768px){.layout-container{flex-direction:column;padding-bottom:80px}.sidebar{-webkit-backdrop-filter:blur(20px);z-index:100;background:#18181be6;border-top:1px solid #ffffff0d;border-right:none;flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:70px;padding:0;position:fixed;bottom:0;left:0;right:0}.sidebar-title{display:none}.sidebar-nav{justify-content:space-around;align-items:center;gap:0;width:100%;display:flex;flex-direction:row!important}.sidebar-nav-item{color:var(--muted-foreground);border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:100%;padding:.5rem;font-size:.65rem}.sidebar-nav-item:hover,.sidebar-nav-item.active{box-shadow:inset 0 3px 0 var(--primary);background-color:#0000}.nav-label{margin-top:2px;display:block}.main-content{padding:1rem}.page-title{font-size:1.5rem}.table-wrapper{margin-bottom:1rem}}