@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-base:#f4f6fb;--bg-surface:#fff;--bg-elevated:#eef1f8;--bg-card:#fff;--gold-primary:#c9960c;--gold-light:#e8b422;--gold-dark:#9f7700;--gold-muted:#c9960c1a;--gold-border:#c9960c4d;--success:#059669;--success-muted:#0596691a;--danger:#dc2626;--danger-muted:#dc26261a;--warning:#d97706;--warning-muted:#d977061a;--info:#2563eb;--info-muted:#2563eb1a;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--border:#00000014;--border-hover:#00000029;--glass-bg:#fffffff0;--glass-border:#00000012;--glass-blur:blur(12px);--shadow-sm:0 1px 6px #00000012;--shadow-md:0 4px 20px #00000017;--shadow-lg:0 16px 48px #00000021;--shadow-gold:0 0 32px #c9960c24;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--transition:all .22s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:600;line-height:1.3}a{color:var(--gold-primary);transition:var(--transition);text-decoration:none}a:hover{color:var(--gold-dark)}input,select,textarea,button{font-family:var(--font-body)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-elevated)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:99px}.app-shell{height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.page-body{flex:1;padding:24px;overflow-y:auto}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-body{padding:24px}.card-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;font-size:14px;font-weight:500;font-family:var(--font-body);border:none;align-items:center;gap:8px;padding:10px 20px;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;font-weight:600;box-shadow:0 4px 12px #c9960c4d}.btn-primary:hover{background:linear-gradient(135deg, var(--gold-light), var(--gold-primary));transform:translateY(-1px);box-shadow:0 6px 18px #c9960c66}.btn-outline{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.btn-outline:hover{border-color:var(--gold-border);color:var(--gold-primary);background:var(--gold-muted)}.btn-danger{background:var(--danger-muted);color:var(--danger);border:1px solid #dc262640}.btn-danger:hover{background:var(--danger);color:#fff}.btn-success{background:var(--success-muted);color:var(--success);border:1px solid #05966940}.btn-success:hover{background:var(--success);color:#fff}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-full{justify-content:center;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-control{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-body);transition:var(--transition);background:#f9fafb;outline:none;padding:11px 14px}.form-control:focus{border-color:var(--gold-border);background:#fff;box-shadow:0 0 0 3px #c9960c1a}.form-control::placeholder{color:var(--text-muted)}.form-control option{color:var(--text-primary);background:#fff}.alert{border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.alert-error{background:var(--danger-muted);color:#b91c1c;border:1px solid #dc262640}.alert-success{background:var(--success-muted);color:#065f46;border:1px solid #05966940}.alert-warning{background:var(--warning-muted);color:#92400e;border:1px solid #d9770640}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}thead th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-elevated);padding:12px 16px;font-size:11px;font-weight:600}thead th:first-child{border-radius:var(--radius-sm) 0 0 0}thead th:last-child{border-radius:0 var(--radius-sm) 0 0}tbody td{border-bottom:1px solid var(--border);color:var(--text-secondary);transition:var(--transition);padding:13px 16px}tbody tr:hover td{background:var(--bg-elevated);color:var(--text-primary)}tbody tr:last-child td{border-bottom:none}.badge{border-radius:99px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-muted);color:var(--success)}.badge-danger{background:var(--danger-muted);color:var(--danger)}.badge-warning{background:var(--warning-muted);color:var(--warning)}.badge-info{background:var(--info-muted);color:var(--info)}.badge-gold{background:var(--gold-muted);color:var(--gold-dark)}.badge-neutral{background:var(--bg-elevated);color:var(--text-secondary)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px;display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);padding:24px;position:relative;overflow:hidden}.kpi-card:before{content:"";background:radial-gradient(circle at top right, var(--gold-muted), transparent 70%);pointer-events:none;width:80px;height:80px;position:absolute;top:0;right:0}.kpi-card:hover{border-color:var(--gold-border);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.kpi-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:22px;display:flex}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:12px;font-weight:500}.kpi-value{font-size:28px;font-weight:700;font-family:var(--font-display);color:var(--text-primary)}.kpi-change{align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.kpi-change.up{color:var(--success)}.kpi-change.down{color:var(--danger)}.auth-page{background:linear-gradient(135deg,#f0f2fc 0%,#faf8f0 50%,#f4f6fb 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9960c14 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-20%;left:-10%}.auth-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb0f 0%,#0000 70%);width:500px;height:500px;position:absolute;bottom:-20%;right:-10%}.auth-card{border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg), var(--shadow-gold);z-index:1;background:#fff;padding:48px;position:relative}.auth-logo{text-align:center;margin-bottom:40px}.auth-logo h1{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:24px}.auth-logo p{color:var(--text-muted);font-size:14px}.auth-badge{border-radius:99px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);z-index:99;flex-direction:column;flex-shrink:0;width:260px;transition:width .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible;box-shadow:2px 0 8px #0000000a}.collapse-btn{border:1px solid var(--border);background:var(--bg-surface);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;z-index:1001;box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:22px;right:-12px}.collapse-btn:hover{border-color:var(--gold-border);color:var(--gold-primary);background:var(--gold-muted)}.sidebar-collapsed .sidebar{width:68px;overflow:visible}.sidebar-collapsed .sidebar .collapse-btn{transform:rotate(180deg)}.sidebar-collapsed .sidebar .sidebar-logo{text-align:center;padding:24px 10px 20px}.sidebar-collapsed .sidebar .sidebar-logo h2{font-size:20px}.sidebar-collapsed .sidebar .logo-text,.sidebar-collapsed .sidebar .logo-subtext,.sidebar-collapsed .sidebar .nav-section-label,.sidebar-collapsed .sidebar .nav-item span,.sidebar-collapsed .sidebar .sidebar-footer div{display:none!important}.sidebar-collapsed .sidebar .nav-item{justify-content:center;padding:10px 0}.sidebar-collapsed .sidebar .nav-icon{margin:0}.sidebar-collapsed .sidebar .sidebar-footer{align-items:center;padding:16px 0}@media (width<=768px){.sidebar{z-index:1002;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:260px!important}.mobile-sidebar-open .sidebar{transform:translate(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1001;background:#0006;animation:.2s fadeIn;position:fixed;inset:0}.collapse-btn{display:none!important}.sidebar-collapsed .sidebar{width:260px!important}.sidebar-collapsed .sidebar .logo-text,.sidebar-collapsed .sidebar .logo-subtext,.sidebar-collapsed .sidebar .nav-section-label,.sidebar-collapsed .sidebar .nav-item span,.sidebar-collapsed .sidebar .sidebar-footer div{display:block!important}.sidebar-collapsed .sidebar .nav-item{justify-content:flex-start!important;padding:10px 12px!important}.sidebar-collapsed .sidebar .nav-icon{margin-right:12px!important}.sidebar-collapsed .sidebar .sidebar-logo{text-align:left!important;padding:24px 20px 20px!important}.sidebar-collapsed .sidebar .sidebar-logo h2{font-size:18px!important}}.sidebar-logo{border-bottom:1px solid var(--border);padding:24px 20px 20px}.sidebar-logo h2{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px}.sidebar-logo span{color:var(--text-muted);font-size:12px}.sidebar-nav{flex:1;padding:16px 12px;overflow:hidden auto}.nav-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:16px 8px 8px;font-size:10px;font-weight:600}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;margin-bottom:2px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-item.active{background:var(--gold-muted);color:var(--gold-dark);border:1px solid var(--gold-border);font-weight:600}.nav-item.active .nav-icon{color:var(--gold-primary)}.nav-icon{flex-shrink:0;width:18px;height:18px}.sidebar-footer{border-top:1px solid var(--border);padding:16px 12px}.topbar{background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;box-shadow:0 1px 4px #0000000d}.topbar-left{align-items:center;gap:16px;display:flex}.topbar-subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:350px;margin-top:1px;font-size:12px;overflow:hidden}@media (width<=1024px){.topbar-subtitle{display:none!important}}.topbar-right{align-items:center;gap:12px;display:flex}.branch-select{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:var(--font-body);cursor:pointer;transition:var(--transition);background:#f9fafb;outline:none;min-width:160px;padding:7px 12px}.branch-select:focus{border-color:var(--gold-border)}.branch-select option{color:var(--text-primary);background:#fff}.topbar-user{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);align-items:center;gap:10px;padding:6px 12px;display:flex}.topbar-user:hover{background:var(--bg-elevated)}.avatar{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.topbar-user-info{flex-direction:column;display:flex}.topbar-user-info .name{color:var(--text-primary);font-size:13px;font-weight:600}.topbar-user-info .role{color:var(--text-muted);font-size:11px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-title{color:var(--text-primary);margin-bottom:2px;font-size:22px;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:14px}.search-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-input-wrap{flex:1;min-width:200px;max-width:360px;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-body);transition:var(--transition);background:#f9fafb;outline:none;padding:9px 12px 9px 38px}.search-input:focus{border-color:var(--gold-border);background:#fff;box-shadow:0 0 0 3px #c9960c14}.search-input::placeholder{color:var(--text-muted)}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-body{padding:16px}.topbar{gap:8px;padding:0 12px}.topbar-right{gap:8px}.topbar-user-info{display:none}.branch-select{min-width:100px;padding:6px 8px;font-size:12px}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;padding:8px 14px;font-size:13px}.page-header{gap:10px}.page-title{font-size:18px}.page-subtitle{font-size:12px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.kpi-card{padding:16px}.kpi-value{font-size:22px}.kpi-icon{width:38px;height:38px;margin-bottom:10px;font-size:18px}.search-bar{flex-direction:column;align-items:stretch;gap:8px}.search-input-wrap{max-width:100%}.card-body{padding:16px}.card-header{padding:14px 16px 0}}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.text-sm{font-size:13px}.text-xs{font-size:12px}.text-lg{font-size:18px}.text-xl{font-size:22px}.text-2xl{font-size:28px}.text-muted{color:var(--text-muted)}.text-gold{color:var(--gold-primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.font-bold{font-weight:700}.font-semi{font-weight:600}.w-full{width:100%}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#00000059;justify-content:center;align-items:center;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;padding:32px;animation:.22s slideUp;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{color:var(--text-primary);font-size:18px;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;padding:4px;font-size:20px}.modal-close:hover{color:var(--text-primary);background:var(--bg-elevated)}.tabs{border-bottom:2px solid var(--border);-webkit-overflow-scrolling:touch;gap:4px;margin-bottom:24px;display:flex;overflow-x:auto}.tab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-2px;padding:10px 20px;font-size:14px;font-weight:500}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--gold-primary);border-bottom-color:var(--gold-primary);font-weight:600}.spinner{border:2px solid #c9960c33;border-top-color:var(--gold-primary);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.spinner-lg{border-width:3px;width:40px;height:40px}.empty-state{text-align:center;padding:60px 20px}.empty-state-icon{opacity:.3;margin-bottom:16px;font-size:48px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px}.empty-state p{color:var(--text-muted);font-size:14px}.gated{pointer-events:none;position:relative}.gated:after{content:"";-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:var(--radius-lg);background:#f4f6fbd1;position:absolute;inset:0}.gate-overlay{z-index:10;pointer-events:all;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.action-row{align-items:center;gap:6px;display:flex}.filter-select{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:var(--font-body);cursor:pointer;transition:var(--transition);background:#f9fafb;outline:none;padding:8px 12px}.filter-select:focus{border-color:var(--gold-border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@media (width<=768px){.hamburger-btn{display:flex!important}.mobile-close-btn{display:block!important}.topbar{height:52px;padding:0 10px}.topbar-left{gap:8px}.topbar-user-info,.topbar-subtitle{display:none!important}.branch-select{min-width:80px;padding:5px 6px;font-size:11px}#topbar-notifications{padding:5px 8px!important}.page-body{padding:12px}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.page-header>button,.page-header>div:last-child{width:100%}.page-header .btn{justify-content:center;width:100%}.page-title{font-size:18px}.page-subtitle{font-size:12px}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.kpi-card{padding:14px}.kpi-value{font-size:20px}.kpi-icon{width:36px;height:36px;margin-bottom:8px;font-size:16px}.kpi-label{margin-bottom:4px;font-size:10px}.grid-2,.grid-3,.grid-4{gap:12px;grid-template-columns:1fr!important}.kpi-grid{grid-template-columns:1fr 1fr!important}.grid-2[style],.grid-3[style],.grid-4[style]{grid-template-columns:1fr!important}.kpi-grid[style]{grid-template-columns:1fr 1fr!important}.page-body>div[style*=grid],.modal>div[style*=grid],.modal form>div[style*=grid],.card-body>div[style*=grid],.card>div[style*=grid]{grid-template-columns:1fr!important}.tabs{scrollbar-width:none;gap:0;margin-bottom:16px}.tabs::-webkit-scrollbar{display:none}.tab-btn{padding:8px 12px;font-size:12px}.search-bar{flex-direction:column;align-items:stretch;gap:8px}.search-input-wrap{max-width:100%;min-width:unset}.filter-select{width:100%}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:600px}thead th{padding:10px;font-size:10px}tbody td{padding:10px;font-size:13px}.card-body{padding:12px}.card-header{padding:12px 12px 0}.card:hover{transform:none}.btn{padding:8px 14px;font-size:13px}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:10px 20px;font-size:14px}.modal-overlay{align-items:flex-end}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;width:100%!important;max-width:100%!important;max-height:92vh!important;margin:0!important;padding:20px 16px!important;animation:.25s slideUpMobile!important}.modal-header{margin-bottom:16px}.modal-title{font-size:16px}.form-group{margin-bottom:14px}.form-group label{margin-bottom:5px;font-size:11px}.form-control{padding:9px 12px;font-size:13px}.alert{padding:10px 12px;font-size:13px}.badge{padding:2px 8px;font-size:11px}.empty-state{padding:40px 16px}.empty-state-icon{font-size:36px}.empty-state h3{font-size:15px}.empty-state p{font-size:13px}.auth-card{margin:12px;padding:28px 20px}.auth-logo h1{font-size:20px}.auth-logo{margin-bottom:28px}.action-row{flex-wrap:wrap;gap:4px}.pagination-wrap{flex-direction:column;gap:6px;padding:12px!important}}@media (width<=480px){.kpi-grid,.kpi-grid[style]{gap:8px;grid-template-columns:1fr!important}.kpi-card{flex-direction:row;align-items:center;gap:12px;padding:12px;display:flex}.kpi-card:before{display:none}.kpi-icon{flex-shrink:0;width:42px;height:42px;margin-bottom:0!important}.kpi-value{font-size:18px}.kpi-label{margin-bottom:2px}.page-title{font-size:16px}.topbar{height:48px}.tab-btn{padding:6px 10px;font-size:11px}table{min-width:520px}thead th{padding:8px 6px;font-size:9px}tbody td{padding:8px 6px;font-size:12px}.btn{gap:5px;padding:7px 12px;font-size:12px}}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.responsive-table{border-collapse:collapse;width:100%}.switch-toggle input:checked+.slider-round{background-color:var(--success)}.switch-toggle input:checked+.slider-round span{transform:translate(20px)}.billing-table-container{margin-bottom:12px;overflow:visible}@media (width<=950px){.billing-table-container{overflow-x:auto}}.billing-table{border-collapse:collapse;width:100%;margin-bottom:12px}.billing-table thead th{color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-elevated);text-align:left;letter-spacing:.05em;text-transform:uppercase;padding:8px 6px;font-size:11px;font-weight:600}.billing-table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:6px 4px!important}.billing-table .form-control-sm{height:32px;color:var(--text-primary);background:#fafaf9;border:1px solid #c9960c2e;border-radius:6px;outline:none;width:100%;font-size:13px;transition:all .15s ease-in-out;padding:4px 8px!important}.billing-table .form-control-sm:focus{border-color:var(--gold-primary);background:#fff;box-shadow:0 0 0 3px #c9960c26}.billing-table .form-control-sm:disabled{border-color:var(--border);color:var(--text-muted);cursor:not-allowed;background:#f3f4f6}.billing-table input[type=number].form-control-sm{text-align:right;font-family:monospace}.billing-table select.form-control-sm{appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23c9960c'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")!important;background-position:right 8px center!important;background-repeat:no-repeat!important;background-size:12px!important;padding-right:24px!important}@media (width<=900px){.modal{width:95%!important;max-height:95vh!important;padding:16px!important}.responsive-table thead,.billing-table thead{display:none}.responsive-table tbody tr,.billing-table tbody tr{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:16px;padding:16px;display:block;position:relative}.responsive-table tbody td,.billing-table tbody td{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;display:flex;padding:10px 0!important}.responsive-table tbody td:last-child,.billing-table tbody td:last-child{border-bottom:none}.responsive-table tbody td:before,.billing-table tbody td:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;text-align:left;margin-right:8px;font-size:11px;font-weight:600;display:inline-block}.responsive-table tbody td>*,.billing-table tbody td>*{width:60%!important}.responsive-table tbody td.action-td>*,.billing-table tbody td.action-td>*{width:auto!important}}.invoice-print-template{display:none!important}@media print{@page{size:A4;margin:0}.sidebar,.sidebar-backdrop,.main-content>header,.modal-overlay,.no-print,button,.btn,.modal-close,.modal-header{display:none!important}html,body,#root,.app-shell,.main-content,.page-body{color:#0f172a!important;width:100%!important;height:auto!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.invoice-print-template{flex-direction:column;justify-content:space-between;box-sizing:border-box!important;color:#1e293b!important;page-break-after:avoid!important;page-break-before:avoid!important;background:#fff!important;border:none!important;width:210mm!important;height:297mm!important;margin:0 auto!important;padding:14mm!important;font-family:Inter,sans-serif!important;font-size:10px!important;line-height:1.4!important;display:flex!important}.print-brand-name{color:#c59b27!important;font-family:Playfair Display,serif!important;font-weight:700!important}.print-title{letter-spacing:2px!important;color:#0f172a!important;font-family:Cinzel,serif!important;font-weight:700!important}.print-card{background:#fafaf9!important;border:1px solid #e2e8f0!important;border-left:3px solid #d4af37!important;border-radius:6px!important;padding:10px 14px!important}.print-card-title{text-transform:uppercase!important;letter-spacing:.08em!important;color:#64748b!important;border-bottom:1px solid #e2e8f0!important;margin-bottom:8px!important;padding-bottom:4px!important;font-size:8.5px!important;font-weight:700!important}.print-table{border-collapse:collapse!important;width:100%!important;margin-top:5px!important}.print-table th{color:#475569!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;padding:6px 4px!important;font-size:8px!important;font-weight:600!important}.print-table td{color:#1e293b!important;border:1px solid #e2e8f0!important;padding:5px 4px!important;font-size:9px!important}.print-table tbody tr:nth-child(2n){background:#fafafa!important}.print-mono{font-family:JetBrains Mono,monospace!important;font-size:8.5px!important}.totals-row td{padding:3px 0!important}}