@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--sidebar-width:240px;--topbar-height:60px;--font:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-label:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--blue-50:#eff4ff;--blue-100:#dbe6fe;--blue-200:#c7d9f8;--blue-400:#6e9bf0;--blue-500:#3b73e8;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#172554;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-tint:#eff4ff;--primary-tint-bd:#c7d9f8;--navy-950:#0d1b2e;--navy-900:#14233b;--navy-800:#1a2b4a;--navy-700:#243a5e;--navy:#0d1b2e;--sidebar-bg:#fff;--sidebar-border:#e8ecf0;--sidebar-hover:#f3f4f6;--sidebar-active:#eff4ff;--sidebar-text:#5b6577;--sidebar-text-act:#1d4ed8;--bg:#eef1f6;--surface:#fff;--surface-2:#f7f9fc;--border:#dde2ea;--border-2:#e9edf3;--text-1:#14233b;--text-2:#4a5568;--text-3:#777779;--green:#1f8a5b;--green-bg:#e4f4ec;--red:#c8392b;--red-bg:#fbe9e7;--amber:#c77a12;--amber-bg:#fbf0dc;--status-draft:#777779;--status-draft-bg:#eceef1;--status-process:#2563b5;--status-process-bg:#e7effa;--status-done:#1f8a5b;--status-done-bg:#e4f4ec;--status-archived:#c77a12;--status-archived-bg:#fbf0dc;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:14px;--shadow-sm:0 1px 3px #0d1b2e0f, 0 1px 2px #0d1b2e0a;--shadow-md:0 4px 12px -2px #0d1b2e14, 0 1px 3px #0d1b2e0d;--shadow-lg:0 10px 30px -6px #0d1b2e1f, 0 2px 8px #0d1b2e0d;--shadow-xl:0 20px 44px -8px #0d1b2e2e, 0 6px 16px #0d1b2e14}*,:before,:after{box-sizing:border-box}html,body{height:100%;font-family:var(--font);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;margin:0;padding:0;overflow-x:hidden}input,select,textarea{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);background-color:var(--surface)!important;color:var(--text-1)!important}input::placeholder,textarea::placeholder{color:var(--text-3)!important}input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.6;cursor:pointer}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c7cdd8;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#9aa3b2}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:40;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-logo{height:var(--topbar-height);border-bottom:1px solid var(--sidebar-border);flex-shrink:0;align-items:center;gap:10px;padding:0 18px;text-decoration:none;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.nav-section-label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:1.2px;color:#5b6c87;padding:16px 12px 6px;font-size:10px;font-weight:600}.nav-item{border-radius:var(--r-md);color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.nav-item:hover{background:var(--sidebar-hover);color:var(--text-1)}.nav-item.active{background:var(--sidebar-active);color:var(--sidebar-text-act);font-weight:600}.nav-item.active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:22%;bottom:22%;left:0}.sidebar-footer{border-top:1px solid var(--sidebar-border);padding:12px 10px}.main-area{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex;overflow:hidden}.topbar{height:var(--topbar-height);min-height:var(--topbar-height);background:var(--surface);border-bottom:1px solid var(--border-2);z-index:30;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.page-scroll{flex:1;overflow:hidden auto}.page-content{width:100%;max-width:1400px;margin:0 auto;padding:32px 36px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--border-2);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}@media (max-width:1280px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:20px 22px;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-stripe{display:none}.input{border:1px solid var(--border);border-radius:var(--r-sm);width:100%;font-size:13.5px;font-family:var(--font);color:var(--text-1);background:var(--surface);outline:none;padding:9px 14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.input::placeholder{color:var(--text-3)}.input-icon-wrap{position:relative}.input-icon-wrap .icon{color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.input-icon-wrap .input{padding-left:36px}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23777779' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.btn{border-radius:var(--r-sm);font-size:13.5px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:7px;padding:9px 18px;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 3px #2563eb40}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px -2px #2563eb59}.btn-ghost{background:var(--surface);color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-2);color:var(--text-1)}.btn-icon{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;width:30px;height:30px;color:var(--text-2);justify-content:center;align-items:center;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn-icon:hover,.btn-icon.blue:hover,.btn-icon.green:hover,.btn-icon.amber:hover{background:var(--blue-50);border-color:var(--blue-200);color:var(--primary)}.btn-icon.blue,.btn-icon.green,.btn-icon.amber,.btn-icon.red{border-color:var(--border);background:var(--surface);color:var(--text-2)}.btn-icon.red:hover{background:var(--red-bg);color:var(--red);border-color:#f2c9c4}.ticket-actions{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px;display:flex}.ticket-actions .btn-icon{flex-shrink:0;width:28px;height:28px}.ticket-actions-sep{background:var(--border);flex-shrink:0;width:1px;height:18px;margin:0 2px}.badge{white-space:nowrap;border-radius:var(--r-xs);font-family:var(--font-label);align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{background:var(--green-bg);color:var(--green);border:1px solid #bce3d0}.badge-red{background:var(--red-bg);color:var(--red);border:1px solid #f2c9c4}.badge-slate{background:var(--surface-2);color:var(--text-3);border:1px solid var(--border)}.badge-blue{background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-200)}.badge-amber{background:var(--amber-bg);color:var(--amber);border:1px solid #ead9b8}.status{border-radius:var(--r-xs);font-family:var(--font-label);align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.status .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-draft{color:var(--status-draft);background:var(--status-draft-bg)}.status-process{color:var(--status-process);background:var(--status-process-bg)}.status-done{color:var(--status-done);background:var(--status-done-bg)}.status-archived{color:var(--status-archived);background:var(--status-archived-bg)}.pill{white-space:nowrap;font-family:var(--font-label);border-radius:var(--r-xs);align-items:center;padding:3px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.pill-paid{color:var(--green);background:var(--green-bg);border:1px solid #bce3d0}.pill-debt{color:var(--red);background:var(--red-bg);border:1px solid #f2c9c4}.amount,.data-table td .amount{font-variant-numeric:tabular-nums}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}.data-table th{text-align:left;font-family:var(--font-label);text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 16px;font-size:11px;font-weight:600}.data-table td{color:var(--text-2);border-bottom:1px solid var(--border-2);vertical-align:middle;padding:12px 16px;font-size:13px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--surface-2)}.th-sticky-right{background:var(--surface-2);z-index:2;position:sticky;right:0;box-shadow:-4px 0 8px #0d1b2e0f}.td-sticky-right{background:var(--surface);z-index:1;position:sticky;right:0;box-shadow:-4px 0 8px #0d1b2e0a}.data-table tbody tr:hover .td-sticky-right{background:var(--surface-2)}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#0d1b2e66;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);width:100%;max-height:calc(100vh - 40px);animation:.2s cubic-bezier(.34,1.56,.64,1) both modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.modal-header{border-bottom:1px solid var(--border-2);background:var(--surface);z-index:1;border-radius:var(--r-xl) var(--r-xl) 0 0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:sticky;top:0}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:600px){.form-grid{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.5px;color:var(--text-2);font-size:11px;font-weight:600}.col-span-2{grid-column:1/-1}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.anim{animation:.35s both fadeUp}.anim-1{animation-delay:40ms}.anim-2{animation-delay:80ms}.anim-3{animation-delay:.12s}.anim-4{animation-delay:.16s}.anim-5{animation-delay:.2s}@media print{.no-print{display:none!important}body{background:#fff}}.responsive-page-head,.responsive-toolbar{min-width:0}.responsive-drawer{width:520px;max-width:100vw}.responsive-table{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.responsive-table>table,.table-wrap>table{min-width:760px}.responsive-two-col{min-width:0}@media (max-width:1180px){.responsive-kpi-5,.responsive-kpi-6{grid-template-columns:repeat(3,minmax(0,1fr))!important}.responsive-main-aside{grid-template-columns:1fr!important}}@media (max-width:1024px){:root{--sidebar-width:76px}.sidebar-logo{justify-content:center;padding:0 10px}.nav-section-label,.nav-item{justify-content:center}.nav-section-label,.sidebar-footer{display:none}.nav-item{padding:11px;font-size:0}.nav-item svg{flex-shrink:0}.page-content{padding:24px}}@media (max-width:900px){:root{--sidebar-width:0px;--topbar-height:56px}html,body{height:auto;overflow-x:hidden}.app-shell{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.sidebar{border-right:0;border-bottom:1px solid var(--sidebar-border);z-index:45;width:100%;min-width:0;max-width:100vw;height:auto;position:sticky;top:0}.sidebar-logo{justify-content:flex-start;height:52px;padding:0 16px}.sidebar-logo img{height:30px!important}.sidebar-nav{flex-direction:row;flex:none;gap:6px;padding:8px 12px 10px;overflow:auto hidden}.sidebar-nav>div{display:contents}.nav-section-label{display:none}.nav-item,.nav-item:not(.active) span,.nav-item.active span{display:inline-flex}.nav-item{border:1px solid var(--sidebar-border);background:var(--sidebar-hover);border-radius:999px;flex:none;width:auto;min-height:38px;padding:9px 13px;font-size:13px}.nav-item.active{background:var(--sidebar-active)}.nav-item.active:before{display:none}.main-area{min-height:0;margin-left:0;overflow:visible}.topbar{padding:0 16px}.topbar-user-meta{display:none}.page-scroll{overflow:visible}.page-content{padding:20px 16px 28px}.card-header,.responsive-card-header,.responsive-page-head,.responsive-toolbar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.responsive-card-header>*,.responsive-page-head>*,.responsive-toolbar>*,.responsive-toolbar .input-icon-wrap,.responsive-toolbar select,.responsive-toolbar button,.responsive-toolbar input{width:100%!important;max-width:none!important;margin-left:0!important}.responsive-kpi-5,.responsive-kpi-6{grid-template-columns:repeat(2,minmax(0,1fr))!important}.responsive-two-col{grid-template-columns:1fr!important}.responsive-field-row,.responsive-modal-actions{flex-direction:column!important;align-items:stretch!important}.responsive-modal-actions .btn,.responsive-modal-actions button{justify-content:center;width:100%}.responsive-drawer{width:100%!important}}@media (max-width:640px){.responsive-kpi-5,.responsive-kpi-6,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.page-content{padding:16px 12px 24px}.card-header{padding:14px 16px}.btn{justify-content:center}.responsive-table>table,.table-wrap>table{min-width:680px}.responsive-kpi-5>*,.responsive-kpi-6>*,.kpi-grid>*{border-radius:10px!important;min-height:0!important;padding:12px!important}.responsive-kpi-5>*>div,.responsive-kpi-6>*>div,.kpi-grid>*>div{gap:8px!important}.kpi-card{padding:12px!important}.kpi-card>div:nth-child(2){gap:8px;margin-top:0!important}.kpi-card>div:nth-child(2)>div:first-child>div:first-child,.responsive-kpi-5>* div[style*=uppercase],.responsive-kpi-6>* div[style*=uppercase],.kpi-grid>* div[style*=uppercase]{margin-bottom:5px!important;font-size:9.5px!important;line-height:1.2!important}.kpi-card>div:nth-child(2)>div:first-child>div:nth-child(2),.responsive-kpi-5>* div[style*="font-size: 20"],.responsive-kpi-6>* div[style*="font-size: 18"],.kpi-grid>* div[style*="font-size: 20"]{letter-spacing:0!important;font-size:17px!important;line-height:1.15!important}.kpi-card>div:nth-child(2)>div:first-child>div:nth-child(3){margin-top:3px!important;font-size:10.5px!important;line-height:1.25!important}.kpi-card>div:nth-child(2)>div:last-child,.responsive-kpi-5>*>div:first-child,.responsive-kpi-6>*>div:first-child{border-radius:8px!important;width:30px!important;height:30px!important}.modal-backdrop{align-items:stretch!important;padding:10px!important}.modal{border-radius:14px;max-height:calc(100vh - 20px)}}.mobile-record-list{display:none}@media (max-width:1240px){.desktop-data-table{display:none}.desktop-data-table+.mobile-record-list,.mobile-record-list{flex-direction:column;display:flex}.mobile-record{border-bottom:1px solid var(--border-2);background:var(--surface);padding:14px}.mobile-record:last-child{border-bottom:0}.mobile-record-top,.mobile-record-line,.mobile-record-actions{align-items:center;gap:10px;min-width:0;display:flex}.mobile-record-top{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:10px}.mobile-record-title{min-width:0;color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.mobile-record-subtitle{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11.5px;overflow:hidden}.mobile-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-bottom:12px;display:grid}.mobile-record-field{min-width:0}.mobile-record-label{color:var(--text-3);letter-spacing:.5px;text-transform:uppercase;font-size:9.5px;font-weight:700;font-family:var(--font-label);margin-bottom:3px}.mobile-record-value{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.mobile-record-actions{border-top:1px solid var(--border-2);justify-content:flex-start;padding-top:10px}.mobile-record-actions .ticket-actions{justify-content:flex-start;gap:8px;width:100%}.mobile-record-actions .btn-icon{width:40px;height:40px}.mobile-record-actions .ticket-actions-sep{margin:0 2px}.mobile-record-price{text-align:left;flex-shrink:0}}