@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.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.1y4-pdgsjb-pw.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.3lvt2whj97whp.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.2uwcyprjm3xu3.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.0k62hbripvv8p.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.3-6t-g6q0vh0a.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.2bn3s6zvc0dyp.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:center;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:none;transform:none}}.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;white-space:nowrap;text-overflow:ellipsis;margin-top:1rem;font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:900;line-height:1;overflow:hidden}.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}.pdv-layout{flex:1;gap:2rem;display:flex;overflow:hidden}.pdv-form-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;flex:0 0 500px;padding:2rem;display:flex;overflow-y:auto}.pdv-list-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;flex:1;padding:2rem;display:flex;overflow-y:auto}.os-board-container{flex-direction:column;height:100vh;padding:2rem;display:flex}.os-board-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.os-board-actions{flex:1;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.kanban-layout{flex:1;gap:1.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.kanban-column{background:#18181b66;border-radius:1rem;flex-direction:column;flex:0 0 320px;gap:1rem;padding:1rem;display:flex}.mobile-top-bar{display:none}@media (max-width:768px){body.sidebar-open{overflow:hidden}.mobile-top-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:101;background:#18181be6;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:60px;padding:1rem;display:flex;position:fixed;top:0;left:0;right:0}.mobile-top-bar-title{color:var(--primary);font-size:1.25rem;font-weight:700}.hamburger-btn{color:var(--foreground);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.layout-container{flex-direction:column;padding-top:60px;padding-bottom:0}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#18181bf2;border-top:none;border-right:1px solid #ffffff0d;flex-direction:column;justify-content:flex-start;align-items:stretch;width:250px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}body.sidebar-open .sidebar{transform:translate(0)}.sidebar-mobile-overlay{z-index:95;cursor:pointer;background:#00000080;position:fixed;inset:0}.sidebar-title{border-bottom:1px solid #ffffff0d;padding:1.5rem;display:block}.sidebar-nav{justify-content:flex-start;align-items:stretch;width:100%;padding:1rem 0;display:flex;flex-direction:column!important}.sidebar-nav-item{flex-direction:row;justify-content:flex-start;gap:.75rem;padding:.75rem 1.5rem;font-size:.875rem}.sidebar-nav-item:hover,.sidebar-nav-item.active{box-shadow:inset 3px 0 0 var(--primary);background-color:#ffffff05}.nav-label{margin-top:0;display:block}.main-content{padding:1rem}.page-title{font-size:1.5rem}.table-wrapper{margin-bottom:1rem}.pdv-layout{flex-direction:column;overflow-y:auto}.pdv-form-panel,.pdv-list-panel{flex:auto;width:100%;padding:1.5rem;overflow-y:visible}.os-board-container{height:auto;min-height:100vh;padding:1rem}.os-board-header{flex-direction:column;align-items:flex-start}.os-board-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.kanban-column{flex:0 0 280px}}.modal-backdrop{-webkit-backdrop-filter:blur(5px);z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius);background:#18181bf2;border:1px solid #ffffff1a;width:100%;max-width:500px;max-height:90vh;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) modalIn;overflow-y:auto;box-shadow:0 25px 50px -12px #000000b3}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.modal-close{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.25rem;transition:all .2s;display:flex}.modal-close:hover{color:var(--foreground);background:#ffffff1a}.modal-footer{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media print{body{font-size:12pt;color:#000!important;background:#fff!important}.no-print{display:none!important}.print-only{display:block!important}.layout-container{height:auto;display:block}.sidebar{display:none!important}.main-content{padding:0!important;overflow:visible!important}@page{size:A4;margin:15mm}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;box-shadow:none!important;text-shadow:none!important}}.form-row{flex-wrap:wrap;gap:1rem;display:flex}.form-row>div{flex:1;min-width:200px}.form-row>.flex-2{flex:2;min-width:250px}
.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;padding:.5rem 0;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));background:#18181be6;border-top:1px solid #ffffff0d;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:60px;font-size:.65rem;text-decoration:none;display:flex}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-item svg{margin-bottom:2px}}
@media (max-width:768px){.page-container{padding:1rem!important}.main-content{padding-bottom:80px!important}}