@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);:root{--bg-dark:#0f172a;--bg-darker:#020617;--panel-bg:#1e293bb3;--panel-border:#ffffff1a;--primary:#3b82f6;--primary-hover:#2563eb;--accent:#8b5cf6;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-blur:blur(12px)}*{box-sizing:border-box;font-family:Outfit,sans-serif;margin:0;padding:0}img{display:block;height:auto;max-width:100%}h1{font-size:clamp(18px,4vw,40px)}h2{font-size:clamp(16px,3vw,28px)}h3{font-size:clamp(14px,2.5vw,22px)}p{font-size:clamp(13px,1.8vw,16px)}body,html{height:100%;margin:0;overflow:hidden}body{background-attachment:fixed;background-color:#020617;background-color:var(--bg-darker);background-image:radial-gradient(at 0 0,#3b82f626 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf626 0,#0000 50%);color:#f8fafc;color:var(--text-main)}.glass-panel{backdrop-filter:blur(12px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--glass-blur);background:#1e293bb3;background:var(--panel-bg);border:1px solid #ffffff1a;border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 8px 32px 0 #0000004d;max-width:100%;overflow:hidden}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#0f172acc;border-right:1px solid #ffffff1a;border-right:1px solid var(--panel-border);display:flex;flex-direction:column;flex-shrink:0;gap:12px;height:100%;overflow-y:auto;padding:24px;width:280px}.logo-container{align-items:center;display:flex;gap:12px;margin-bottom:32px;padding:0 12px}.logo-icon{color:#3b82f6;color:var(--primary);height:32px;width:32px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;font-size:24px;font-weight:700}.nav-link{align-items:center;border-radius:12px;color:#94a3b8;color:var(--text-muted);display:flex;font-weight:500;gap:12px;padding:14px 16px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff0d;transform:translateX(4px)}.nav-link.active,.nav-link:hover{color:#f8fafc;color:var(--text-main)}.nav-link.active{background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid #8b5cf64d}.main-content{flex:1 1;height:100%;overflow-y:auto;padding:clamp(16px,3vw,40px)}.page-header{margin-bottom:32px}.page-title{font-size:clamp(20px,3.5vw,32px);font-weight:700;margin-bottom:8px}.page-subtitle{color:#94a3b8;color:var(--text-muted);font-size:clamp(12px,1.5vw,15px)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:32px}@media (min-width:480px) and (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:640px) and (max-width:768px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:769px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:linear-gradient(145deg,#1e293bb3,#0f172acc);border:1px solid #ffffff0d;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.stat-card:hover{border-color:#ffffff26;box-shadow:0 15px 35px #00000080,0 0 20px #ffffff0d;transform:translateY(-5px)}.stat-card .blob-bg{transition:all .5s ease}.stat-card:hover .blob-bg{opacity:.3!important;transform:scale(1.5)}.stat-card .icon-wrapper{transform-style:preserve-3d;transition:all 1.5s ease-out}.stat-card:hover .icon-wrapper{transform:scale(1.1) translateY(-2px) rotateY(1turn)}.stat-title{color:#94a3b8;color:var(--text-muted);font-size:clamp(10px,1vw,13px);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#fff;font-size:clamp(20px,2vw,32px);font-weight:700;margin-top:10px;text-shadow:0 2px 10px #0003}.form-group{margin-bottom:20px}.form-label{color:#94a3b8;color:var(--text-muted);display:block;font-size:14px;margin-bottom:8px}.form-input,.form-select{background:#0f172a80;border:1px solid #ffffff1a;border:1px solid var(--panel-border);border-radius:10px;color:#f8fafc;color:var(--text-main);font-size:16px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.form-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f8fafc' 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 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-select option{background-color:#0f172a;background-color:var(--bg-dark);color:#f8fafc;color:var(--text-main)}.form-input:focus,.form-select:focus{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f633}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:clamp(13px,1.4vw,16px);font-weight:600;gap:8px;justify-content:center;padding:clamp(8px,1.2vw,12px) clamp(14px,2vw,24px);transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #3b82f64d;opacity:.9;transform:translateY(-2px)}.btn-success{background:#10b981;background:var(--success);color:#fff}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.modal-overlay{align-items:center!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;background:#020617b3!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:16px!important;position:fixed!important;right:0!important;top:0!important;z-index:1000!important}.modal-overlay>.glass-panel{max-height:90vh!important;overflow-y:auto!important;padding:24px!important;width:100%!important}@media (max-width:576px){.modal-overlay{padding:12px!important}.modal-overlay>.glass-panel{padding:16px!important}}.modal-table{border-collapse:collapse;min-width:500px;width:100%}.table-container{overflow-x:auto!important;width:100%}.data-table{border-collapse:collapse;min-width:100%;width:100%}.data-table td:last-child{white-space:nowrap!important}.data-table td:last-child>div{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;justify-content:center!important}.table-pagination{align-items:center;background:#0003;border-top:1px solid #ffffff0d;color:#94a3b8;color:var(--text-muted);display:flex;font-size:14px;justify-content:space-between;padding:16px 20px}@media (max-width:768px){.table-pagination{align-items:center!important;flex-direction:column!important;gap:12px!important;text-align:center!important}.table-pagination,.table-pagination>div{justify-content:center!important}}.data-table td,.data-table th{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--panel-border);padding:16px;text-align:center}.data-table th{color:#94a3b8;color:var(--text-muted);font-size:14px;font-weight:600;text-transform:uppercase}.data-table tr:hover td{background:#ffffff05}.badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.badge-paid{background:#10b98133;border:1px solid #10b9814d;color:#10b981;color:var(--success)}.badge-pending{background:#f59e0b33;border:1px solid #f59e0b4d;color:#f59e0b;color:var(--warning)}.badge-low-stock{background:#ef444433;border:1px solid #ef44444d;color:#ef4444;color:var(--danger)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.1)}to{opacity:.15;transform:scale(1)}}.animate-fade-in{animation:fadeIn .4s ease;opacity:1}.stat-card{animation:slideUpFade .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.stat-card:first-child{animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-card:nth-child(5){animation-delay:.25s}.stat-card:nth-child(6){animation-delay:.3s}.stat-card:nth-child(7){animation-delay:.35s}.stat-card:nth-child(8){animation-delay:.4s}.stat-card:nth-child(9){animation-delay:.45s}.stat-card:nth-child(10){animation-delay:.5s}.stat-card:nth-child(11){animation-delay:.55s}.stat-card .blob-bg{animation:pulseGlow 4s ease-in-out infinite}.grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:768px){.grid-2{gap:24px;grid-template-columns:1fr 1fr}}.grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:640px){.grid-3{gap:20px;grid-template-columns:1fr 1fr}}@media (min-width:1024px){.grid-3{gap:24px;grid-template-columns:1fr 1fr 1fr}}.mobile-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#0f172ae6;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--panel-border);display:none;gap:16px;height:60px;justify-content:space-between;left:0;padding:0 30px 0 16px;position:fixed;top:0;width:100%;z-index:990}.hamburger-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#f8fafc;color:var(--text-main);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s}.hamburger-btn:hover{background:#ffffff0d}.mobile-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;font-size:clamp(16px,4vw,20px);font-weight:700}.sidebar-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:none;justify-content:center;padding:4px;transition:all .2s}.sidebar-close-btn:hover{background:#ffffff0d;color:#f8fafc;color:var(--text-main)}@media (max-width:768px){.app-container{flex-direction:column}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020617a6;height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:999}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.sidebar{height:100vh;left:-280px;position:fixed;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:1000}.sidebar.open{left:0}.sidebar-close-btn{display:flex;margin-left:auto}.mobile-header{display:flex}.main-content{height:calc(100vh - 60px);margin-top:60px;max-width:100%;padding:16px;width:100%}.page-header{justify-content:center!important;margin-bottom:24px!important}.page-header,.page-header>div{align-items:center!important;display:flex!important;flex-direction:column!important;text-align:center!important}.page-header>div:last-child{flex-direction:row!important;justify-content:center!important;margin-top:12px!important;width:100%!important}.table-status{padding:12px 16px!important;text-align:center!important}}@media (max-width:479px){.main-content{padding:12px!important}.page-title{font-size:18px!important}.page-subtitle{font-size:12px!important}.stat-card{padding:14px!important}.stat-value{font-size:20px!important;margin-top:6px!important}.stat-title{font-size:10px!important}.btn{font-size:13px!important;padding:9px 14px!important}.data-table td,.data-table th{font-size:12px!important;padding:10px 8px!important}.data-table th{font-size:11px!important}.form-input,.form-select{font-size:14px!important;padding:10px 12px!important}.logo-text{font-size:18px!important}}@media (min-width:480px) and (max-width:639px){.main-content{padding:14px!important}.page-title{font-size:20px!important}.stat-card{padding:16px!important}.stat-value{font-size:22px!important}.btn{font-size:14px!important}}@media (min-width:769px) and (max-width:1023px){.main-content{padding:20px!important}.page-title{font-size:22px!important}.stat-card{padding:18px!important}.stat-value{font-size:24px!important}.stat-title{font-size:11px!important}.data-table td,.data-table th{font-size:13px!important;padding:12px 10px!important}.sidebar{width:240px!important}}@media (min-width:1024px) and (max-width:1279px){.main-content{padding:28px!important}.page-title,.stat-value{font-size:26px!important}.data-table td,.data-table th{font-size:13px!important;padding:12px 10px!important}}@media (min-width:1280px){.main-content{padding:40px}.page-title,.stat-value{font-size:30px}}input,select,textarea{max-width:100%}.responsive-batch-row{grid-template-columns:1fr}@media (min-width:600px){.responsive-batch-row{grid-template-columns:135px 1fr 1fr 1fr auto}}.settings-tabs-panel{position:static!important;width:100%!important}.settings-tabs-list{flex-direction:row!important;flex-wrap:wrap}.settings-tabs-list button{flex:1 1;min-width:130px}@media (min-width:768px){.settings-tabs-panel{position:-webkit-sticky!important;position:sticky!important;width:280px!important}.settings-tabs-list{flex-direction:column!important}.settings-tabs-list button{flex:none}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media print{@page{size:A4 portrait;margin:0}body,html{background:#fff!important;color:#000!important;font-size:12px;height:100%!important;margin:0!important;padding:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;width:100%!important}.app-container{display:block;min-height:0!important}.no-print,.sidebar{display:none!important}.main-content{height:auto;margin:0!important;overflow:visible;padding:0!important;width:100%!important}.glass-panel{border:none!important;box-shadow:none!important}.glass-panel,.invoice-print-wrapper{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:none!important}.invoice-print-wrapper{display:block!important;margin:0!important;overflow:visible!important;padding:0!important;position:static!important;width:100%!important;z-index:auto!important}.invoice-card-shell{padding:0!important}.invoice-card-shell,.printable-area{border-radius:0!important;box-shadow:none!important;margin:0!important;width:100%!important}.printable-area{background:#fff!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;min-height:100vh!important;padding:15mm!important}.printable-area h1{font-size:24px!important}.printable-area h2{font-size:18px!important}.printable-area h3{font-size:16px!important;margin-bottom:8px!important}.printable-area .grid-2{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:1fr 1fr!important;margin-bottom:10px!important}.printable-area .grid-2>div{padding:10px!important}.printable-area table{font-size:11px}.printable-area td,.printable-area th{padding:6px 10px}.printable-area>div:last-child{margin-top:10px!important;page-break-inside:avoid}.data-table td,.data-table th{border-bottom:1px solid #ccc!important;color:#000!important}.data-table th{color:#333!important}}.auth-left-panel{display:none}@media (min-width:768px){.auth-left-panel{display:flex!important}}@media (max-width:480px){.login-container-wrapper{padding:20px!important}}@media (max-width:576px){.main-content [style*="padding: 24px"],.main-content [style*="padding: 32px"],.main-content [style*="padding:24px"],.main-content [style*="padding:32px"]{padding:16px!important}}.modal-footer-buttons{display:flex!important;gap:12px!important;margin-top:24px!important;width:100%!important}@media (max-width:480px){.modal-footer-buttons{flex-direction:column!important;gap:10px!important}.modal-footer-buttons a,.modal-footer-buttons button{margin:0!important;width:100%!important}}.main-content{overflow-x:hidden!important}.show-mobile{display:none!important}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.table-container{background:#0000!important;border:none!important;box-shadow:none!important;overflow-x:hidden!important;padding:12px!important}.data-table,.data-table tbody,.data-table td,.data-table thead,.data-table tr{box-sizing:border-box;display:block;width:100%!important}.data-table thead{display:none!important}.data-table tr{background:#1e293b66!important;border:1px solid #ffffff0d!important;border-radius:12px!important;box-shadow:0 4px 12px #00000026;margin-bottom:12px!important;padding:16px!important;position:relative}.data-table tr:last-child{margin-bottom:0!important}.data-table td{background:#0000!important;border-bottom:none!important;min-height:auto;padding:10px 0!important;text-align:left!important}.data-table td.checkbox-cell{background:#0000!important;padding:0!important;position:absolute;right:16px;top:16px;width:auto!important;z-index:10}.data-table td:not(.checkbox-cell):first-of-type,.data-table td:nth-child(2):not(.checkbox-cell):not([data-label]){border-bottom:1px solid #ffffff14!important;color:#fff!important;font-size:16px!important;font-weight:600!important;margin-bottom:4px!important;padding-bottom:12px!important;width:calc(100% - 30px)!important}.data-table td[data-label]{align-items:center!important;color:#f8fafc;color:var(--text-main);display:flex!important;font-size:14px;justify-content:space-between!important}.data-table td[data-label]:before{color:#94a3b8;color:var(--text-muted);content:attr(data-label);font-size:12px;font-weight:600;margin-right:12px;text-transform:uppercase}.data-table td:last-child{border-top:1px solid #ffffff14!important;margin-top:4px!important;padding-top:16px!important}.data-table td:last-child:before{display:none!important}.data-table td:last-child>div{gap:12px!important;justify-content:center!important}}.action-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;height:34px;justify-content:center;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:34px}.action-btn:hover{box-shadow:0 4px 12px #00000026;filter:brightness(1.15);transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.action-btn-view{background:#3b82f626!important;border:1px solid #3b82f640!important;color:#3b82f6!important;color:var(--primary)!important}.action-btn-stock{background:#10b98126!important;border:1px solid #10b98140!important;color:#10b981!important;color:var(--success)!important}.action-btn-edit{background:#8b5cf626!important;border:1px solid #8b5cf640!important;color:#8b5cf6!important;color:var(--accent)!important}.action-btn-delete{background:#ef444426!important;border:1px solid #ef444440!important;color:#ef4444!important;color:var(--danger)!important}@media (max-width:992px){.data-table td,.data-table th{font-size:13px!important;padding:10px 8px!important}.data-table th{font-size:12px!important}}@media (max-width:768px){.data-table{min-width:100%!important}}@media (max-width:480px){.modal-overlay>.glass-panel [style*="padding: 20px"],.modal-overlay>.glass-panel [style*="padding: 32px"],.modal-overlay>.glass-panel [style*="padding:20px"],.modal-overlay>.glass-panel [style*="padding:32px"]{padding:16px!important}}.table-status{border-bottom:1px solid #ffffff0d;color:#94a3b8;color:var(--text-muted);font-size:14px;padding:16px 20px}.card-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--panel-border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px}@media (max-width:600px){.card-header{align-items:stretch!important;flex-direction:column!important;gap:12px!important;padding:16px!important}.card-header>div{max-width:100%!important;width:100%!important}}.search-input{padding-left:40px!important}body.pdf-generating .invoice-card-shell,body.pdf-generating .printable-area{zoom:1!important;border-radius:0!important;box-shadow:none!important;margin:0!important;transform:none!important}@media screen and (max-width:820px){.invoice-card-shell,.printable-area{zoom:.9!important}.invoice-card-shell .printable-area{zoom:1!important}}@media screen and (max-width:720px){.invoice-card-shell,.printable-area{zoom:.8!important}.invoice-card-shell .printable-area{zoom:1!important}}@media screen and (max-width:640px){.invoice-card-shell,.printable-area{zoom:.7!important}.invoice-card-shell .printable-area{zoom:1!important}}@media screen and (max-width:560px){.invoice-card-shell,.printable-area{zoom:.6!important}.invoice-card-shell .printable-area{zoom:1!important}}@media screen and (max-width:480px){.invoice-card-shell,.printable-area{zoom:.5!important}.invoice-card-shell .printable-area{zoom:1!important}}@media screen and (max-width:400px){.invoice-card-shell,.printable-area{zoom:.42!important}.invoice-card-shell .printable-area{zoom:1!important}}@media screen and (max-width:340px){.invoice-card-shell,.printable-area{zoom:.38!important}.invoice-card-shell .printable-area{zoom:1!important}}.preview-action-bar{align-items:center;background:linear-gradient(135deg,#1e3a8a,#0f172a);border-radius:12px 12px 0 0;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;max-width:210mm;padding:14px 20px;width:100%}@media (max-width:600px){.preview-action-bar{align-items:stretch!important;border-radius:0!important;flex-direction:column!important;padding:12px 16px!important}.preview-action-buttons{align-items:center!important;display:flex!important;gap:8px!important;width:100%!important}.preview-action-buttons button:not(.btn-close-preview){flex:1 1!important;font-size:12px!important;justify-content:center!important;padding:9px 12px!important}}@media (max-width:480px){.preview-action-bar{gap:8px!important;padding:10px 12px!important}.preview-header-icon{height:32px!important;width:32px!important}.preview-header-icon svg{height:15px!important;width:15px!important}.preview-header-title{font-size:13px!important}.preview-header-subtitle{font-size:10px!important}.preview-action-buttons{gap:6px!important}.preview-action-buttons button:not(.btn-close-preview){font-size:10.5px!important;gap:4px!important;padding:8px 6px!important}.preview-action-buttons button:not(.btn-close-preview) svg{height:14px!important;width:14px!important}.preview-action-buttons .btn-close-preview{height:32px!important;width:32px!important}.preview-action-buttons .btn-close-preview svg{height:16px!important;width:16px!important}}@media (max-width:576px){.modal-overlay:not(.modal-alert){display:block!important;padding:0!important}.modal-overlay:not(.modal-alert)>.glass-panel{animation:slideUp .35s cubic-bezier(.16,1,.3,1) forwards!important;border:none!important;border-radius:0!important;height:100%!important;margin:0!important;max-height:100%!important;max-width:100%!important;padding:24px 16px 32px!important;width:100%!important}.form-group{margin-bottom:16px!important}.form-label{font-size:13px!important;margin-bottom:6px!important}.form-input,.form-select{border-radius:8px!important;font-size:14px!important;padding:9px 12px!important}.form-select{background-position:right 12px center!important}.btn{border-radius:8px!important;font-size:14px!important;padding:9px 16px!important}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.security-password-group{max-width:none!important}.settings-tabs-panel{flex-shrink:0;padding:16px;position:-webkit-sticky;position:sticky;top:24px;width:280px}.settings-tabs-list{display:flex;flex-direction:column;gap:8px}.settings-tab-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:16px;transition:all .3s ease}.settings-tab-btn.active{background:#6366f126;color:#3b82f6;color:var(--primary);font-weight:600}.settings-tab-chevron{transition:transform .3s ease}@media (max-width:1200px){.settings-tabs-panel+div .grid-2{gap:16px!important;grid-template-columns:1fr!important}}.modal-overlay.modal-alert{align-items:center!important;padding:20px!important}.modal-overlay.modal-alert>.glass-panel{animation:fadeIn .25s ease forwards!important;border-radius:20px!important;max-height:85vh!important;max-width:400px!important;overflow-y:auto!important;width:100%!important}@media (max-width:1024px){.settings-tabs-panel{padding:12px!important;position:static!important;width:100%!important}.settings-tabs-list{flex-direction:row!important;gap:8px!important}.settings-tab-btn{flex:1 1!important;font-size:13px!important;justify-content:center!important;padding:12px 10px!important}.settings-tab-btn svg{height:18px!important;width:18px!important}.settings-tab-btn span{font-size:13px!important}.settings-tab-chevron{display:none!important}.security-header-container{align-items:center!important;flex-direction:column!important;gap:12px!important;text-align:center!important}.security-lock-wrapper{padding:12px!important}.security-lock-icon{height:24px!important;width:24px!important}.profile-header-container h2,.security-title-wrapper h2{font-size:20px!important}.profile-header-container p,.security-title-wrapper p{font-size:13.5px!important}.settings-submit-wrapper{justify-content:center!important}}@media (max-width:768px){.page-header>a:last-child,.page-header>button:last-child{justify-content:center!important;width:100%!important}.page-title{gap:12px!important}.page-title>div{border-radius:12px!important;padding:10px!important}.page-title svg{height:24px!important;width:24px!important}}.payments-tabs{background:#0f172a80;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;padding:4px}@media (max-width:480px){.payments-tabs{padding:4px!important;width:100%!important}.payments-tabs>button{flex:1 1!important;font-size:12px!important;justify-content:center!important;padding:8px 6px!important;text-align:center!important}}@media (min-width:577px) and (max-width:768px){.modal-overlay>.glass-panel{max-width:calc(100vw - 48px)!important}}@media (max-width:576px){.modal-overlay>.glass-panel{overflow:hidden!important;overflow-y:auto!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:576px){.modal-overlay>.glass-panel{padding-bottom:calc(32px + env(safe-area-inset-bottom))!important}}}@media (max-width:576px){.modal-overlay:not(.modal-alert)>.glass-panel:after{background:#ffffff2e;border-radius:2px;content:"";display:block;height:4px;left:50%;pointer-events:none;position:absolute;top:10px;transform:translateX(-50%);width:36px}.modal-overlay:not(.modal-alert)>.glass-panel{padding-top:28px!important;position:relative}.glass-panel{overflow:visible}.modal-overlay>.glass-panel{overflow:hidden!important;overflow-y:auto!important}}.flex-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}@media (max-width:768px){.flex-page-header{align-items:center!important;flex-direction:column!important;gap:12px!important;text-align:center!important}.flex-page-header .page-header{margin-bottom:0!important;text-align:center!important}.flex-page-header .page-header h1,.flex-page-header .page-header p{text-align:center!important}.flex-page-header>a,.flex-page-header>button,.flex-page-header>div:last-child{justify-content:center!important;width:100%!important}.flex-page-header>div:last-child{display:flex!important;gap:10px!important}.flex-page-header>div:last-child>a,.flex-page-header>div:last-child>button{flex:1 1!important;justify-content:center!important}}@media (max-width:360px){.stat-card{padding:12px!important}.badge{font-size:10px!important;padding:3px 8px!important}.action-btn{height:30px!important;width:30px!important}.card-header{padding:12px!important}.btn{font-size:12px!important;padding:8px 12px!important}.data-table td,.data-table th{font-size:11px!important}}@media (max-width:600px){.chart-container{height:220px!important}}@media (max-width:400px){.table-pagination{flex-direction:column!important;gap:10px!important;text-align:center!important}.table-pagination>div{justify-content:center!important}}@media (max-width:768px){.page-header>div:last-child>button{flex:1 1;justify-content:center;min-width:130px}}.form-input.search-input{padding-left:40px!important}@media (max-width:768px){.data-table.no-actions-table td:last-child{border-top:none!important;margin-top:0!important;padding-top:10px!important}.data-table.no-actions-table td:last-child:before{display:flex!important}}@media (max-width:576px){.modal-overlay .btn,.modal-overlay .form-input,.modal-overlay .form-select{font-size:14px!important;min-height:auto!important;padding:9px 12px!important}.modal-overlay:not(.modal-alert) .custom-scrollbar{max-height:none!important}}@media (max-width:480px){.page-title{font-size:16px!important}.page-subtitle{font-size:11px!important}.page-title{gap:10px!important}.page-title>div{border-radius:10px!important;padding:8px!important}.page-title svg{height:20px!important;width:20px!important}.card-header h2{font-size:16px!important}.card-header>div{font-size:12px!important;padding:6px 12px!important}.show-mobile,.show-mobile span{font-size:11px!important}.form-label{align-items:center;display:flex;font-size:12px!important;gap:6px!important;margin-bottom:6px!important}.form-label svg{height:14px!important;width:14px!important}.btn,.form-input,.form-select,.form-textarea{font-size:13px!important;min-height:auto!important;padding:10px 12px!important}.modal-overlay h2{font-size:18px!important;margin-bottom:16px!important}.modal-overlay h2 svg{height:20px!important;width:20px!important}.modal-overlay p{font-size:12px!important;margin-bottom:16px!important}.modal-overlay .glass-panel span{font-size:13px!important}.modal-overlay .glass-panel span[style*="18px"],.modal-overlay .glass-panel span[style*="font-size: 18px"],.modal-overlay .glass-panel span[style*="font-size:18px"],.modal-overlay .glass-panel span[style*="fontSize: 18px"]{font-size:15px!important}.modal-overlay .glass-panel div[style*="padding: 20px"],.modal-overlay .glass-panel div[style*="padding:20px"]{margin-bottom:16px!important;padding:12px!important}.data-table td:not(.checkbox-cell):first-of-type,.data-table td:nth-child(2):not(.checkbox-cell):not([data-label]){font-size:14px!important;margin-bottom:4px!important;padding-bottom:8px!important}.data-table td[data-label]{font-size:12px!important;padding:8px 0!important}.data-table td[data-label]:before{font-size:11px!important}.data-table td:last-child{padding-top:12px!important}.settings-tab-btn{font-size:12px!important;gap:6px!important;padding:10px 8px!important}.settings-tab-btn svg{height:16px!important;width:16px!important}.settings-tabs-panel+div div[style*="padding: 24px"],.settings-tabs-panel+div div[style*="padding: 32px"],.settings-tabs-panel+div div[style*="padding:24px"],.settings-tabs-panel+div div[style*="padding:32px"]{padding:16px!important}.settings-tabs-panel+div div[style*="height: 120px"],.settings-tabs-panel+div div[style*="height:120px"]{height:80px!important}.settings-profile-container{padding-top:48px!important}.settings-avatar-row,.settings-profile-container{align-items:center!important;display:flex!important;flex-direction:column!important}.settings-avatar-row{gap:12px!important;margin-bottom:16px!important;margin-top:-40px!important;width:100%!important}.profile-avatar-container{height:80px!important;left:0!important;margin-bottom:0!important;margin-top:0!important;position:relative!important;top:0!important;transform:none!important;width:80px!important}.profile-avatar-icon{height:30px!important;width:30px!important}.remove-logo-btn{left:0!important;margin-bottom:0!important;position:relative!important;top:0!important;transform:none!important;width:auto!important}.settings-content-container{min-width:0!important}.profile-header-container{margin-top:0!important;text-align:center!important}.profile-header-container h2,.security-title-wrapper h2{font-size:18px!important}.profile-header-container h2{margin-top:0!important}.profile-header-container p,.security-title-wrapper p{font-size:12.5px!important;margin-bottom:24px!important}.security-section-title{font-size:15px!important;margin-bottom:16px!important}.security-overview-label{font-size:12px!important}.security-overview-value{font-size:15px!important}.security-password-help{font-size:12px!important}.security-overview-card{gap:12px!important;padding:16px!important}.settings-tabs-panel+div button[type=submit]{font-size:14px!important;justify-content:center!important;padding:12px 24px!important;width:100%!important}.modal-overlay.modal-alert>.glass-panel{max-width:300px!important;padding:24px!important}.modal-overlay.modal-alert svg,.modal-overlay.modal-alert svg[class*=Circle]{height:44px!important;width:44px!important}.modal-overlay.modal-alert h2,.modal-overlay.modal-alert h3{font-size:18px!important;margin-bottom:8px!important}.modal-overlay.modal-alert p{font-size:13px!important;margin-bottom:16px!important}.modal-overlay.modal-alert .btn{font-size:13px!important;padding:10px!important}}@media (max-width:360px){.page-title{font-size:15px!important}.page-subtitle{font-size:10px!important}.page-title{gap:8px!important}.page-title>div{border-radius:8px!important;padding:6px!important}.page-title svg{height:16px!important;width:16px!important}.card-header h2{font-size:14px!important}.card-header>div{font-size:11px!important;padding:4px 10px!important}.show-mobile,.show-mobile span{font-size:10px!important}.action-btn svg{height:14px!important;width:14px!important}.form-label{align-items:center;display:flex;font-size:11px!important;gap:4px!important;margin-bottom:4px!important}.form-label svg{height:12px!important;width:12px!important}.btn,.form-input,.form-select,.form-textarea{font-size:12px!important;min-height:auto!important;padding:8px 10px!important}.modal-overlay{padding:8px!important}.modal-overlay>.glass-panel{padding:12px!important}.modal-overlay h2{font-size:16px!important;margin-bottom:12px!important}.modal-overlay h2 svg{height:18px!important;width:18px!important}.modal-overlay p{font-size:11px!important;margin-bottom:12px!important}.modal-overlay .glass-panel span{font-size:12px!important}.modal-overlay .glass-panel span[style*="18px"],.modal-overlay .glass-panel span[style*="font-size: 18px"],.modal-overlay .glass-panel span[style*="font-size:18px"],.modal-overlay .glass-panel span[style*="fontSize: 18px"]{font-size:14px!important}.modal-overlay .glass-panel div[style*="padding: 20px"],.modal-overlay .glass-panel div[style*="padding:20px"]{margin-bottom:12px!important;padding:10px!important}.data-table td:not(.checkbox-cell):first-of-type,.data-table td:nth-child(2):not(.checkbox-cell):not([data-label]){font-size:13px!important;padding-bottom:6px!important}.data-table td[data-label]{font-size:11px!important;padding:6px 0!important}.data-table td[data-label]:before{font-size:10px!important}.data-table td:last-child{padding-top:10px!important}.settings-tab-btn{font-size:11px!important;gap:4px!important;padding:8px 6px!important}.settings-tab-btn svg{height:14px!important;width:14px!important}.settings-tabs-panel+div div[style*="padding: 24px"],.settings-tabs-panel+div div[style*="padding: 32px"],.settings-tabs-panel+div div[style*="padding:24px"],.settings-tabs-panel+div div[style*="padding:32px"]{padding:12px!important}.settings-tabs-panel+div div[style*="height: 120px"],.settings-tabs-panel+div div[style*="height:120px"]{height:60px!important}.settings-avatar-row{align-items:center!important;display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:12px!important;margin-top:-30px!important;width:100%!important}.profile-avatar-container{height:60px!important;left:0!important;margin-bottom:0!important;margin-top:0!important;position:relative!important;top:0!important;transform:none!important;width:60px!important}.profile-avatar-icon{height:24px!important;width:24px!important}.remove-logo-btn{font-size:11px!important;left:0!important;margin-bottom:0!important;padding:6px 12px!important;position:relative!important;top:0!important;transform:none!important;width:auto!important}.settings-content-container{min-width:0!important}.profile-header-container{margin-top:0!important;text-align:center!important}.profile-header-container h2,.security-title-wrapper h2{font-size:15px!important}.profile-header-container h2{margin-top:0!important}.profile-header-container p,.security-title-wrapper p{font-size:11.5px!important;margin-bottom:16px!important}.security-section-title{font-size:13.5px!important;margin-bottom:12px!important}.security-overview-label{font-size:11px!important}.security-overview-value{font-size:13.5px!important}.security-password-help{font-size:11px!important}.security-overview-card{gap:10px!important;padding:12px!important}.settings-tabs-panel+div button[type=submit]{font-size:13px!important;justify-content:center!important;padding:10px 20px!important;width:100%!important}.modal-overlay.modal-alert>.glass-panel{max-width:270px!important;padding:20px!important}.modal-overlay.modal-alert svg,.modal-overlay.modal-alert svg[class*=Circle]{height:36px!important;width:36px!important}.modal-overlay.modal-alert h2,.modal-overlay.modal-alert h3{font-size:16px!important;margin-bottom:6px!important}.modal-overlay.modal-alert p{font-size:12px!important;margin-bottom:12px!important}.modal-overlay.modal-alert .btn{font-size:12px!important;padding:8px!important}}.settings-profile-container{padding:32px}.settings-avatar-row{align-items:flex-end;display:flex;gap:20px;margin-bottom:24px;margin-top:-82px;position:relative;z-index:10}.profile-avatar-container{align-content:center;align-items:center;background:linear-gradient(135deg,#3f3f46,#18181b);border:4px solid #ffffff1a;border:4px solid var(--panel-border);border-radius:50%;box-shadow:0 8px 32px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;padding:10px;position:relative;width:100px}.remove-logo-btn{align-items:center!important;background:#ef444426!important;border:1px solid #ef44444d!important;border-radius:8px!important;color:#ef4444!important;cursor:pointer!important;display:inline-flex!important;font-size:13px!important;font-weight:600!important;gap:6px!important;margin-bottom:6px!important;min-height:auto!important;padding:8px 16px!important;transition:all .2s!important}.profile-header-container{margin-top:0!important}.auth-container{background:#020617;background:var(--bg-darker);display:flex;height:100vh;overflow:hidden;width:100vw}.auth-left-panel{background:linear-gradient(135deg,#0f172ae6,#020617f2);border-right:1px solid #ffffff0d;display:flex!important;flex:1 1;flex-direction:column;padding:60px}.auth-left-panel,.auth-right-panel{justify-content:center;position:relative}.auth-right-panel{align-items:center;display:flex;flex:1 1}.login-container-wrapper{max-width:420px;padding:40px;position:relative;width:100%;z-index:10}@media (max-width:992px){.auth-left-panel{padding:40px!important}}@media (max-width:768px){.auth-container{flex-direction:column;overflow-y:auto}.auth-left-panel{display:none!important}.auth-right-panel{min-height:100vh;padding:32px 20px;width:100%}}@media (max-width:480px){.login-container-wrapper{padding:24px!important}}@media (max-width:320px){.login-container-wrapper{padding:16px!important}}