:root{--brand-navy-primary:#06142f;--brand-navy-dark:#020a1c;--brand-navy-surface:#0b1e40;--brand-navy-border:#1b2f56;--brand-blue:#008fe0;--brand-blue-hover:#007bc2;--brand-blue-active:#0066a3;--brand-blue-light:#eef8fd;--brand-blue-glow:#008fe059;--brand-electric:#00aeef;--brand-cyan:#00c8f5;--brand-cyan-surface:#00c8f51a;--brand-cyan-glow:#00c8f573;--brand-gold:#f5b400;--brand-gold-hover:#e0a300;--brand-gold-light:#fff9e6;--brand-gold-border:#ffe082;--brand-gold-glow:#f5b4004d;--bg-app:#f8fafc;--bg-surface:#fff;--bg-surface-secondary:#f1f5f9;--bg-surface-tertiary:#e2e8f0;--bg-overlay:#06142fa6;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-on-dark:#fff;--text-on-dark-secondary:#cbd5e1;--text-link:#008fe0;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-dark:#94a3b8;--border-focus:#008fe0;--status-success:#10b981;--status-success-bg:#ecfdf5;--status-success-border:#a7f3d0;--status-success-text:#065f46;--status-warning:#f59e0b;--status-warning-bg:#fffbeb;--status-warning-border:#fde68a;--status-warning-text:#92400e;--status-danger:#ef4444;--status-danger-bg:#fef2f2;--status-danger-border:#fecaca;--status-danger-text:#991b1b;--status-info:#008fe0;--status-info-bg:#eef8fd;--status-info-border:#bae6fd;--status-info-text:#0369a1;--font-family-body:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading:"Outfit", "Plus Jakarta Sans", sans-serif;--font-family-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-display:2.25rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:9999px;--shadow-xs:0 1px 2px #06142f0d;--shadow-sm:0 2px 4px #06142f0f, 0 1px 2px #06142f0a;--shadow-md:0 6px 14px -2px #06142f14, 0 2px 6px -1px #06142f0a;--shadow-lg:0 14px 28px -4px #06142f1a, 0 4px 12px -2px #06142f0d;--shadow-xl:0 24px 48px -10px #06142f24, 0 8px 16px -4px #06142f0f;--shadow-glow-blue:0 0 20px #008fe066;--shadow-glow-cyan:0 0 25px #00c8f573;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.24s cubic-bezier(.16, 1, .3, 1);--transition-slow:.38s cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.16, 1, .3, 1);--sidebar-width-expanded:260px;--sidebar-width-collapsed:72px;--header-height:64px}[data-theme=dark],.theme-dark{--bg-app:#050b18;--bg-surface:#09142c;--bg-surface-secondary:#0e1d3e;--bg-surface-tertiary:#142752;--bg-overlay:#020610eb;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-link:#00c8f5;--text-on-dark:#fff;--text-on-dark-secondary:#cbd5e1;--border-light:#00c8f52e;--border-medium:#00c8f552;--border-dark:#00c8f580;--border-focus:#00c8f5;--brand-navy-primary:#fff;--brand-navy-dark:#020712;--brand-navy-surface:#0e1d3e;--brand-navy-border:#00c8f540;--shadow-xs:0 1px 2px #00000080;--shadow-sm:0 3px 8px #0009;--shadow-md:0 8px 24px #000000b3;--shadow-lg:0 16px 40px #000c;--shadow-xl:0 28px 60px #000000e6}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-family-body);color:var(--text-primary);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--text-primary);font-weight:700;line-height:1.25}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--brand-blue-hover);text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.app-container{background-color:var(--bg-app);min-height:100vh;display:flex}.main-content-wrapper{flex-direction:column;flex:1;min-width:0;display:flex;overflow-x:clip}.page-body{padding:var(--space-6);flex:1;width:100%;max-width:1600px;margin:0 auto}@media (width<=768px){.page-body{padding:var(--space-4)}}.ub-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);position:relative;overflow:hidden}.ub-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium)}.ub-card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.ub-card-title{font-size:var(--font-size-md);color:var(--text-primary);align-items:center;gap:var(--space-2);letter-spacing:-.01em;font-weight:700;display:flex}.ub-card-body{padding:var(--space-6)}.ub-card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);background-color:var(--bg-surface-secondary);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.ub-btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family-body);font-size:var(--font-size-base);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:.65rem 1.25rem;font-weight:700;line-height:1;display:inline-flex;position:relative;overflow:hidden}.ub-btn:active:not(:disabled){transform:scale(.975)}.ub-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.ub-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.ub-btn-primary{color:#fff;background:linear-gradient(135deg,#008fe0 0%,#00c8f5 100%);box-shadow:0 4px 14px #008fe059}.ub-btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 20px #00c8f573}.ub-btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-medium);box-shadow:var(--shadow-xs)}.ub-btn-secondary:hover:not(:disabled){background-color:var(--bg-surface-secondary);border-color:var(--border-dark);transform:translateY(-1px)}.ub-btn-navy{background-color:var(--brand-navy-primary);color:#fff;box-shadow:var(--shadow-xs)}.ub-btn-navy:hover:not(:disabled){background-color:var(--brand-navy-surface);transform:translateY(-1px)}.ub-btn-gold{color:#06142f;border-color:var(--brand-gold-border);background:linear-gradient(135deg,#f5b400 0%,#fbbf24 100%);font-weight:800;box-shadow:0 4px 14px #f5b4004d}.ub-btn-gold:hover:not(:disabled){background-color:var(--brand-gold-hover);transform:translateY(-1px);box-shadow:0 6px 18px #f5b40073}.ub-btn-danger{background-color:var(--status-danger);color:#fff;box-shadow:0 4px 12px #ef444440}.ub-btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.ub-btn-success{background-color:var(--status-success);color:#fff;box-shadow:0 4px 12px #10b98140}.ub-btn-success:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.ub-btn-ghost{color:var(--text-secondary);background-color:#0000}.ub-btn-ghost:hover:not(:disabled){background-color:var(--bg-surface-secondary);color:var(--text-primary)}.ub-btn-sm{font-size:var(--font-size-xs);border-radius:var(--radius-xs);padding:.35rem .65rem}.ub-btn-lg{font-size:var(--font-size-md);border-radius:var(--radius-md);padding:.75rem 1.4rem}.ub-btn-icon{border-radius:var(--radius-sm);padding:.5rem}.ub-badge{font-size:var(--font-size-xs);border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;border:1px solid #0000;align-items:center;gap:.35rem;padding:.2rem .6rem;font-weight:600;display:inline-flex}.ub-badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.ub-badge-success{background-color:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success-text)}.ub-badge-success .ub-badge-dot{background-color:var(--status-success)}.ub-badge-warning{background-color:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning-text)}.ub-badge-warning .ub-badge-dot{background-color:var(--status-warning)}.ub-badge-danger{background-color:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger-text)}.ub-badge-danger .ub-badge-dot{background-color:var(--status-danger)}.ub-badge-info{background-color:var(--status-info-bg);border-color:var(--status-info-border);color:var(--status-info-text)}.ub-badge-info .ub-badge-dot{background-color:var(--status-info)}.ub-badge-neutral{background-color:var(--bg-surface-secondary);border-color:var(--border-medium);color:var(--text-secondary)}.ub-badge-neutral .ub-badge-dot{background-color:var(--text-muted)}.ub-badge-gold{background-color:var(--brand-gold-light);border-color:var(--brand-gold-border);color:#855900}.ub-badge-gold .ub-badge-dot{background-color:var(--brand-gold)}.ub-form-group{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.ub-label{font-size:var(--font-size-sm);color:var(--brand-navy-primary);align-items:center;gap:var(--space-1);font-weight:600;display:flex}.ub-label-required{color:var(--status-danger)}.ub-input,.ub-select,.ub-textarea{width:100%;font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);outline:none;padding:.65rem .9rem}.ub-input:hover:not(:disabled),.ub-select:hover:not(:disabled),.ub-textarea:hover:not(:disabled){border-color:var(--border-dark)}.ub-input:focus,.ub-select:focus,.ub-textarea:focus{border-color:var(--brand-blue);background-color:var(--bg-surface);box-shadow:0 0 0 3px #008fe040}.ub-input:disabled,.ub-select:disabled,.ub-textarea:disabled{background-color:var(--bg-surface-secondary);color:var(--text-muted);cursor:not-allowed}.ub-input-error{border-color:var(--status-danger)!important}.ub-input-error:focus{box-shadow:0 0 0 3px #ef444433!important}.ub-form-hint{font-size:var(--font-size-xs);color:var(--text-secondary)}.ub-form-error-msg{font-size:var(--font-size-xs);color:var(--status-danger);font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse{animation:1.8s cubic-bezier(.4,0,.6,1) infinite pulse}@media print{@page{size:A4 portrait;margin:10mm}html,body{color:#0f172a!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;font-size:11pt!important;overflow:visible!important}body *{visibility:hidden}.printable-invoice-container,.printable-invoice-container *{visibility:visible!important}.printable-invoice-container{width:100%!important;max-width:100%!important;box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;background:#fff!important;border:1.5px solid #0056d2!important;border-radius:6px!important;margin:0!important;padding:16px 20px!important;position:fixed!important;top:0!important;left:0!important}nav,aside,header,footer,button,.modal-overlay,.ub-modal-backdrop{display:none!important}}@media (width<=1024px){.header-mobile-menu-btn{display:inline-flex!important}.sidebar-collapse-btn{display:none!important}.sidebar-mobile-close-btn{display:flex!important}aside.app-sidebar{z-index:1000!important;width:280px!important;max-width:85vw!important;height:100vh!important;transition:transform .28s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-100%)!important;box-shadow:4px 0 28px #00000080!important}aside.app-sidebar.mobile-open{transform:translate(0)!important}.sidebar-mobile-backdrop{animation:.2s ease-out fadeIn;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;z-index:999!important;background:#000000a6!important;position:fixed!important;inset:0!important}.main-content-wrapper{width:100%!important;min-width:0!important}}@media (width<=768px){.app-header{gap:8px!important;padding:0 12px!important}.header-breadcrumbs{display:none!important}.header-page-title{max-width:170px!important;font-size:14px!important}.header-search-box,.header-user-text{display:none!important}.page-body{width:100%!important;padding:12px 10px!important}.ub-card-header{flex-wrap:wrap!important;gap:8px!important;padding:10px 12px!important}.ub-card-body{padding:12px!important}.ub-card-footer{padding:10px 12px!important}.data-table-container,.table-responsive{-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.ub-form-group{margin-bottom:12px!important}.ub-btn{padding:.45rem .8rem!important;font-size:13px!important}.ub-card[style*=max-width],.modal-container{width:96%!important;max-width:96vw!important;max-height:94vh!important;margin:0 auto!important}.auth-card{border-radius:18px!important;padding:20px 14px!important}.login-page-container{padding:12px 8px 24px!important}}@media (width<=480px){.header-page-title{max-width:130px!important;font-size:13px!important}.ub-btn{font-size:12px!important}}