.app-navbar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffeb;border-bottom:1px solid #e8edf5;box-shadow:0 1px 4px #0f172a0a;display:flex;height:68px;justify-content:space-between;left:0;margin-left:0;padding:0 24px;position:fixed;right:0;top:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:95}.app-sidebar.open~.app-navbar,.sidebar.open~.app-navbar{margin-left:270px;width:calc(100% - 270px)}.navbar-left{gap:16px}.navbar-left,.navbar-toggle{align-items:center;display:flex}.navbar-toggle{background:#f5f9ff;border:1px solid #e8edf5;border-radius:10px;color:#0b4dba;cursor:pointer;flex-shrink:0;height:38px;justify-content:center;transition:all .2s ease;width:38px}.navbar-toggle:hover{background:#e8f2ff;border-color:#c8d6ee}.navbar-toggle svg{font-size:20px}.navbar-title h2{color:#0b1e3c;font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}.navbar-subtitle{color:#7a8496;font-size:11px;font-weight:500}.navbar-btn,.navbar-right{align-items:center;display:flex;gap:8px}.navbar-btn{background:#fff;border:1px solid #e8edf5;border-radius:10px;color:#4a5568;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-size:12px;font-weight:500;height:38px;padding:8px 14px;transition:all .2s ease}.navbar-btn:hover{background:#f5f9ff;border-color:#c8d6ee;color:#0b4dba}.navbar-btn svg{flex-shrink:0;font-size:17px}.navbar-icon-btn{justify-content:center;padding:0;position:relative;width:38px}.notification-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}.navbar-user{position:relative}.navbar-user-btn{align-items:center;background:#fff;border:1px solid #e8edf5;border-radius:10px;cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;gap:10px;height:38px;padding:4px 8px 4px 12px;transition:all .2s ease}.navbar-user-btn:hover{background:#f5f9ff;border-color:#c8d6ee}.user-name{color:#0b1e3c;font-size:12.5px;font-weight:600}.user-avatar-circle{align-items:center;background:linear-gradient(135deg,#0b4dba,#2f6fed);border-radius:8px;color:#fff;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.user-arrow{color:#7a8496;font-size:18px;transition:transform .2s ease}.user-arrow.open{transform:rotate(180deg)}.user-dropdown{animation:dropdownIn .2s ease;background:#fff;border:1px solid #e8edf5;border-radius:14px;box-shadow:0 12px 40px #0f172a1f;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:260px;z-index:200}.dropdown-header{padding:16px}.dropdown-user-info{align-items:center;display:flex;gap:12px}.dropdown-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#0b4dba,#2f6fed);border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.dropdown-user-info strong{color:#0b1e3c;display:block;font-size:14px;font-weight:600}.dropdown-user-info span{color:#7a8496;font-size:11.5px}.dropdown-divider{background:#f0f4fa;height:1px}.dropdown-item{align-items:center;background:none;border:none;color:#4a5568;cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;font-size:13px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.dropdown-item:hover{background:#f5f9ff;color:#0b4dba}.dropdown-item svg{font-size:18px}.dropdown-logout{color:#ef4444}.dropdown-logout:hover{background:#fef2f2;color:#dc2626}@media (max-width:1024px){.app-navbar{margin-left:0!important;width:100%!important}}@media (max-width:640px){.app-navbar{height:60px;padding:0 14px}.navbar-title h2{font-size:15px}.navbar-date-btn span,.navbar-subtitle,.user-name{display:none}.navbar-btn{font-size:11px;height:34px;padding:6px 10px}.navbar-icon-btn{width:34px}.navbar-user-btn{height:34px;padding:4px 6px}}.module-switcher{display:flex;justify-content:center;position:relative;width:100%}.module-switcher-trigger{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:8px;padding:0;position:relative}.module-switcher-trigger .brand-logo-full{height:45px;transition:opacity .2s;width:auto}.module-switcher-trigger:hover .brand-logo-full{opacity:.8}.switcher-arrow{color:#94a3b8;position:absolute;right:-24px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.switcher-arrow.open{transform:translateY(-50%) rotate(180deg)}.module-switcher-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;gap:8px;left:50%;margin-top:12px;min-width:60px;padding:8px;position:absolute;top:100%;transform:translateX(-50%);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.module-option{align-items:center;background:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.module-option:hover{background:#f1f5f9;transform:scale(1.05)}.module-option.active{background:#eef2ff}.module-option-logo{height:45px;object-fit:contain;width:auto}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:none;inset:0;position:fixed;z-index:89}@media (max-width:1024px){.sidebar-overlay{display:block}}.app-sidebar{background:linear-gradient(180deg,#fff,#fafcff);border-right:1px solid #e8edf5;bottom:0;box-shadow:4px 0 32px #0f172a14;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:270px;z-index:100}.app-sidebar.closed{transform:translateX(-100%)}.sidebar-brand{flex-direction:column;gap:8px;padding:20px 20px 16px}.brand-logo-full{width:130px}.sidebar-menu{padding:12px}.menu-label{margin-bottom:8px;padding-left:14px}.menu-item{border-radius:10px;font-family:Inter,-apple-system,sans-serif;padding:9px 14px;text-decoration:none;transition:all .2s ease}.menu-item:hover{background:#e600001f;color:#e60000}.menu-item.active{background:rgba(var(--module-color-rgb),.18);color:var(--module-color)}.menu-icon{flex-shrink:0;opacity:.75;transition:opacity .2s ease}.menu-item.active .menu-icon,.menu-item:hover .menu-icon{opacity:1}.menu-text{flex:1 1}.menu-arrow{align-items:center;display:flex;font-size:18px;margin-left:auto;opacity:.5;transition:opacity .2s ease}.menu-item.active .menu-arrow,.menu-item:hover .menu-arrow{opacity:.8}.menu-group{margin-bottom:2px}.submenu{max-height:0;overflow:hidden;padding-left:14px;transition:max-height .35s ease}.submenu.open{max-height:600px}.submenu-item{align-items:center;border-radius:8px;color:#5a6d8c;display:flex;font-family:Inter,-apple-system,sans-serif;font-size:12px;font-weight:500;gap:10px;padding:7px 14px;text-decoration:none;transition:all .2s ease}.submenu-item:hover{background:rgba(var(--module-color-rgb),.1);color:var(--module-color)}.submenu-item.active{background:rgba(var(--module-color-rgb),.15);color:var(--module-color);font-weight:600}.submenu-dot{background:#c8d6e8;border-radius:50%;flex-shrink:0;height:5px;transition:all .2s ease;width:5px}.submenu-item.active .submenu-dot,.submenu-item:hover .submenu-dot{background:var(--module-color);box-shadow:0 0 6px rgba(var(--module-color-rgb),.4)}.menu-toggle-btn{align-items:center;background:none;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:12px;transition:all .2s ease;width:100%}.menu-toggle-btn:hover{background:rgba(var(--module-color-rgb),.12);color:var(--module-color)}.sidebar-footer{gap:6px;margin-top:auto;padding:10px 12px}.pro-badge{border-radius:10px;gap:8px;padding:10px}.pro-badge svg{flex-shrink:0;font-size:15px}.pro-badge strong{font-size:10.5px;font-weight:700}.pro-badge span{font-size:9.5px}.user-card{border-radius:10px;gap:8px;padding:8px 10px}.user-avatar{flex-shrink:0;font-size:11px;height:30px;width:30px}.user-card strong{font-size:11px;font-weight:600}.user-card span{font-size:9.5px}.app-sidebar::-webkit-scrollbar{width:4px}.app-sidebar::-webkit-scrollbar-track{background:#0000}.app-sidebar::-webkit-scrollbar-thumb{background:#d0d8e8;border-radius:4px}.app-sidebar::-webkit-scrollbar-thumb:hover{background:#b0bccc}@media (max-width:1024px){.app-sidebar{box-shadow:8px 0 40px #0f172a26}}.menu-item:hover{background:rgba(var(--module-color-rgb),.12)!important}.menu-item.active,.menu-item:hover{color:var(--module-color)!important}.menu-item.active{background:rgba(var(--module-color-rgb),.18)!important}.submenu-item:hover{background:rgba(var(--module-color-rgb),.1)!important;color:var(--module-color)!important}.menu-toggle-btn:hover{background:rgba(var(--module-color-rgb),.12)!important;color:var(--module-color)!important}.perakende-stok-page{animation:fadeIn .3s ease;padding:6px 0 0}.snackbar{align-items:center;animation:slideInRight .3s ease;border-radius:12px;box-shadow:0 8px 32px #0f172a26;display:flex;font-size:13px;font-weight:600;gap:12px;min-width:300px;padding:14px 20px;position:fixed;right:24px;top:80px;z-index:9999}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.snackbar-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;color:#059669}.snackbar-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#dc2626}.snackbar button{align-items:center;background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;margin-left:auto;padding:4px}.snackbar button svg{font-size:18px}.page-header{align-items:center;background:linear-gradient(135deg,#0b2454,#1254cc 55%,#3d87ff);border:none;border-radius:18px;box-shadow:0 8px 32px #1557d647,0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:16px;overflow:hidden;padding:22px 28px;position:relative}.page-header:before{background:#ffffff0f;height:200px;right:-30px;top:-50px;width:200px}.page-header:after,.page-header:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.page-header:after{background:#ffffff0a;bottom:-70px;height:240px;right:140px;width:240px}.page-title{gap:16px;position:relative;z-index:1}.page-title,.title-icon{align-items:center;display:flex}.title-icon{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border:1.5px solid #ffffff40;border-radius:16px;box-shadow:0 4px 16px #0000001f,inset 0 1px 0 #fff3;color:#fff;flex-shrink:0;height:56px;justify-content:center;width:56px}.title-icon svg{font-size:28px}.page-title h2{color:#fff;font-size:23px;font-weight:800;letter-spacing:-.03em;margin:0;text-shadow:0 1px 3px #00000026}.page-subtitle{color:#ffffffb8;display:block;font-size:12px;font-weight:500;margin-top:2px}.page-stats{display:flex;gap:10px;position:relative;z-index:1}.stat-item{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:14px;cursor:default;display:flex;flex-direction:column;padding:12px 22px;transition:all .2s ease}.stat-item:hover{background:#fff3;box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.stat-label{color:#ffffffbf;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.stat-value{color:#fff;font-size:24px;font-weight:800;line-height:1;margin-top:2px;text-shadow:0 1px 4px #0000001a}.status-summary-strip{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.summary-stat-card{align-items:center;border:2px solid #0000;border-radius:14px;cursor:pointer;display:flex;flex:1 1;gap:12px;min-width:130px;padding:14px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.summary-stat-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-3px)}.summary-stat-card.active-filter{box-shadow:0 4px 16px #00000026;transform:translateY(-1px)}.summary-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.summary-stat-icon svg{font-size:20px}.summary-stat-info{display:flex;flex-direction:column;gap:2px}.summary-stat-count{font-size:22px;font-weight:800;line-height:1}.summary-stat-label{font-size:10.5px;font-weight:600;opacity:.78;white-space:nowrap}.summary-card-total{background:linear-gradient(135deg,#eef4ff,#e0ecff);border-color:#b8d4fe;color:#1557d6}.summary-card-total .summary-stat-icon{background:#1557d624;color:#1557d6}.summary-card-total.active-filter{border-color:#1557d6}.summary-card-available{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#6ee7b7;color:#047857}.summary-card-available .summary-stat-icon{background:#05966926;color:#047857}.summary-card-available.active-filter{border-color:#059669}.summary-card-reserved{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd;color:#1d4ed8}.summary-card-reserved .summary-stat-icon{background:#2563eb24;color:#1d4ed8}.summary-card-reserved.active-filter{border-color:#2563eb}.summary-card-sold{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5;color:#b91c1c}.summary-card-sold .summary-stat-icon{background:#dc262624;color:#b91c1c}.summary-card-sold.active-filter{border-color:#dc2626}.summary-card-pending{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d;color:#b45309}.summary-card-pending .summary-stat-icon{background:#d9770624;color:#b45309}.summary-card-pending.active-filter{border-color:#d97706}.summary-card-delivered{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#c4b5fd;color:#6d28d9}.summary-card-delivered .summary-stat-icon{background:#7c3aed24;color:#6d28d9}.summary-card-delivered.active-filter{border-color:#7c3aed}.summary-card-default,.summary-card-registered{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;color:#475569}.summary-card-default .summary-stat-icon,.summary-card-registered .summary-stat-icon{background:#4755691f;color:#475569}.summary-card-default.active-filter,.summary-card-registered.active-filter{border-color:#64748b}.stok-toolbar{background:#fff;border:1px solid #e8edf5;border-radius:14px;box-shadow:0 2px 8px #0f172a0d;gap:12px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.stok-toolbar,.toolbar-left,.toolbar-right{align-items:center;display:flex;flex-wrap:wrap}.toolbar-left,.toolbar-right{gap:8px}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;font-size:12.5px;font-weight:600;gap:7px;height:38px;padding:9px 16px;transition:all .2s ease;white-space:nowrap}.btn svg{font-size:17px}.btn-primary{background:linear-gradient(135deg,#1254cc,#2f6fed);box-shadow:0 4px 14px #1557d659;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#1a5fef,#3d7df7);box-shadow:0 8px 24px #1557d673;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#e8f2ff,#d0e4ff);border:1px solid #b8d4fe;color:#1254cc}.btn-secondary:hover{background:linear-gradient(135deg,#d0e4ff,#b8d4fe);box-shadow:0 4px 12px #1557d626;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 14px #0596694d;color:#fff}.btn-success:hover{background:linear-gradient(135deg,#047857,#059669);box-shadow:0 8px 20px #05966966;transform:translateY(-1px)}.btn-outline{border:1px solid #e2e8f0}.btn-outline:hover{border-color:#1254cc;color:#1254cc;transform:translateY(-1px)}.btn-outline.has-filters{background:linear-gradient(135deg,#f0f6ff,#e8f2ff);border-color:#1254cc;border-width:2px;color:#1254cc}.filter-count{align-items:center;background:linear-gradient(135deg,#1254cc,#2f6fed);border-radius:50%;box-shadow:0 2px 6px #1557d64d;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;width:20px}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.search-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;gap:8px;height:38px;padding:8px 14px;transition:all .25s ease;width:250px}.search-box:hover{border-color:#c8d6ee}.search-box:focus-within{background:#fff;border-color:#1254cc;box-shadow:0 0 0 4px #1557d614}.search-box svg{color:#94a3b8;font-size:17px}.search-box input{background:#0000;font-family:Inter,-apple-system,sans-serif;font-size:12.5px}.search-box input::placeholder{color:#94a3b8}.search-clear{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;padding:2px}.search-clear:hover{color:#ef4444}.filter-wrapper{position:relative}.filter-popup{animation:dropdownIn .2s ease;background:#fff;border:1px solid #e8edf5;border-radius:18px;box-shadow:0 20px 60px #0f172a26;max-height:560px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:680px;z-index:100}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-popup-header{align-items:center;background:linear-gradient(180deg,#f8fbff,#fff);border-bottom:1px solid #eef2fa;display:flex;justify-content:space-between;padding:20px 24px}.filter-popup-header h4{align-items:center;color:#0b1e3c;display:flex;font-size:15px;font-weight:700;gap:10px}.filter-popup-header h4:before{background:linear-gradient(180deg,#1254cc,#2f6fed);border-radius:4px;content:"";height:18px;width:4px}.filter-clear-all{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:600;padding:7px 16px;transition:all .15s ease}.filter-clear-all:hover{background:#fee2e2;border-color:#fca5a5}.filter-columns{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;max-height:460px;overflow-y:auto;padding:20px 24px}.filter-column h5{align-items:center;border-bottom:2px solid #e8f2ff;color:#1254cc;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.06em;margin-bottom:10px;padding-bottom:8px;text-transform:uppercase}.filter-options{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto;padding-right:2px}.filter-options::-webkit-scrollbar{width:4px}.filter-options::-webkit-scrollbar-track{background:#0000}.filter-options::-webkit-scrollbar-thumb{background:#c7d7ee;border-radius:4px}.filter-option{align-items:center;border:1px solid #0000;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 10px;transition:all .15s ease}.filter-option:hover{background:#eef4ff;border-color:#c7dcff}.filter-option input{accent-color:#1254cc;cursor:pointer;flex-shrink:0;height:17px;width:17px}.option-count{background:#f1f5f9;border-radius:6px;color:#6b7280;font-size:11px;font-weight:600;margin-left:auto;min-width:28px;padding:3px 8px;text-align:center}.active-filters{align-items:center;background:linear-gradient(135deg,#f0f6ff,#e8f2ff);border:1px solid #c8deff;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:12px 16px}.active-filters-label{align-items:center;color:#1254cc;display:flex;font-size:11px;font-weight:700;gap:6px}.active-filters-label:before{background:#1254cc;border-radius:50%;content:"";height:6px;width:6px}.filter-chip{align-items:center;background:#fff;border:1px solid #93c5fd;border-radius:8px;color:#1d4ed8;display:flex;font-size:11px;font-weight:600;gap:6px;padding:6px 12px;transition:all .15s ease}.filter-chip:hover{border-color:#1254cc;box-shadow:0 2px 8px #1557d61a}.filter-chip button{background:none;border:none;border-radius:50%;color:#1254cc;cursor:pointer;display:flex;padding:2px;transition:all .15s ease}.filter-chip button:hover{background:#fef2f2;color:#ef4444}.filter-chip button svg{font-size:14px}.filter-clear-btn{background:none;border:none;border-radius:8px;color:#ef4444;cursor:pointer;font-size:11px;font-weight:600;margin-left:auto;padding:6px 12px;transition:all .15s ease}.filter-clear-btn:hover{background:#fef2f2}.stok-table-card{background:#fff;border:1px solid #e8edf5;border-radius:16px;box-shadow:0 4px 20px #0f172a0f;overflow:hidden}.table-container{overflow-x:auto}.stok-table{border-collapse:collapse;white-space:nowrap;width:100%}.stok-table thead tr{background:linear-gradient(180deg,#1254cc,#1a64e0)}.stok-table th{border-bottom:2px solid #ffffff14;color:#ffffffeb;font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:13px 14px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.stok-table th.filtered{background:#fde68a14;color:#fde68a}.filter-dot{background:#fde68a;border-radius:50%;box-shadow:0 0 6px #fde68a99;display:inline-block;height:6px;margin-left:5px;vertical-align:middle;width:6px}.stok-table td{border-bottom:1px solid #f0f4fa;color:#374151;font-size:12px;padding:11px 14px}.stok-row{transition:all .15s ease}.stok-row:hover td{background:#f0f6ff!important}.stok-row:nth-child(2n) td{background:#fafcff}.stok-row.row-status-available td:first-child{border-left:4px solid #10b981;padding-left:6px}.stok-row.row-status-reserved td:first-child{border-left:4px solid #3b82f6;padding-left:6px}.stok-row.row-status-sold td:first-child{border-left:4px solid #ef4444;padding-left:6px}.stok-row.row-status-pending td:first-child{border-left:4px solid #f59e0b;padding-left:6px}.stok-row.row-status-delivered td:first-child{border-left:4px solid #8b5cf6;padding-left:6px}.stok-row.row-status-registered td:first-child{border-left:4px solid #94a3b8;padding-left:6px}.stok-row.row-status-default td:first-child{border-left:4px solid #cbd5e1;padding-left:6px}.stok-row td:first-child{padding:8px 8px 8px 10px}.empty-cell{color:#94a3b8;padding:60px 20px!important;text-align:center}.empty-cell svg{color:#1254cc;display:block;font-size:52px;margin:0 auto 14px;opacity:.25}.empty-cell p{color:#64748b;font-size:15px;font-weight:600;margin:0 0 4px}.empty-cell span{font-size:12px}.status-chip{border-radius:20px;font-size:10.5px;font-weight:700;letter-spacing:.02em;min-width:80px;padding:5px 12px;transition:all .15s ease}.status-available{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#047857}.status-reserved{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1d4ed8}.status-sold{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#b91c1c}.status-registered{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;color:#475569}.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#b45309}.status-delivered{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #c4b5fd;color:#6d28d9}.row-actions{position:relative}.action-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .15s ease;width:34px}.action-btn:hover{background:linear-gradient(135deg,#1254cc,#2f6fed);border-color:#0000;box-shadow:0 4px 12px #1557d659;color:#fff}.action-menu{animation:dropdownIn .15s ease;background:#fff;border:1px solid #e8edf5;border-radius:12px;box-shadow:0 12px 32px #0f172a1f;left:0;min-width:170px;overflow:hidden;position:absolute;top:100%;z-index:50}.action-menu button{align-items:center;background:none;border:none;color:#4a5568;cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;font-size:12px;font-weight:500;gap:10px;padding:11px 16px;transition:all .1s ease;width:100%}.action-menu button:hover{background:#f0f6ff;color:#1254cc}.action-menu button.danger:hover{background:#fef2f2;color:#dc2626}.action-menu button svg{font-size:16px}.table-error,.table-loading{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:80px 20px}.table-loading p{color:#64748b;font-size:14px;font-weight:500}.table-error svg{color:#ef4444;font-size:44px}.table-error p{color:#dc2626;font-size:14px;font-weight:500}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.spinner-large{animation:spin .7s linear infinite;border:3px solid #dbeafe;border-radius:50%;border-top-color:#1254cc;height:44px;width:44px}.table-pagination{align-items:center;background:linear-gradient(180deg,#fafcff,#fff);border-top:1px solid #f0f4fa;display:flex;justify-content:space-between;padding:14px 20px}.pagination-info{color:#64748b;font-size:12px;font-weight:500}.pagination-btns{display:flex;gap:4px}.page-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:34px;justify-content:center;transition:all .15s ease;width:34px}.page-btn:hover:not(:disabled){background:#eef4ff;border-color:#1254cc;color:#1254cc}.page-btn.active{background:linear-gradient(135deg,#1254cc,#2f6fed);border-color:#0000;box-shadow:0 4px 12px #1557d659;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.35}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b1e3c8c}.modal-content{animation:slideUp .3s ease;border-radius:20px;box-shadow:0 25px 60px #0b1e3c33;width:min(100%,500px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;display:flex;transition:all .15s ease}.modal-close:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.modal-header{align-items:center;display:flex;gap:12px;padding:24px 28px 0}.modal-header svg{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:12px;color:#059669;font-size:28px;padding:8px}.modal-header h3{color:#0b1e3c;font-size:20px;font-weight:700}.modal-body{padding:20px 28px}.result-message{border-radius:12px;font-size:14px;font-weight:600;margin-bottom:18px;padding:14px 18px}.result-message.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#047857}.result-grid{display:flex;flex-direction:column;gap:10px}.result-item{align-items:center;background:#f8fafc;border:1px solid #f0f4fa;border-radius:10px;color:#4a5568;display:flex;font-size:13px;justify-content:space-between;padding:12px 16px;transition:all .15s ease}.result-item:hover{border-color:#e2e8f0;transform:translateX(4px)}.result-item strong{font-size:16px}.text-success{color:#047857!important}.text-warning{color:#b45309!important}.text-danger{color:#b91c1c!important}.modal-footer{display:flex;justify-content:flex-end;padding:16px 28px 24px}@media (max-width:1200px){.status-summary-strip{flex-wrap:wrap}.summary-stat-card{min-width:110px}.filter-popup{width:560px}.filter-columns{grid-template-columns:1fr 1fr}}@media (max-width:1024px){.stok-toolbar{flex-direction:column}.search-box,.toolbar-left,.toolbar-right{width:100%}.filter-popup{left:0;right:auto;width:calc(100vw - 48px)}.filter-columns{grid-template-columns:1fr 1fr}}@media (max-width:640px){.page-header{align-items:flex-start;flex-direction:column;gap:14px}.page-stats{width:100%}.stat-item{flex:1 1}.status-summary-strip{gap:8px}.summary-stat-card{flex:none;min-width:calc(50% - 4px)}.filter-columns{grid-template-columns:1fr}}.ss-page{animation:ss-fade .35s ease;display:flex;flex-direction:column;gap:16px;margin-top:68px;padding:0 24px 32px;position:relative;z-index:1}@keyframes ss-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ss-snackbar{align-items:center;animation:ss-slide-in .3s ease;border-radius:14px;box-shadow:0 8px 32px #00000024;display:flex;font-size:13px;font-weight:600;gap:12px;min-width:300px;padding:14px 20px;position:fixed;right:24px;top:82px;z-index:9999}@keyframes ss-slide-in{0%{opacity:0;transform:translateX(80px)}to{opacity:1;transform:translateX(0)}}.ss-snackbar-success{background:#d1fae5;border:1px solid #6ee7b7;color:#047857}.ss-snackbar-error{background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c}.ss-snackbar button{background:none;border:none;color:inherit;cursor:pointer;display:flex;margin-left:auto;padding:4px}.ss-snackbar button svg{font-size:18px}.ss-page-header{background:#fff;border:1px solid #e8edf5;border-radius:18px;box-shadow:0 2px 12px #0f172a0d;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:18px 24px}.ss-page-header,.ss-ph-left{align-items:center;display:flex}.ss-ph-left{gap:14px}.ss-ph-icon{align-items:center;background:linear-gradient(135deg,#1254cc,#3d87ff);border-radius:14px;box-shadow:0 4px 16px #1254cc40;color:#fff;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.ss-ph-icon svg{font-size:26px}.ss-ph-titles h1{color:#0b1e3c;font-size:20px;font-weight:800;letter-spacing:-.02em;margin:0}.ss-ph-titles span{color:#94a3b8;display:block;font-size:12px;font-weight:500;margin-top:2px}.ss-ph-actions{flex-wrap:wrap;gap:8px}.ss-action-btn,.ss-ph-actions{align-items:center;display:flex}.ss-action-btn{border:none;border-radius:10px;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-size:12.5px;font-weight:600;gap:7px;height:38px;padding:0 16px;transition:all .2s ease;white-space:nowrap}.ss-action-btn svg{font-size:17px}.ss-action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.ss-action-outline{background:#f8fafc;border:1.5px solid #e2e8f0;color:#475569}.ss-action-outline:hover{background:#eef4ff;border-color:#1254cc;color:#1254cc}.ss-action-secondary{background:#1254cc;border:none;box-shadow:0 4px 12px #1254cc40;color:#fff}.ss-action-secondary:hover:not(:disabled){background:#0e43a8;box-shadow:0 6px 18px #1254cc59;transform:translateY(-1px)}.ss-action-primary{background:linear-gradient(135deg,#1254cc,#1e6fe8);border:none;box-shadow:0 4px 12px #1254cc47;color:#fff}.ss-action-primary:hover{box-shadow:0 6px 18px #10b98166;filter:brightness(1.08);transform:translateY(-1px)}.ss-spinner{animation:ss-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes ss-spin{to{transform:rotate(1turn)}}.ss-stat-card,.ss-stats-row{display:flex;gap:14px}.ss-stat-card{align-items:center;background:#fff;border:1px solid #e8edf5;border-radius:16px;box-shadow:0 2px 8px #0f172a0d;cursor:pointer;flex:1 1;padding:18px 20px;transition:all .2s ease}.ss-stat-card:hover{box-shadow:0 8px 24px #0f172a1a;transform:translateY(-3px)}.ss-sc-icon{align-items:center;border-radius:13px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.ss-sc-icon svg{font-size:24px}.ss-sc-info{display:flex;flex-direction:column}.ss-sc-num{color:#0f172a;font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1}.ss-sc-lbl{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.06em;margin-top:3px;text-transform:uppercase}.ss-sc-total{border-top:3px solid #1254cc;cursor:default}.ss-sc-total .ss-sc-icon{background:#eef4ff;color:#1254cc}.ss-sc-green{border-top:3px solid #10b981}.ss-sc-green .ss-sc-icon{background:#ecfdf5;color:#10b981}.ss-sc-blue{border-top:3px solid #3b82f6}.ss-sc-blue .ss-sc-icon{background:#eff6ff;color:#3b82f6}.ss-sc-red{border-top:3px solid #ef4444}.ss-sc-red .ss-sc-icon{background:#fef2f2;color:#ef4444}.ss-filterbar{align-items:stretch;background:#fff;border:1.5px solid #c7d7ee;border-radius:14px;box-shadow:0 4px 20px #0f172a1a;display:flex;flex-shrink:0;gap:0;justify-content:space-between;margin-bottom:4px;overflow:visible;padding:0;position:relative;z-index:50}.ss-tabs{border-right:1px solid #f0f4fa;flex:1 1;flex-wrap:wrap;gap:4px;padding:10px 12px}.ss-tab,.ss-tabs{align-items:center;display:flex}.ss-tab{background:#0000;border:1.5px solid #0000;border-radius:10px;color:#64748b;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-size:12.5px;font-weight:600;gap:7px;height:36px;padding:0 14px;transition:all .18s ease;white-space:nowrap}.ss-tab:hover{background:#f8fafc;color:#374151}.ss-tab.active{background:#f0f6ff;border-color:currentColor}.ss-tab-dot{border-radius:50%;flex-shrink:0;height:8px;transition:background .18s ease;width:8px}.ss-tab-count{background:#f1f5f9;border-radius:10px;color:#64748b;font-size:10px;font-weight:700;min-width:22px;padding:2px 7px;text-align:center;transition:all .18s ease}.ss-controls{padding:10px 14px}.ss-controls,.ss-search{align-items:center;display:flex;gap:8px}.ss-search{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;height:38px;padding:0 12px;transition:all .2s ease;width:240px}.ss-search:focus-within{background:#fff;border-color:#1254cc;box-shadow:0 0 0 4px #1254cc14}.ss-search svg{color:#94a3b8;flex-shrink:0;font-size:17px}.ss-search input{background:#0000;border:none;color:#0d1b35;font-family:Inter,-apple-system,sans-serif;font-size:12.5px;outline:none;width:100%}.ss-search input::placeholder{color:#94a3b8}.ss-search-clear{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;padding:2px}.ss-search-clear:hover{color:#ef4444}.ss-view-toggle{border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-shrink:0;overflow:hidden}.ss-view-btn{align-items:center;background:#fff;border:none;color:#94a3b8;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .15s ease;width:38px}.ss-view-btn:first-child{border-right:1px solid #e2e8f0}.ss-view-btn svg{font-size:20px}.ss-view-btn.active{background:#1254cc;color:#fff}.ss-view-btn:not(.active):hover{background:#f8fafc;color:#1254cc}.ss-controls-sep{background:#e2e8f0;flex-shrink:0;height:24px;width:1px}.ss-filter-wrap{flex-shrink:0;position:relative}.ss-filter-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;font-size:12.5px;font-weight:600;gap:7px;height:38px;padding:0 14px;transition:all .18s ease}.ss-filter-btn svg{font-size:17px}.ss-filter-btn:hover{background:#f0f6ff;border-color:#1254cc;color:#1254cc}.ss-filter-btn.has-filters{background:#eef4ff;border-color:#1254cc;border-width:2px;color:#1254cc}.ss-filter-badge{align-items:center;background:#1254cc;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;width:20px}.ss-filter-panel{animation:ss-drop .2s ease;background:#fff;border:1px solid #e8edf5;border-radius:18px;box-shadow:0 20px 60px #0f172a26;display:flex;flex-direction:column;max-height:560px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:720px;z-index:200}@keyframes ss-drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ss-fp-head{background:linear-gradient(180deg,#f8fbff,#fff);border-bottom:1px solid #eef2fa;flex-shrink:0;justify-content:space-between;padding:18px 24px}.ss-fp-head,.ss-fp-head span{align-items:center;display:flex}.ss-fp-head span{color:#0b1e3c;font-size:15px;font-weight:700;gap:8px}.ss-fp-head span svg{color:#1254cc}.ss-fp-clear{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;cursor:pointer;font-size:13px;font-weight:600;padding:7px 16px;transition:all .15s ease}.ss-fp-clear:hover{background:#fecaca}.ss-fp-body{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:1fr 1fr 1fr;overflow-y:auto;padding:20px 24px}.ss-fp-body::-webkit-scrollbar{width:5px}.ss-fp-body::-webkit-scrollbar-track{background:#0000}.ss-fp-body::-webkit-scrollbar-thumb{background:#c7d7ee;border-radius:4px}.ss-fp-group h5{border-bottom:2px solid #e8f2ff;color:#1254cc;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:10px;padding-bottom:8px;text-transform:uppercase}.ss-fp-items{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.ss-fp-items::-webkit-scrollbar{width:3px}.ss-fp-items::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.ss-fp-item{align-items:center;border:1px solid #0000;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 10px;transition:all .15s ease}.ss-fp-item:hover{background:#eef4ff;border-color:#c7dcff}.ss-fp-item.checked{background:#eef4ff;border-color:#93c5fd}.ss-fp-item input{accent-color:#1254cc;cursor:pointer;flex-shrink:0;height:16px;width:16px}.ss-fp-label{flex:1 1}.ss-fp-count{background:#f1f5f9;border-radius:6px;color:#6b7280;font-size:11px;font-weight:600;min-width:28px;padding:3px 8px;text-align:center}.ss-active-filters{align-items:center;background:#eef4ff;border:1px solid #c7dcff;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.ss-af-lbl{color:#1254cc;font-size:11px;font-weight:700}.ss-af-chip{align-items:center;background:#fff;border:1px solid #93c5fd;border-radius:20px;color:#1d4ed8;display:flex;font-size:12px;font-weight:600;gap:6px;padding:5px 12px}.ss-af-key{color:#3b82f6;font-weight:700;margin-right:2px}.ss-af-chip button{background:none;border:none;border-radius:50%;color:#3b82f6;cursor:pointer;display:flex;padding:0}.ss-af-chip button:hover,.ss-af-clear{color:#ef4444}.ss-af-clear{background:none;border:none;border-radius:8px;cursor:pointer;font-size:11px;font-weight:600;margin-left:auto;padding:5px 12px}.ss-af-clear:hover{background:#fee2e2}.ss-content{margin-top:8px;min-height:300px}.ss-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.ss-loading p{color:#64748b;font-size:14px;font-weight:500}.ss-loading-ring{animation:ss-spin .7s linear infinite;border:3px solid #dbeafe;border-radius:50%;border-top-color:#1254cc;height:48px;width:48px}.ss-error{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:80px 20px}.ss-error svg{color:#ef4444;font-size:48px}.ss-error p{color:#64748b;font-size:15px;font-weight:600}.ss-error button{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:10px 24px;transition:all .15s ease}.ss-error button:hover{border-color:#1254cc;color:#1254cc}.ss-empty{flex-direction:column;gap:12px;padding:80px 20px;text-align:center}.ss-empty,.ss-empty-icon{align-items:center;display:flex;justify-content:center}.ss-empty-icon{background:#eef4ff;border-radius:20px;height:80px;margin-bottom:4px;width:80px}.ss-empty-icon svg{color:#93c5fd;font-size:40px}.ss-empty h3{color:#374151;font-size:18px;font-weight:700;margin:0}.ss-empty p{color:#94a3b8;font-size:13px;margin:0}.ss-empty-btn{background:#1254cc;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:4px;padding:10px 24px;transition:all .2s ease}.ss-empty-btn:hover{background:#0e43a8;transform:translateY(-1px)}.ss-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.ss-karti{background:#fff;border:1px solid #eaeef5;border-radius:14px;box-shadow:0 1px 4px #0f172a0d;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .2s ease}.ss-karti:hover{border-color:#d4dce8;box-shadow:0 8px 24px #0f172a17;transform:translateY(-3px)}.ss-kart-stripe{flex-shrink:0;height:3px;opacity:.7;width:100%}.ss-kart-photo{background:#f0f4fa;flex-shrink:0;height:130px;overflow:hidden;position:relative;width:100%}.ss-kart-photo-img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.ss-kart-photo-placeholder{align-items:center;background:#f0f4fa;display:none;flex-direction:column;gap:6px;height:100%;justify-content:center;width:100%}.ss-kart-photo-placeholder span{color:#94a3b8;font-size:10px;font-weight:600;letter-spacing:.4px}.ss-kart-head{align-items:flex-start;display:flex;gap:10px;padding:10px 14px 6px}.ss-kart-names{flex:1 1;min-width:0}.ss-kart-sasi-top{color:#cbd5e1;display:block;font-family:Courier New,monospace;font-size:9px;font-weight:600;letter-spacing:.06em;margin-bottom:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-kart-marka{color:#94a3b8;display:block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ss-kart-model{color:#0f172a;display:block;font-size:16px;font-weight:800;line-height:1.15;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-kart-badge{border:1px solid;border-radius:20px;flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.01em;opacity:.85;padding:3px 9px;white-space:nowrap}.ss-kart-versiyon{color:#64748b;font-size:11.5px;font-weight:500;margin:0;overflow:hidden;padding:0 16px 8px;text-overflow:ellipsis;white-space:nowrap}.ss-kart-details{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}.ss-kart-detail{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;color:#64748b;display:flex;font-size:11px;font-weight:500;gap:5px;padding:4px 9px}.ss-kart-detail svg,.ss-renk-dot{flex-shrink:0}.ss-renk-dot{border:1.5px solid;border-radius:50%;display:inline-block;height:12px;width:12px}.ss-kart-divider{background:linear-gradient(90deg,#0000,#e8edf5,#0000);height:1px;margin:0 16px}.ss-kart-fiyat{flex:1 1;padding:12px 16px}.ss-kart-indirim{align-items:center;background:#fffbeb;border-radius:8px;color:#b45309;display:flex;font-size:11px;font-weight:700;gap:5px;margin-bottom:6px;padding:4px 10px;width:fit-content}.ss-kart-son-fiyat{color:#0f172a;font-size:20px;font-weight:800;letter-spacing:-.03em;line-height:1}.ss-no-price{font-size:13px}.ss-kart-liste,.ss-no-price{color:#94a3b8;font-weight:500}.ss-kart-liste{font-size:11.5px;margin-top:4px;text-decoration:line-through}.ss-kart-kampanya{color:#d97706;font-size:10.5px;gap:5px;margin-top:6px}.ss-kart-kampanya,.ss-kart-musteri{align-items:center;display:flex;font-weight:600}.ss-kart-musteri{color:#64748b;font-size:11.5px;gap:6px;padding:6px 16px 0}.ss-kart-actions{display:flex;gap:6px;margin-top:auto;padding:10px 14px 14px}.ss-kart-action-btn{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-family:Inter,-apple-system,sans-serif;font-size:11px;font-weight:600;gap:4px;height:30px;justify-content:center;transition:all .15s ease;white-space:nowrap}.ss-kab-primary{background:#eef4ff;border-color:#c7dcff;color:#1254cc}.ss-kab-primary:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.ss-kab-secondary{background:#f8fafc;border-color:#e2e8f0;color:#475569}.ss-kab-secondary:hover{background:#eef4ff;border-color:#c7dcff;color:#1254cc;transform:translateY(-1px)}.ss-kab-tertiary{background:#f8fafc;border-color:#dde5f0;color:#475569}.ss-kab-tertiary:hover{background:#f1f5f9;border-color:#c7d7ee;transform:translateY(-1px)}.ss-dropdown{animation:ss-drop .15s ease;background:#fff;border:1px solid #e8edf5;border-radius:14px;box-shadow:0 12px 36px #0f172a24;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:100}.ss-dropdown button{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;font-size:12.5px;font-weight:500;gap:10px;padding:11px 16px;transition:all .1s ease;width:100%}.ss-dropdown button:hover{background:#f0f6ff;color:#1254cc}.ss-dropdown button.danger:hover{background:#fef2f2;color:#dc2626}.ss-dropdown button svg{font-size:17px}.ss-dd-divider{border:none;border-top:1px solid #f0f4fa;margin:4px 0}.ss-tablo-karti{background:#fff;border:1px solid #e8edf5;border-radius:16px;box-shadow:0 4px 20px #0f172a0f;overflow:hidden}.ss-tablo-wrap{overflow-x:auto}.ss-tablo{border-collapse:collapse;white-space:nowrap;width:100%}.ss-tablo thead tr{background:linear-gradient(180deg,#1254cc,#1a64e0)}.ss-tablo th{border-bottom:2px solid #ffffff1a;color:#ffffffe6;font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:13px 14px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.ss-tablo th.filtered{color:#fde68a}.ss-th-dot{background:#fde68a;border-radius:50%;box-shadow:0 0 6px #fde68a99;display:inline-block;height:6px;margin-left:5px;vertical-align:middle;width:6px}.ss-tablo td{border-bottom:1px solid #f0f4fa;color:#374151;font-size:12px;padding:11px 14px}.ss-satir{transition:all .15s ease}.ss-satir:hover td{background:#f0f6ff!important}.ss-satir:nth-child(2n) td{background:#fafcff}.ss-satir td:first-child{border-left:4px solid #cbd5e1;border-left:4px solid var(--rc,#cbd5e1);padding-left:8px}.satir-menu-wrap{position:relative}.ss-satir-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.ss-satir-btn:hover{background:#1254cc;border-color:#0000;color:#fff}.ss-satir-btn svg{font-size:18px}.ss-tablo-badge{border:1px solid;border-radius:20px;display:inline-block;font-size:10.5px;font-weight:700;padding:4px 12px}.ss-renk-cell{gap:7px}.ss-pagination,.ss-renk-cell{align-items:center;display:flex}.ss-pagination{background:#fff;border:1px solid #e8edf5;border-radius:14px;box-shadow:0 2px 8px #0f172a0a;justify-content:space-between;margin-top:8px;padding:14px 20px}.ss-pag-info{color:#64748b;font-size:12.5px}.ss-pag-info strong{color:#0f172a}.ss-pag-btns{display:flex;gap:4px}.ss-pag-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9px;color:#475569;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:36px;justify-content:center;transition:all .15s ease;width:36px}.ss-pag-btn:hover:not(:disabled){background:#eef4ff;border-color:#1254cc;color:#1254cc}.ss-pag-btn.active{background:linear-gradient(135deg,#1254cc,#2f6fed);border-color:#0000;box-shadow:0 4px 12px #1254cc59;color:#fff}.ss-pag-btn:disabled{cursor:not-allowed;opacity:.3}.ss-modal-overlay{align-items:center;animation:ss-fade .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b1e3c8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.ss-modal{animation:ss-modal-in .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 60px #0b1e3c33;position:relative;width:min(100%,500px)}@keyframes ss-modal-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ss-modal-close{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;padding:8px;position:absolute;right:16px;top:16px;transition:all .15s ease}.ss-modal-close:hover{background:#fee2e2;color:#ef4444}.ss-modal-header{align-items:center;display:flex;gap:14px;padding:24px 28px 0}.ss-modal-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:14px;color:#1254cc;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.ss-modal-icon svg{font-size:28px}.ss-modal-header h3{color:#0b1e3c;font-size:20px;font-weight:700}.ss-modal-body{padding:20px 28px}.ss-modal-msg{background:#d1fae5;border:1px solid #6ee7b7;border-radius:12px;color:#047857;font-size:14px;font-weight:600;margin-bottom:16px;padding:14px 18px}.ss-modal-results{display:flex;flex-direction:column;gap:10px}.ss-mr-item{align-items:center;background:#f8fafc;border:1px solid #f0f4fa;border-radius:10px;color:#4a5568;display:flex;font-size:13px;justify-content:space-between;padding:12px 16px}.ss-mr-item strong{font-size:18px;font-weight:800}.ss-modal-footer{display:flex;justify-content:flex-end;padding:16px 28px 24px}.ss-modal-ok{background:linear-gradient(135deg,#1254cc,#2f6fed);border:none;border-radius:10px;box-shadow:0 4px 14px #1254cc59;color:#fff;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:700;padding:11px 28px;transition:all .2s ease}.ss-modal-ok:hover{box-shadow:0 8px 20px #1254cc73;transform:translateY(-1px)}@media (max-width:1400px){.ss-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1100px){.ss-grid{grid-template-columns:repeat(2,1fr)}.ss-filterbar{align-items:stretch;flex-direction:column}.ss-tabs{border-bottom:1px solid #f0f4fa;border-right:none}.ss-controls{flex-wrap:wrap;justify-content:flex-end}.ss-filter-panel{left:0;right:auto;width:calc(100vw - 40px)}.ss-fp-body{grid-template-columns:1fr 1fr}}@media (max-width:768px){.ss-page{margin-top:56px}.ss-page-header{align-items:flex-start;flex-direction:column;gap:12px}.ss-ph-actions{overflow-x:auto;padding-bottom:4px;width:100%}.ss-stats-row{flex-wrap:wrap}.ss-stat-card{flex:none;min-width:calc(50% - 7px)}.ss-grid{grid-template-columns:1fr 1fr}.ss-search{width:100%}.ss-fp-body{grid-template-columns:1fr}}@media (max-width:480px){.ss-grid{grid-template-columns:1fr}.ss-stat-card{min-width:calc(50% - 7px)}.ss-pagination{flex-direction:column;gap:12px}}:root{--rtv-brand:#1254cc;--rtv-brand-dark:#0b3691;--rtv-sidebar-bg:#0d1b35;--rtv-sidebar-bd:#ffffff12;--rtv-sidebar-row:#ffffff0a;--rtv-surface:#f4f6fa;--rtv-border:#dde5f0;--rtv-text:#0d1b35;--rtv-muted:#64748b}@keyframes rtv-fadeup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rtv-page{background:#f4f6fa;display:flex;flex-direction:column;min-height:calc(100vh - 68px)}.rtv-topbar{background:#fff;border-bottom:1px solid #dde5f0;gap:14px;height:50px;padding:0 24px;position:sticky;top:68px;z-index:90}.rtv-topbar,.rtv-topbar-title{align-items:center;display:flex}.rtv-topbar-title{flex:1 1;gap:10px;min-width:0}.rtv-topbar-title h1{color:#0d1b35;font-size:14px;font-weight:700;letter-spacing:-.2px;margin:0;white-space:nowrap}.rtv-quote-no{background:#f8fafc;border:1px solid #eef2f7;border-radius:4px;color:#94a3b8;font-family:Courier New,monospace;font-size:11px;letter-spacing:.3px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.rtv-back-btn{align-items:center;background:none;border:1px solid #dde5f0;border-radius:7px;color:#475569;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:5px;padding:6px 12px;transition:background .15s,border-color .15s;white-space:nowrap}.rtv-back-btn:hover{background:#f1f5f9;border-color:#c7d7ee;color:#0d1b35}.rtv-submit-btn{align-items:center;background:#1254cc;border:none;border-radius:7px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:5px;padding:7px 16px;transition:background .15s;white-space:nowrap}.rtv-submit-btn:hover:not(:disabled){background:#0f43a8}.rtv-submit-btn:disabled{background:#94a3b8;cursor:not-allowed}.rtv-pdf-btn{align-items:center;background:#fff;border:1px solid #fccfcf;border-radius:7px;box-shadow:0 1px 3px #c0392b14;color:#c0392b;cursor:pointer;display:flex;font-family:inherit;font-size:12.5px;font-weight:600;gap:6px;padding:6px 14px 6px 10px;transition:background .15s,border-color .15s,box-shadow .15s;white-space:nowrap}.rtv-pdf-btn:hover{background:#fff5f5;border-color:#f5b7b7;box-shadow:0 2px 6px #c0392b24}.rtv-pdf-btn:active{background:#feecec}.rtv-alerts{display:flex;flex-direction:column;gap:8px;padding:12px 24px 0}.rtv-body{align-items:flex-start;display:flex;flex:1 1;padding-top:62px}.rtv-photo-area{aspect-ratio:16/9;background:#f4f7fc;border:1px solid #dde5f0;border-radius:8px;flex-shrink:0;overflow:hidden;position:relative;width:100%}.rtv-photo-placeholder{align-items:center;display:flex;flex-direction:column;gap:6px;height:100%;justify-content:center;width:100%}.rtv-photo-placeholder span{color:#94a3b8;font-size:11px;font-weight:600}.rtv-photo-img{display:block;height:100%;object-fit:cover;width:100%}.rtv-sidebar{background:#fff;border-right:1px solid #dde5f0;display:flex;flex-direction:column;flex-shrink:0;gap:12px;max-height:calc(100vh - 118px);overflow-y:auto;padding:16px;position:sticky;top:118px;width:280px}.rtv-sidebar::-webkit-scrollbar{width:4px}.rtv-sidebar::-webkit-scrollbar-thumb{background:#dde5f0;border-radius:2px}.rtv-sidebar-card{background:#fafbfd;border:1px solid #dde5f0;border-radius:8px;overflow:hidden}.rtv-sidebar-card-header{background:#f1f5f9;border-bottom:1px solid #dde5f0;border-left:2px solid #1254cc;color:#475569;font-size:9.5px;font-weight:700;letter-spacing:.7px;padding:9px 12px;text-transform:uppercase}.rtv-sidebar-table{border-collapse:collapse;table-layout:fixed;width:100%}.rtv-sidebar-table tr:not(:last-child) td{border-bottom:1px solid #f0f4fa}.rtv-sidebar-table td{font-size:11px;line-height:1.4;padding:6px 10px;vertical-align:top}.rtv-sidebar-table td:first-child{color:#64748b;font-weight:500;white-space:nowrap;width:42%}.rtv-sidebar-table td:last-child{font-feature-settings:"tnum";color:#0d1b35;font-variant-numeric:tabular-nums;font-weight:600;overflow-wrap:break-word;text-align:right;word-break:break-word}.rtv-sidebar-table tr.highlight td{background:#eef4ff}.rtv-sidebar-table tr.highlight td:last-child{color:#1254cc}.rtv-sidebar-table tr.total-row td{background:#eef4ff;padding:9px 10px}.rtv-sidebar-table tr.total-row td:last-child{font-feature-settings:"tnum";color:#1254cc;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700}.rtv-main{display:flex;flex:1 1;flex-direction:column;gap:16px;min-width:0;padding:20px 24px}.rtv-section{animation:rtv-fadeup .22s ease both;background:#fff;border:1px solid #dde5f0;border-radius:10px;box-shadow:0 1px 6px #0f172a0f;overflow:hidden}.rtv-section:first-child{animation-delay:0ms}.rtv-section:nth-child(2){animation-delay:60ms}.rtv-section:nth-child(3){animation-delay:.12s}.rtv-section:nth-child(4){animation-delay:.18s}.rtv-section-header{align-items:center;background:#fafbfd;border-bottom:1px solid #dde5f0;border-left:3px solid #1254cc;display:flex;gap:10px;padding:13px 18px}.rtv-section-num{background:#eef4ff;border:1px solid #c7dcff;border-radius:5px;color:#1254cc;flex-shrink:0;font-size:10px;font-weight:800;letter-spacing:.5px;padding:3px 8px}.rtv-section-header h2{color:#0d1b35;font-size:13.5px;font-weight:700;margin:0}.rtv-calculating-badge{align-items:center;color:#1254cc;display:flex;font-size:11px;font-weight:600;gap:6px;margin-left:auto}.rtv-section-body{padding:20px}.rtv-form-grid{grid-gap:12px;display:grid;gap:12px}.rtv-form-grid-2{grid-template-columns:repeat(2,1fr)}.rtv-form-grid-3{grid-template-columns:repeat(3,1fr)}.rtv-form-grid-4{grid-template-columns:repeat(4,1fr)}.rtv-customer-found{align-items:center;background:#f0faf5;border:1.5px solid #86d4af;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.rtv-customer-found-info h4{color:#1d8a5f;font-size:14px;font-weight:700;margin:0 0 2px}.rtv-customer-found-info p{color:#2d9b6e;font-size:12px;margin:0}.rtv-customer-change-btn{background:none;border:1px solid #86d4af;border-radius:6px;color:#1d8a5f;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:12px;font-weight:600;padding:5px 12px;transition:background .15s;white-space:nowrap}.rtv-customer-change-btn:hover{background:#d8f5e8}.rtv-search-bar{align-items:center;display:flex;gap:8px;margin-bottom:14px}.rtv-search-input{background:#fff;border:1px solid #dde5f0;border-radius:7px;color:#0d1b35;flex:1 1;font-family:inherit;font-size:13px;height:37px;min-width:0;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s}.rtv-search-input:focus{border-color:#1254cc;box-shadow:0 0 0 3px #1254cc14}.rtv-search-input::placeholder{color:#94a3b8}.rtv-search-btn{background:#1254cc;border:none;border-radius:7px;color:#fff;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:13px;font-weight:600;height:37px;padding:0 15px;transition:background .15s;white-space:nowrap}.rtv-search-btn:hover:not(:disabled){background:#0f43a8}.rtv-search-btn:disabled{background:#94a3b8;cursor:not-allowed}.rtv-new-customer-btn{background:none;border:1px solid #dde5f0;border-radius:7px;color:#475569;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:13px;font-weight:600;height:37px;padding:0 13px;transition:background .15s,border-color .15s;white-space:nowrap}.rtv-new-customer-btn:hover{background:#f1f5f9;border-color:#c7d7ee}.rtv-confirm-box{align-items:flex-start;background:#fafbfd;border:1.5px solid #dde5f0;border-radius:8px;display:flex;gap:10px;margin-top:16px;padding:14px 16px;transition:border-color .2s,background .2s}.rtv-confirm-box.approved{background:#f0faf5;border-color:#86d4af}.rtv-confirm-box-text h4{color:#0d1b35;font-size:13px;font-weight:700;margin:0 0 3px}.rtv-confirm-box.approved .rtv-confirm-box-text h4{color:#1d8a5f}.rtv-confirm-box-text p{color:#64748b;font-size:12px;line-height:1.5;margin:0}.rtv-ref-prices{grid-gap:1px;background:#dde5f0;border:1px solid #dde5f0;border-radius:8px;display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin-bottom:14px;overflow:hidden}.rtv-ref-price-item{background:#f8fafd;display:flex;flex-direction:column;gap:6px;padding:14px 16px}.rtv-ref-price-item--active{background:#eef4ff}.rtv-ref-label{color:#64748b;font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.rtv-ref-value{color:#0d1b35;font-size:16px;font-weight:700;letter-spacing:-.3px}.rtv-ref-price-item--active .rtv-ref-value{color:#1254cc}.rtv-ref-empty{color:#cbd5e1;font-size:15px;font-weight:500}.rtv-price-inputs{grid-gap:0;border:1px solid #dde5f0;border-radius:8px;display:grid;gap:0;grid-template-columns:repeat(4,1fr);overflow:hidden}.rtv-price-input-group{border-right:1px solid #dde5f0;display:flex;flex-direction:column;transition:background .15s}.rtv-price-input-group:last-child{border-right:none}.rtv-price-input-label{background:#f8fafd;border-bottom:1px solid #dde5f0;color:#64748b;font-size:10.5px;font-weight:700;letter-spacing:.5px;padding:9px 14px 7px;text-transform:uppercase}.rtv-price-input-wrap{align-items:center;background:#fff;display:flex;gap:6px;height:50px;padding:0 14px}.rtv-price-input-prefix{color:#94a3b8;flex-shrink:0;font-size:13px;font-weight:600}.rtv-num-input{background:#0000;border:none;color:#0d1b35;flex:1 1;font-family:inherit;font-size:15px;font-weight:600;min-width:0;outline:none;padding:0;text-align:right}.rtv-num-input::placeholder{color:#cbd5e1;font-weight:400}.rtv-num-input::-webkit-inner-spin-button,.rtv-num-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rtv-price-input-group:focus-within{background:#eef4ff;box-shadow:inset 3px 0 0 #1254cc}.rtv-price-input-group:focus-within .rtv-price-input-label{background:#eef4ff;color:#1254cc}.rtv-price-input-group:focus-within .rtv-price-input-wrap{background:#eef4ff}.rtv-price-inputs-label{align-items:center;display:flex;gap:8px;margin-bottom:10px}.rtv-price-inputs-label span{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}.rtv-price-inputs-label:after,.rtv-price-inputs-label:before{background:#eef2fa;content:"";flex:1 1;height:1px}.rtv-tax-summary{border:1px solid #dde5f0;border-radius:8px;margin-bottom:0;overflow:hidden}.rtv-tax-row{grid-gap:1px;background:#dde5f0;display:grid;gap:1px;grid-template-columns:repeat(4,1fr)}.rtv-tax-cell{background:#f8fafd;display:flex;flex-direction:column;gap:6px;padding:14px 16px}.rtv-tax-label{color:#64748b;font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.rtv-tax-value{color:#0d1b35;font-size:16px;font-weight:700;letter-spacing:-.3px}.rtv-tax-value--empty{color:#cbd5e1;font-size:15px;font-weight:500}.rtv-tax-total-row{align-items:center;background:#eef4ff;border-top:2px solid #c7dcff;display:flex;justify-content:space-between;padding:15px 18px}.rtv-tax-total-label{color:#1254cc;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.rtv-tax-total-value{color:#1254cc;font-size:22px;font-weight:700;letter-spacing:-.5px}.rtv-calculating-overlay{align-items:center;background:#eef4ff;border:1px solid #c7dcff;border-radius:6px;color:#1254cc;display:flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:14px;padding:10px 14px}.rtv-calc-panel{border:1px solid #dde5f0;border-radius:8px;overflow:hidden}.rtv-calc-tabs{background:#f8fafd;border-bottom:1px solid #dde5f0;display:flex}.rtv-calc-tab{background:none;border:none;border-bottom:2px solid #0000;border-right:1px solid #dde5f0;color:#64748b;cursor:pointer;flex:1 1;font-family:inherit;font-size:12.5px;font-weight:600;padding:11px 16px;text-align:center;transition:background .15s,color .15s,border-color .15s}.rtv-calc-tab:last-child{border-right:none}.rtv-calc-tab.active{background:#eef4ff;border-bottom-color:#1254cc;color:#1254cc}.rtv-calc-tab:hover:not(.active){background:#f1f5f9;color:#334155}.rtv-calc-body{display:grid;grid-template-columns:1fr 1fr}.rtv-calc-col{padding:18px}.rtv-calc-col:first-child{border-right:1px solid #dde5f0}.rtv-calc-col-header{border-bottom:1px solid #f0f4fa;color:#94a3b8;font-size:10.5px;font-weight:700;letter-spacing:.6px;margin-bottom:12px;padding-bottom:10px;text-transform:uppercase}.rtv-calc-info-row{align-items:center;border-bottom:1px solid #f0f4fa;display:flex;font-size:12.5px;justify-content:space-between;padding:8px 0}.rtv-calc-info-row:last-of-type{border-bottom:none}.rtv-calc-info-row span:first-child{color:#64748b;font-weight:500}.rtv-calc-info-row span:last-child{color:#0d1b35;font-weight:600}.rtv-calc-info-row--total{border-bottom:none!important;border-top:2px solid #dde5f0!important;margin-top:2px;padding-top:10px!important}.rtv-calc-info-row--total span:last-child{color:#1254cc;font-size:14px}.rtv-calc-val--blue{color:#1254cc!important}.rtv-calc-val--green{color:#1d8a5f!important}.rtv-calc-input-area{border:1px solid #dde5f0;border-radius:7px;margin-top:16px;overflow:hidden}.rtv-calc-input-area .rtv-price-input-group{border:none;border-radius:0}.rtv-calc-input-area .rtv-price-input-label{border-radius:0}.rtv-calc-badge{border-radius:5px;display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.2px;margin-top:14px;padding:5px 14px}.rtv-calc-badge--ok{background:#e8f5ee;border:1px solid #86d4af;color:#1d8a5f}.rtv-calc-badge--warn{background:#fff8ec;border:1px solid #f6c96a;color:#b45309}.rtv-calc-loading{align-items:center;color:#64748b;display:flex;font-size:12px;gap:10px;padding:28px 0}.rtv-summary-panel{border:1px solid #dde5f0;border-radius:8px;overflow:hidden}.rtv-summary-header{background:#f1f5f9;border-bottom:1px solid #dde5f0;color:#475569;font-size:10.5px;font-weight:700;letter-spacing:.5px;padding:11px 18px;text-transform:uppercase}.rtv-summary-cols{grid-gap:1px;background:#dde5f0;display:grid;gap:1px;grid-template-columns:repeat(3,1fr)}.rtv-summary-col{background:#fff;padding:16px 18px}.rtv-summary-col-title{border-bottom:2px solid #eef4ff;color:#1254cc;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;padding-bottom:9px;text-transform:uppercase}.rtv-summary-row{align-items:center;display:flex;font-size:12.5px;justify-content:space-between;padding:6px 0}.rtv-summary-row span:first-child{color:#64748b;font-weight:500}.rtv-summary-row span:last-child{color:#0d1b35;font-weight:600}.rtv-summary-row--total{border-top:2px solid #dde5f0;margin-top:6px;padding-top:9px}.rtv-summary-row--total span:last-child{color:#1254cc;font-size:14px}.rtv-summary-val--green{color:#1d8a5f!important}.rtv-pricing-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.rtv-pricing-col{border-right:1px solid #dde5f0;display:flex;flex-direction:column;padding:18px 16px}.rtv-pricing-col:last-child{border-right:none}.rtv-pricing-col-title{border-bottom:2px solid #eef4ff;color:#1254cc;font-size:10px;font-weight:800;letter-spacing:.7px;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase}.rtv-pricing-row{align-items:center;border-bottom:1px solid #f8fafc;display:flex;font-size:12px;justify-content:space-between;padding:6px 0}.rtv-pricing-row:last-of-type{border-bottom:none}.rtv-pricing-row>span:first-child{color:#64748b;font-weight:500}.rtv-pricing-row>span:last-child{font-feature-settings:"tnum";color:#0d1b35;font-variant-numeric:tabular-nums;font-weight:600}.rtv-pricing-row--accent{border-bottom:none;border-top:2px solid #eef4ff;margin-top:4px;padding-top:10px}.rtv-pricing-row--accent>span:last-child{color:#1254cc;font-size:13px}.rtv-pricing-empty{color:#cbd5e1!important;font-weight:400!important}.rtv-pricing-total{align-items:center;background:#eef4ff;border-radius:8px;display:flex;justify-content:space-between;margin-top:auto;padding:12px 14px}.rtv-pricing-total-label{color:#1254cc;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.rtv-pricing-total-value{font-feature-settings:"tnum";color:#1254cc;font-size:18px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.4px}.rtv-compact-inputs{border:1px solid #dde5f0;border-radius:8px;margin-bottom:14px;overflow:hidden}.rtv-compact-input-row{align-items:center;border-bottom:1px solid #f0f4fa;display:flex;gap:8px;height:42px;padding:0 12px;transition:background .15s}.rtv-compact-input-row:last-child{border-bottom:none}.rtv-compact-input-row:focus-within{background:#eef4ff;box-shadow:inset 3px 0 0 #1254cc}.rtv-compact-label{color:#64748b;flex-shrink:0;font-size:11px;font-weight:600;white-space:nowrap;width:84px}.rtv-compact-input-row:focus-within .rtv-compact-label{color:#1254cc}.rtv-compact-prefix{color:#94a3b8;flex-shrink:0;font-size:12px;font-weight:600}.rtv-mode-tabs{border:1px solid #dde5f0;border-radius:7px;display:flex;margin-bottom:8px;overflow:hidden}.rtv-mode-tab{background:#f8fafd;border:none;border-right:1px solid #dde5f0;color:#64748b;cursor:pointer;flex:1 1;font-family:inherit;font-size:11px;font-weight:600;padding:8px 6px;text-align:center;transition:background .15s,color .15s;white-space:nowrap}.rtv-mode-tab:last-child{border-right:none}.rtv-mode-tab.active{background:#eef4ff;border-bottom:2px solid #1254cc;color:#1254cc}.rtv-mode-tab:hover:not(.active){background:#f1f5f9}.rtv-kar-result{align-items:center;background:#f8fafc;border:1px solid #eef2f7;border-radius:6px;display:flex;font-size:12px;justify-content:space-between;margin-top:8px;padding:9px 12px}.rtv-kar-result>span:first-child{color:#64748b;font-weight:500}.rtv-kar-result>span:last-child{font-feature-settings:"tnum";color:#1254cc;font-variant-numeric:tabular-nums;font-weight:700}.rtv-notes-meta{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:16px}.rtv-calc-info-row span:last-child,.rtv-num-input,.rtv-ref-value,.rtv-summary-row span:last-child,.rtv-tax-total-value,.rtv-tax-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.2px}.rtv-tax-total-value{font-family:Inter,-apple-system,sans-serif;letter-spacing:-.6px}.rtv-section-body .MuiOutlinedInput-root{border-radius:7px!important}.rtv-section-body .MuiFormHelperText-root,.rtv-section-body .MuiInputBase-input,.rtv-section-body .MuiInputLabel-root{font-family:Inter,-apple-system,sans-serif!important}@media (max-width:1100px){.rtv-sidebar{width:240px}.rtv-ref-prices{grid-template-columns:repeat(3,1fr)}.rtv-price-inputs{grid-template-columns:repeat(2,1fr)}.rtv-price-input-group:nth-child(2){border-right:none}.rtv-price-input-group:nth-child(3){border-right:1px solid #dde5f0;border-top:1px solid #dde5f0}.rtv-price-input-group:nth-child(4){border-top:1px solid #dde5f0}.rtv-tax-row{grid-template-columns:repeat(2,1fr)}.rtv-pricing-grid{grid-template-columns:1fr 1fr}.rtv-pricing-col:nth-child(2){border-right:none}.rtv-pricing-col:nth-child(3){border-right:none;border-top:1px solid #dde5f0;grid-column:1/-1}}@media (max-width:900px){.rtv-body{flex-direction:column}.rtv-pricing-grid{grid-template-columns:1fr}.rtv-pricing-col{border-bottom:1px solid #dde5f0;border-right:none}.rtv-pricing-col:last-child{border-bottom:none}.rtv-sidebar{border-bottom:1px solid #dde5f0;border-right:none;flex-direction:row;flex-wrap:wrap;gap:10px;max-height:none;padding:12px;position:static;width:100%}.rtv-sidebar-card{flex:1 1;min-width:200px}.rtv-main{padding:14px 16px}.rtv-form-grid-3,.rtv-form-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.rtv-topbar{gap:8px;padding:10px 14px}.rtv-quote-no{display:none}.rtv-form-grid-2,.rtv-form-grid-3,.rtv-form-grid-4,.rtv-ref-prices{grid-template-columns:1fr}.rtv-price-inputs{grid-template-columns:repeat(2,1fr)}.rtv-price-input-group:nth-child(2){border-right:none}.rtv-price-input-group:nth-child(3){border-right:1px solid #dde5f0;border-top:1px solid #dde5f0}.rtv-price-input-group:nth-child(4){border-top:1px solid #dde5f0}.rtv-tax-row{grid-template-columns:repeat(2,1fr)}.rtv-search-bar{flex-wrap:wrap}.rtv-search-input{min-width:100%}}.td-page{background:#f7f9fc;font-family:Inter,sans-serif;margin:0 auto;max-width:1220px;min-height:100vh;padding:86px 20px 48px}.td-loading{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:center;min-height:340px}.td-header{background:#fff;border:1px solid #dde5f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;margin-bottom:14px;padding:18px 22px}.td-header,.td-header-left{align-items:center;display:flex;gap:14px}.td-teklif-badge{align-items:center;background:#ebf2ff;border:2px solid #c5d7f8;border-radius:12px;color:#1254cc;display:flex;flex-shrink:0;font-size:18px;font-weight:800;height:52px;justify-content:center;letter-spacing:-1px;width:52px}.td-teklif-no{font-feature-settings:"tnum";color:#1254cc;font-size:20px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.4px;line-height:1.2}.td-teklif-meta{flex-wrap:wrap;gap:10px;margin-top:6px}.td-meta-item,.td-teklif-meta{align-items:center;display:flex}.td-meta-item{color:#64748b;font-size:12.5px;gap:4px}.td-status-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:11.5px;font-weight:700;gap:5px;letter-spacing:.3px;padding:3px 10px}.td-status-pill--pending{background:#fef3c7;color:#b45309}.td-status-pill--approved{background:#dbeafe;color:#1254cc}.td-status-pill--converted{background:#ccfbf1;color:#0d9488}.td-status-pill--expired{background:#f1f5f9;color:#475569}.td-status-pill--rejected{background:#fee2e2;color:#c0392b}.td-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:6px;width:6px}.td-header-right{align-items:center;display:flex;gap:8px}.td-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;line-height:1;padding:8px 14px;transition:background .13s,border-color .13s}.td-btn--ghost{background:#fff;border-color:#dde5f0;color:#475569}.td-btn--ghost:hover{background:#f7f9fc;border-color:#c5d0e0}.td-btn--primary{background:#1254cc;border-color:#1254cc;color:#fff}.td-btn--primary:hover{background:#0f44a8}.td-btn--pdf{background:#fff5f5;border-color:#fccfcf;color:#c0392b}.td-btn--pdf:hover{background:#fee2e2}.td-quick-actions{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px;padding:13px 18px}.td-quick-label{color:#92400e;font-size:13px;font-weight:600}.td-quick-btns{display:flex;gap:8px}.td-btn--approve{background:#1d8a5f;border-color:#1d8a5f;color:#fff}.td-btn--approve:hover{background:#166a49}.td-btn--reject{background:#fff;border-color:#fccfcf;color:#c0392b}.td-btn--reject:hover{background:#fff5f5}.td-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.td-metric{background:#fff;border:1px solid #dde5f0;border-radius:12px;border-top:3px solid #0000;padding:16px 18px}.td-metric--blue{border-top-color:#1254cc}.td-metric--teal{border-top-color:#0d9488}.td-metric--amber{border-top-color:#d97706}.td-metric--violet{border-top-color:#7c3aed}.td-metric-icon{align-items:center;border-radius:8px;display:flex;height:34px;justify-content:center;margin-bottom:10px;width:34px}.td-metric-icon--blue{background:#ebf2ff;color:#1254cc}.td-metric-icon--teal{background:#ccfbf1;color:#0d9488}.td-metric-icon--amber{background:#fef3c7;color:#d97706}.td-metric-icon--violet{background:#ede9fe;color:#7c3aed}.td-metric-value{font-feature-settings:"tnum";color:#1a2332;font-size:18px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-metric-label{color:#64748b;font-size:11.5px;font-weight:500;margin-top:3px}.td-body{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:14px}.td-col-left,.td-col-right{display:flex;flex-direction:column;gap:14px}.td-section{background:#fff;border:1px solid #dde5f0;border-radius:14px;overflow:hidden}.td-section-header{align-items:center;border-bottom:1px solid #eef2f8;display:flex;gap:9px;padding:13px 18px}.td-section-header[data-accent=blue]{border-left:3px solid #1254cc}.td-section-header[data-accent=teal]{border-left:3px solid #0d9488}.td-section-header[data-accent=violet]{border-left:3px solid #7c3aed}.td-section-header[data-accent=amber]{border-left:3px solid #d97706}.td-section-header[data-accent=green]{border-left:3px solid #1d8a5f}.td-section-header[data-accent=slate]{border-left:3px solid #475569}.td-section-icon{align-items:center;display:flex}.td-section-icon--blue{color:#1254cc}.td-section-icon--teal{color:#0d9488}.td-section-icon--violet{color:#7c3aed}.td-section-icon--amber{color:#d97706}.td-section-icon--green{color:#1d8a5f}.td-section-icon--slate{color:#475569}.td-section-title{color:#1a2332;font-size:13px;font-weight:700}.td-row{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;padding:9px 18px;transition:background .1s}.td-row:last-child{border-bottom:none}.td-row--accent,.td-row:hover{background:#f7f9fc}.td-row--accent:hover{background:#eef4ff}.td-row-label{color:#64748b;flex-shrink:0;font-size:12px;min-width:130px;padding-top:1px}.td-row-label,.td-row-value{font-weight:500;line-height:1.5}.td-row-value{color:#1a2332;flex:1 1;font-size:13px}.td-row-value--price{font-feature-settings:"tnum";color:#1254cc;font-variant-numeric:tabular-nums;font-weight:700}.td-row-value--total{color:#0d9488;font-size:13.5px}.td-row-value--profit,.td-row-value--total{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.td-row-value--profit{color:#1d8a5f}.td-notes-content{background:#fafbfd;color:#334155;font-size:13px;line-height:1.75;padding:16px 18px;white-space:pre-wrap}.td-error-banner{align-items:center;background:#fff5f5;border:1px solid #fccfcf;border-radius:8px;color:#c0392b;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:14px;padding:11px 16px}.td-error-close{background:none;border:none;color:#c0392b;cursor:pointer;font-size:18px;line-height:1}.td-dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.td-dialog{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000002e;max-width:90vw;padding:28px;width:400px}.td-dialog h3{color:#1a2332;font-size:16px;font-weight:700;margin:0 0 10px}.td-dialog p{color:#475569;font-size:13.5px;line-height:1.65;margin:0 0 20px}.td-dialog-actions{display:flex;gap:8px;justify-content:flex-end}.td-dialog-cancel{background:#fff;border:1px solid #dde5f0;border-radius:8px;color:#475569;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:9px 18px}.td-dialog-cancel:hover{background:#f7f9fc}.td-dialog-confirm{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:9px 18px}.td-dialog-confirm--approve{background:#1d8a5f;color:#fff}.td-dialog-confirm--approve:hover{background:#166a49}.td-dialog-confirm--reject{background:#c0392b;color:#fff}.td-dialog-confirm--reject:hover{background:#a93226}@media (max-width:1050px){.td-metrics{grid-template-columns:repeat(2,1fr)}.td-body{grid-template-columns:1fr}}@media (max-width:600px){.td-metrics{grid-template-columns:1fr 1fr}.td-header{align-items:flex-start;flex-direction:column}.td-page{padding:78px 12px 40px}}@media (max-width:420px){.td-metrics{grid-template-columns:1fr}}@keyframes tl-fadeup{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tl-page{background:#f4f6fa;min-height:100vh;padding:90px 32px 28px}.tl-header{align-items:flex-end;animation:tl-fadeup .2s ease both;display:flex;justify-content:space-between;margin-bottom:24px}.tl-header-left h1{color:#0d1b35;font-size:22px;font-weight:700;letter-spacing:-.4px;margin:0 0 4px}.tl-header-left p{color:#64748b;font-size:13px;margin:0}.tl-new-btn{align-items:center;background:#1254cc;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:9px 18px;transition:background .15s;white-space:nowrap}.tl-new-btn:hover{background:#0f43a8}.tl-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.tl-stat-card{align-items:center;animation:tl-fadeup .22s ease both;background:#fff;border:1px solid #dde5f0;border-radius:10px;box-shadow:0 1px 4px #0f172a0a;display:flex;gap:16px;padding:18px 20px;transition:box-shadow .2s,transform .2s}.tl-stat-card:hover{box-shadow:0 4px 16px #0f172a14;transform:translateY(-2px)}.tl-stat-card:first-child{animation-delay:0ms}.tl-stat-card:nth-child(2){animation-delay:50ms}.tl-stat-card:nth-child(3){animation-delay:.1s}.tl-stat-card:nth-child(4){animation-delay:.15s}.tl-stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.tl-stat-icon--blue{background:#eef4ff;color:#1254cc}.tl-stat-icon--amber{background:#fffbeb;color:#b45309}.tl-stat-icon--teal{background:#f0fdfa;color:#0d9488}.tl-stat-icon--violet{background:#f5f3ff;color:#6d28d9}.tl-stat-body{min-width:0}.tl-stat-value{color:#0d1b35;font-size:26px;font-weight:700;letter-spacing:-.5px;line-height:1;margin-bottom:4px}.tl-stat-label{color:#64748b;font-size:12px;font-weight:600}.tl-stat-sub{color:#94a3b8;font-size:11px;margin-top:2px}.tl-toolbar{align-items:center;animation:tl-fadeup .22s ease .1s both;display:flex;gap:10px;margin-bottom:14px}.tl-search-wrap{flex:1 1;max-width:380px;position:relative}.tl-search-icon{color:#94a3b8;display:flex;left:11px;position:absolute;top:50%;transform:translateY(-50%)}.tl-search-input{background:#fff;border:1px solid #dde5f0;border-radius:7px;color:#0d1b35;font-family:inherit;font-size:13px;height:36px;outline:none;padding:0 12px 0 34px;transition:border-color .15s,box-shadow .15s;width:100%}.tl-search-input:focus{border-color:#1254cc;box-shadow:0 0 0 3px #1254cc14}.tl-search-input::placeholder{color:#cbd5e1}.tl-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.tl-filter-tab{align-items:center;background:#fff;border:1px solid #dde5f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:5px;padding:6px 12px;transition:all .15s;white-space:nowrap}.tl-filter-tab:hover{background:#f1f5f9;border-color:#c7d7ee}.tl-filter-tab.active--all{background:#eef4ff;border-color:#c7dcff;color:#1254cc}.tl-filter-tab.active--pending{background:#fffbeb;border-color:#fde68a;color:#b45309}.tl-filter-tab.active--approved{background:#eef4ff;border-color:#c7dcff;color:#1254cc}.tl-filter-tab.active--converted{background:#f0fdfa;border-color:#99f6e4;color:#0d9488}.tl-filter-tab.active--expired{background:#f8fafc;border-color:#cbd5e1;color:#475569}.tl-filter-tab.active--rejected{background:#fff5f5;border-color:#fccfcf;color:#c0392b}.tl-filter-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.tl-filter-dot--all{background:#1254cc}.tl-filter-dot--pending{background:#b45309}.tl-filter-dot--approved{background:#1254cc}.tl-filter-dot--converted{background:#0d9488}.tl-filter-dot--expired{background:#94a3b8}.tl-filter-dot--rejected{background:#c0392b}.tl-card{animation:tl-fadeup .22s ease .15s both;background:#fff;border:1px solid #dde5f0;border-radius:10px;box-shadow:0 1px 4px #0f172a0a;overflow:hidden}.tl-table{border-collapse:collapse;table-layout:fixed;width:100%}.tl-table thead th{background:#f8fafd;border-bottom:1px solid #dde5f0;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.5px;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.tl-table thead th:first-child{border-left:3px solid #1254cc}.tl-table tbody tr{border-bottom:1px solid #f4f6fa;transition:background .12s}.tl-table tbody tr:last-child{border-bottom:none}.tl-table tbody tr:hover{background:#fafbff}.tl-table tbody td{color:#0d1b35;font-size:13px;padding:12px 14px;vertical-align:middle}.tl-col-no{width:170px}.tl-col-customer,.tl-col-vehicle{width:auto}.tl-col-price{width:130px}.tl-col-date,.tl-col-kar{width:110px}.tl-col-status{width:130px}.tl-col-actions{width:80px}.tl-teklif-no{gap:10px}.tl-teklif-badge,.tl-teklif-no{align-items:center;display:flex}.tl-teklif-badge{background:#eef4ff;border:1px solid #c7dcff;border-radius:8px;color:#1254cc;flex-shrink:0;font-size:11px;font-weight:800;height:32px;justify-content:center;width:32px}.tl-teklif-no-text{color:#0d1b35;font-family:Courier New,monospace;font-size:12px;font-weight:700;letter-spacing:.2px}.tl-cell-main{color:#0d1b35;font-size:13px;font-weight:600;line-height:1.3}.tl-cell-sub{color:#94a3b8;font-size:11px;margin-top:2px}.tl-price{font-feature-settings:"tnum";color:#1254cc;font-size:13px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.2px}.tl-kar-value{font-feature-settings:"tnum";color:#0d9488;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600}.tl-kar-pct{color:#94a3b8;font-size:11px;margin-top:2px}.tl-date-main{color:#0d1b35;font-size:13px;font-weight:500}.tl-date-sub{color:#94a3b8;font-size:11px;margin-top:2px}.tl-status{align-items:center;border-radius:5px;display:inline-flex;font-size:11.5px;font-weight:700;gap:5px;padding:4px 10px;white-space:nowrap}.tl-status--pending{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.tl-status--approved{background:#eef4ff;border:1px solid #c7dcff;color:#1254cc}.tl-status--rejected{background:#fff5f5;border:1px solid #fccfcf;color:#c0392b}.tl-status--expired{background:#f8fafc;border:1px solid #cbd5e1;color:#475569}.tl-status--converted{background:#f0fdfa;border:1px solid #99f6e4;color:#0d9488}.tl-actions{gap:4px}.tl-action-btn,.tl-actions{align-items:center;display:flex}.tl-action-btn{background:#fff;border:1px solid #dde5f0;border-radius:6px;color:#64748b;cursor:pointer;height:30px;justify-content:center;transition:all .15s;width:30px}.tl-action-btn:hover{background:#eef4ff;border-color:#c7dcff;color:#1254cc}.tl-action-btn--pdf:hover{background:#fff5f5;border-color:#fccfcf;color:#c0392b}.tl-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 24px}.tl-empty-icon{font-size:40px;opacity:.4}.tl-empty h3{color:#475569;font-size:15px;font-weight:700;margin:0}.tl-empty p{color:#94a3b8;font-size:13px;margin:0;text-align:center}.tl-pagination{align-items:center;background:#fafbfd;border-top:1px solid #dde5f0;color:#64748b;display:flex;font-size:12.5px;justify-content:space-between;padding:12px 16px}.tl-pagination-info{font-weight:500}.tl-pagination-controls{align-items:center;display:flex;gap:4px}.tl-page-btn{align-items:center;background:#fff;border:1px solid #dde5f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;height:30px;justify-content:center;min-width:30px;padding:0 8px;transition:all .15s}.tl-page-btn:hover:not(:disabled){background:#eef4ff;border-color:#c7dcff;color:#1254cc}.tl-page-btn.active{background:#1254cc;border-color:#1254cc;color:#fff}.tl-page-btn:disabled{cursor:not-allowed;opacity:.35}.tl-rows-select{background:#fff;border:1px solid #dde5f0;border-radius:6px;color:#475569;cursor:pointer;font-family:inherit;font-size:12px;height:30px;outline:none;padding:0 8px}.tl-dialog-overlay{align-items:center;background:#0f172a59;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.tl-dialog{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0f172a2e;max-width:90vw;padding:24px;width:400px}.tl-dialog h3{color:#0d1b35;font-size:16px;font-weight:700;margin:0 0 10px}.tl-dialog p{color:#475569;font-size:13px;line-height:1.6;margin:0 0 20px}.tl-dialog-actions{display:flex;gap:8px;justify-content:flex-end}.tl-dialog-cancel{background:#fff;border:1px solid #dde5f0;border-radius:7px;color:#475569;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:background .15s}.tl-dialog-cancel:hover{background:#f1f5f9}.tl-dialog-delete{background:#c0392b;border:none;border-radius:7px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:background .15s}.tl-dialog-delete:hover{background:#a93226}.tl-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:14px;justify-content:center;min-height:60vh}@media (max-width:1100px){.tl-stats{grid-template-columns:repeat(2,1fr)}.tl-col-kar,.tl-col-vehicle{display:none}}@media (max-width:768px){.tl-page{padding:16px}.tl-stats{grid-template-columns:repeat(2,1fr)}.tl-header{align-items:flex-start;flex-direction:column;gap:12px}.tl-toolbar{flex-wrap:wrap}.tl-search-wrap{max-width:100%}}.sr-page{background:#f7f9fc;font-family:Inter,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:86px 24px 48px}.sr-loading{color:#64748b;font-size:14px;font-weight:500;justify-content:center;min-height:340px}.sr-header,.sr-loading{align-items:center;display:flex;gap:12px}.sr-header{background:#fff;border:1px solid #dde5f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;margin-bottom:14px;padding:18px 22px}.sr-header-left{align-items:center;display:flex;gap:14px}.sr-title{color:#1a2332;font-size:17px;font-weight:700;line-height:1.2}.sr-subtitle{color:#64748b;font-size:12.5px;margin-top:3px}.sr-header-right{align-items:center;display:flex;gap:8px}.sr-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;line-height:1;padding:8px 14px;transition:background .13s,border-color .13s}.sr-btn--ghost{background:#fff;border-color:#dde5f0;color:#475569}.sr-btn--ghost:hover{background:#f7f9fc;border-color:#c5d0e0}.sr-btn--primary{background:#1254cc;border-color:#1254cc;color:#fff}.sr-btn--primary:hover{background:#0f44a8}.sr-btn--icon{padding:8px}.sr-btn--sm{padding:6px 10px}.sr-filters{align-items:flex-end;background:#fff;border:1px solid #dde5f0;border-radius:14px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:14px;padding:16px 22px}.sr-filter-label{color:#94a3b8;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.sr-filter-dates{display:flex;flex-direction:column}.sr-date-wrap{align-items:center;display:flex;gap:8px}.sr-date-sep{color:#94a3b8;font-size:14px}.sr-filter-selects{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sr-select{background:#f7f9fc;border:1px solid #dde5f0;border-radius:8px;color:#334155;cursor:pointer;font-family:inherit;font-size:13px;height:36px;min-width:130px;outline:none;padding:0 10px}.sr-select:focus{border-color:#1254cc}.sr-toggle{align-items:center;cursor:pointer;display:flex;gap:8px;margin-left:auto;-webkit-user-select:none;user-select:none}.sr-toggle input{display:none}.sr-toggle-track{background:#dde5f0;border-radius:10px;flex-shrink:0;height:20px;position:relative;transition:background .2s;width:36px}.sr-toggle-track:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:16px;left:2px;position:absolute;top:2px;transition:left .2s;width:16px}.sr-toggle input:checked+.sr-toggle-track{background:#1254cc}.sr-toggle input:checked+.sr-toggle-track:after{left:18px}.sr-toggle-label{color:#475569;font-size:13px;font-weight:500}.sr-error-banner{align-items:center;background:#fff5f5;border:1px solid #fccfcf;border-radius:8px;color:#c0392b;display:flex;font-size:13px;font-weight:600;gap:12px;justify-content:space-between;margin-bottom:14px;padding:11px 16px}.sr-error-close{background:none;border:none;color:#c0392b;cursor:pointer;font-size:18px;line-height:1}.sr-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr);margin-bottom:14px}.sr-metric{background:#fff;border:1px solid #dde5f0;border-radius:12px;border-top:3px solid #0000;padding:16px 16px 14px}.sr-metric--blue{border-top-color:#1254cc}.sr-metric--teal{border-top-color:#0d9488}.sr-metric--green{border-top-color:#1d8a5f}.sr-metric--violet{border-top-color:#7c3aed}.sr-metric--amber{border-top-color:#d97706}.sr-metric--slate{border-top-color:#475569}.sr-metric-icon{align-items:center;border-radius:8px;display:flex;height:32px;justify-content:center;margin-bottom:10px;width:32px}.sr-metric-icon--blue{background:#ebf2ff;color:#1254cc}.sr-metric-icon--teal{background:#ccfbf1;color:#0d9488}.sr-metric-icon--green{background:#dcfce7;color:#1d8a5f}.sr-metric-icon--violet{background:#ede9fe;color:#7c3aed}.sr-metric-icon--amber{background:#fef3c7;color:#d97706}.sr-metric-icon--slate{background:#f1f5f9;color:#475569}.sr-metric-value{font-feature-settings:"tnum";color:#1a2332;font-size:17px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-metric-title{color:#64748b;font-size:11.5px;font-weight:500;margin-top:3px}.sr-metric-bottom{align-items:center;display:flex;justify-content:space-between;margin-top:6px}.sr-metric-sub{color:#94a3b8;font-size:11px}.sr-metric-delta{align-items:center;display:flex;font-size:11px;font-weight:700;gap:2px}.sr-metric-delta--up{color:#1d8a5f}.sr-metric-delta--down{color:#c0392b}.sr-metric-delta--flat{color:#94a3b8}.sr-charts{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:14px}.sr-chart-card{background:#fff;border:1px solid #dde5f0;border-radius:14px;overflow:hidden}.sr-chart-header{align-items:center;border-bottom:1px solid #eef2f8;border-left:3px solid #1254cc;color:#1a2332;display:flex;font-size:13px;font-weight:700;gap:8px;padding:12px 18px}.sr-chart-body{height:250px;padding:16px 18px}.sr-chart-body--lg{height:310px;padding:16px 18px}.sr-chart-split{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;min-height:200px;padding:16px 18px}.sr-donut-wrap{height:175px}.sr-donut-legend{display:flex;flex-direction:column;gap:10px;justify-content:center}.sr-donut-row-top{align-items:center;display:flex;gap:6px;margin-bottom:4px}.sr-donut-dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.sr-donut-name{color:#1a2332;flex:1 1;font-size:12.5px;font-weight:600}.sr-donut-val{font-feature-settings:"tnum";color:#64748b;font-size:11.5px;font-variant-numeric:tabular-nums}.sr-progress-track{background:#e8edf5;border-radius:4px;height:7px;overflow:hidden}.sr-progress-track--lg{border-radius:5px;height:10px}.sr-progress-bar{border-radius:4px;height:100%;transition:width .4s ease}.sr-card{background:#fff;border:1px solid #dde5f0;border-radius:14px;margin-bottom:14px;overflow:hidden}.sr-tabs{background:#f7f9fc;border-bottom:1px solid #dde5f0;display:flex;gap:2px;overflow-x:auto;padding:0 8px}.sr-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;margin-bottom:-1px;padding:12px 16px;transition:color .13s,border-color .13s;white-space:nowrap}.sr-tab:hover{color:#1a2332}.sr-tab--active{border-bottom-color:#1254cc;color:#1254cc}.sr-tab-content{padding:20px}.sr-tab-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:5fr 7fr}.sr-table-card{background:#fff;border:1px solid #dde5f0;border-radius:12px;overflow:hidden}.sr-table-scroll{overflow-x:auto}.sr-table{border-collapse:collapse;font-size:13px;width:100%}.sr-table thead tr{background:#f7f9fc;border-bottom:1px solid #dde5f0}.sr-table th{color:#64748b;font-size:11.5px;font-weight:700;letter-spacing:.3px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.sr-th-r{text-align:right}.sr-table td{border-bottom:1px solid #f1f5f9;color:#1a2332;padding:10px 14px;vertical-align:middle}.sr-table tbody tr:last-child td{border-bottom:none}.sr-table tbody tr:hover{background:#f7f9fc}.sr-td-r{text-align:right}.sr-td-bold,.sr-td-green{font-weight:700}.sr-td-green{font-feature-settings:"tnum";color:#0d9488;font-variant-numeric:tabular-nums}.sr-kanal-cell{align-items:center;display:flex;gap:8px}.sr-kanal-avatar{border-radius:6px;display:flex;flex-shrink:0;font-size:11px;height:26px;justify-content:center;width:26px}.sr-kanal-avatar,.sr-pill{align-items:center;font-weight:700}.sr-pill{border-radius:20px;display:inline-flex;font-size:11.5px;padding:2px 9px}.sr-kanal-list{display:flex;flex-direction:column;gap:14px;padding:16px 18px}.sr-kanal-bar-top{display:flex;justify-content:space-between;margin-bottom:5px}.sr-kanal-bar-name{color:#1a2332;font-size:13px;font-weight:600}.sr-kanal-bar-pct{font-size:13px;font-weight:700}.sr-kanal-bar-sub{color:#64748b;display:flex;font-size:11.5px;justify-content:space-between;margin-top:4px}.sr-ozet-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.sr-ozet-card{background:#f7f9fc;border:1px solid #dde5f0;border-radius:10px;padding:14px 16px}.sr-ozet-top{display:flex;justify-content:space-between;margin-bottom:8px}.sr-ozet-name{color:#1a2332;font-size:13px;font-weight:700}.sr-ozet-nums{color:#64748b;font-size:12.5px;font-weight:600}.sr-ozet-pct{font-size:12px;font-weight:700;margin-top:5px}.sr-section-label{color:#1a2332;font-size:13px;font-weight:700;gap:8px;margin-bottom:14px}.sr-footer,.sr-section-label{align-items:center;display:flex}.sr-footer{background:#fff;border:1px solid #dde5f0;border-radius:12px;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:13px 20px}.sr-footer-info{color:#94a3b8;font-size:12px}.sr-footer-stats{align-items:center;display:flex;gap:16px}.sr-footer-stat{align-items:flex-end;display:flex;flex-direction:column}.sr-footer-stat span{color:#94a3b8;font-size:11px}.sr-footer-stat strong{font-feature-settings:"tnum";font-size:13.5px;font-variant-numeric:tabular-nums}.sr-footer-divider{background:#dde5f0;height:28px;width:1px}@media (max-width:1200px){.sr-metrics{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.sr-charts,.sr-tab-grid{grid-template-columns:1fr}.sr-filters{align-items:flex-start;flex-direction:column}.sr-toggle{margin-left:0}}@media (max-width:640px){.sr-metrics{grid-template-columns:repeat(2,1fr)}.sr-page{padding:78px 12px 40px}.sr-chart-split{grid-template-columns:1fr}}@media (max-width:420px){.sr-metrics{grid-template-columns:1fr}}:root{--navy900:#07162e;--navy800:#0b1e3c;--navy700:#112a52;--navy600:#173a70;--blue500:#0b4dba;--blue400:#2f6fed;--blue300:#5b8dff;--blue100:#e8f2ff;--blue50:#f5f9ff;--surface:#fff;--page:#f6f8fc;--pageAlt:#f0f4fa;--border:#e8edf5;--borderLight:#f0f4fa;--text:#0d1b35;--textSecondary:#4a5568;--muted:#7a8496;--softMuted:#a8b2c4;--renault:#e30613;--dacia:#0b4dba;--success:#10b981;--successLight:#ecfdf5;--warning:#f59e0b;--warningLight:#fffbeb;--danger:#ef4444;--dangerLight:#fef2f2;--info:#3b82f6;--infoLight:#eff6ff;--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--shadow-sm:0 1px 3px #0f172a0a;--shadow-md:0 4px 16px #0f172a0f;--shadow-lg:0 8px 32px #0f172a14;--shadow-xl:0 16px 48px #0f172a1f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition:all 0.25s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#f8fbff,#f0f5fc 50%,#edf5ff);color:#0d1b35;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);line-height:1.5}.dashboard-container{background:#0000;display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#fff,#fafcff);border-right:1px solid #e8edf5;border-right:1px solid var(--border);bottom:0;box-shadow:0 8px 32px #0f172a14;box-shadow:var(--shadow-lg);color:#0d1b35;color:var(--text);display:flex;flex-direction:column;left:0;min-width:270px;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:270px;z-index:100}.sidebar.closed{transform:translateX(-100%)}.sidebar-brand{align-items:center;border-bottom:1px solid #f0f4fa;border-bottom:1px solid var(--borderLight);display:flex;gap:12px;justify-content:center;padding:24px 20px 18px;padding:26px 20px 22px}.brand-logo-full{height:auto;object-fit:contain;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:155px}.brand-logo-full:hover{transform:scale(1.02)}.sidebar-menu{flex:1 1;padding:18px 14px}.menu-label{color:#a8b2c4;color:var(--softMuted);display:block;font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:10px;padding-left:12px;text-transform:uppercase}.menu-item{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius-md);color:#4a5568;color:var(--textSecondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:12px;margin-bottom:2px;padding:10px 14px;position:relative;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.menu-item:hover{background:#f5f9ff;background:var(--blue50);color:#0b4dba;color:var(--blue500)}.menu-item.active{background:linear-gradient(135deg,#f5f9ff,#e8f2ff);background:linear-gradient(135deg,var(--blue50),var(--blue100));box-shadow:0 2px 8px #0b4dba0f;color:#0b4dba;color:var(--blue500);font-weight:600}.menu-item.active:before{background:linear-gradient(180deg,#0b4dba,#2f6fed);background:linear-gradient(180deg,var(--blue500),var(--blue400));border-radius:0 4px 4px 0;bottom:8px;content:"";left:0;position:absolute;top:8px;width:3px}.menu-icon{align-items:center;display:flex;font-size:18px;opacity:.8}.menu-item.active .menu-icon{opacity:1}.sidebar-footer{border-top:1px solid #f0f4fa;border-top:1px solid var(--borderLight);display:flex;flex-direction:column;gap:8px;padding:14px}.pro-badge{align-items:center;background:linear-gradient(135deg,#f5f9ff,#edf4ff);background:linear-gradient(135deg,var(--blue50),#edf4ff);border:1px solid #e8f2ff;border:1px solid var(--blue100);border-radius:12px;border-radius:var(--radius-md);color:#0d1b35;color:var(--text);display:flex;gap:10px;padding:12px}.pro-badge svg{color:#f59e0b;font-size:17px}.pro-badge strong{color:#0b1e3c;color:var(--navy800);display:block;font-size:11.5px}.pro-badge span{color:#7a8496;color:var(--muted);font-size:10px}.user-card{background:#fafcff;border:1px solid #f0f4fa;border:1px solid var(--borderLight);border-radius:12px;border-radius:var(--radius-md);gap:10px;padding:10px 12px}.user-avatar,.user-card{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#0b4dba,#2f6fed);background:linear-gradient(135deg,var(--blue500),var(--blue400));border-radius:8px;border-radius:var(--radius-sm);color:#fff;font-size:12px;font-weight:700;height:34px;justify-content:center;width:34px}.user-card strong{color:#0b1e3c;color:var(--navy800);display:block;font-size:12px}.user-card span{color:#7a8496;color:var(--muted);font-size:10px}.main-content{flex:1 1;margin-left:270px;min-width:0;transition:margin-left .3s ease}.sidebar.closed+.main-content{margin-left:0}.dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border-bottom:1px solid #e8edf5;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0f172a08;color:#0d1b35;color:var(--text);height:68px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:90}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:14px}.header-left h2{color:#0b1e3c;color:var(--navy800);font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.header-left .subtitle{color:#7a8496;color:var(--muted);font-size:11.5px;font-weight:500}.menu-toggle{align-items:center;background:#f5f9ff;background:var(--blue50);border:1px solid #e8edf5;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0b4dba;color:var(--blue500);cursor:pointer;display:flex;padding:7px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.menu-toggle:hover{background:#e8f2ff;background:var(--blue100)}.header-right{gap:8px}.header-btn,.header-right{align-items:center;display:flex}.header-btn{background:#fff;border:1px solid #e8edf5;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#4a5568;color:var(--textSecondary);cursor:pointer;font-size:11.5px;font-weight:500;gap:7px;height:36px;padding:7px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.header-btn:hover{background:#f5f9ff;background:var(--blue50);border-color:#e8f2ff;border-color:var(--blue100);color:#0b4dba;color:var(--blue500)}.header-btn.icon-only{justify-content:center;padding:0;width:36px}.user-avatar-small{align-items:center;background:linear-gradient(135deg,#0b4dba,#2f6fed);background:linear-gradient(135deg,var(--blue500),var(--blue400));border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #0b4dba33;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:34px;justify-content:center;width:34px}.dashboard-body{padding:20px 24px}.kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr);margin-bottom:14px}.kpi-card{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e8edf5;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0f172a0a;box-shadow:var(--shadow-sm);display:flex;height:115px;justify-content:space-between;overflow:hidden;padding:16px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.kpi-card:before{background:linear-gradient(90deg,#0b4dba,#2f6fed);background:linear-gradient(90deg,var(--blue500),var(--blue400));border-radius:16px 16px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.kpi-card.danger:before{background:linear-gradient(90deg,#fca5a5,#ef4444);background:linear-gradient(90deg,#fca5a5,var(--danger))}.kpi-card:hover{background:#fff;box-shadow:0 8px 32px #0f172a14;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi-info{display:flex;flex-direction:column;gap:5px}.kpi-label{color:#7a8496;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.kpi-value{color:#0b1e3c;color:var(--navy800);font-size:26px;font-weight:750;letter-spacing:-.02em;line-height:1}.kpi-change{color:#10b981;color:var(--success);font-size:10.5px;font-weight:600}.kpi-card.danger .kpi-change{color:#ef4444;color:var(--danger)}.kpi-icon{align-items:center;background:#f5f9ff;background:var(--blue50);border-radius:12px;border-radius:var(--radius-md);color:#0b4dba;color:var(--blue500);display:flex;font-size:21px;height:42px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:42px}.kpi-card:hover .kpi-icon{transform:scale(1.05)}.kpi-card.danger .kpi-icon{background:#fef2f2;background:var(--dangerLight);color:#ef4444;color:var(--danger)}.dashboard-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:5fr 4fr 3fr;margin-bottom:12px}.dashboard-row:last-of-type{grid-template-columns:4fr 3.5fr 3.5fr}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e8edf5;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0f172a0a;box-shadow:var(--shadow-sm);padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:hover{box-shadow:0 4px 16px #0f172a0f;box-shadow:var(--shadow-md)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.card-header h3{color:#0b1e3c;color:var(--navy800);font-size:12px;font-weight:700;letter-spacing:.02em}.card-action{align-items:center;background:none;border:none;border-radius:5px;color:#0b4dba;color:var(--blue500);cursor:pointer;display:flex;font-size:10.5px;font-weight:600;gap:3px;padding:4px 8px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card-action:hover{background:#f5f9ff;background:var(--blue50)}.card-action svg{font-size:13px}.brand-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.brand-column{border-right:1px solid #f0f4fa;border-right:1px solid var(--borderLight);padding-right:16px}.brand-total{background:linear-gradient(135deg,#0b1e3c,#112a52);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 6px 20px #0b1e3c2e;color:#fff;padding:16px}.brand-title{align-items:center;display:flex;gap:7px;margin-bottom:12px}.brand-dot{border-radius:50%;height:7px;width:7px}.brand-title strong{font-size:13px;font-weight:800}.brand-badge{border-radius:20px;font-size:9.5px;font-weight:700;margin-left:auto;padding:2px 8px}.brand-metrics{display:flex;gap:12px;margin-bottom:10px}.brand-metric{flex:1 1}.brand-label{color:#7a8496;color:var(--muted);display:block;font-size:10px;font-weight:500;margin-bottom:3px}.brand-value{color:#0d1b35;color:var(--text);font-size:17px;font-weight:800;letter-spacing:-.01em}.brand-total .brand-value{color:#fff;font-size:13px}.positive-change{color:#34d399;font-size:10px;font-weight:600;margin-left:3px}.brand-stats{border-top:1px solid #f0f4fa;border-top:1px solid var(--borderLight);display:flex;gap:16px;padding-top:10px}.brand-stats strong{color:#0b1e3c;color:var(--navy800);display:block;font-size:13px;font-weight:800;margin-top:1px}.brand-total h4{color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;margin-bottom:10px}.total-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.total-metrics span{color:#fff9;display:block;font-size:9.5px;margin-bottom:1px}.total-metrics strong{color:#fff;display:block;font-size:14px;font-weight:700}.brand-total .brand-label{color:#fff9;font-size:9.5px}.time-select{background:#fff;border:1px solid #e8edf5;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#4a5568;color:var(--textSecondary);cursor:pointer;font-size:10.5px;font-weight:500;height:30px;padding:5px 12px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.time-select:hover{border-color:#5b8dff;border-color:var(--blue300)}.chart-container{width:100%}.action-list{display:flex;flex-direction:column;gap:10px}.action-group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.action-group-header h4{font-size:11.5px;font-weight:700}.action-count{border-radius:20px;font-size:9.5px;font-weight:700;padding:2px 8px}.action-item{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:8px;padding:6px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.action-item:hover{background:#fafcff}.action-item-icon{align-items:center;background:#f0f4fa;border-radius:5px;color:#112a52;color:var(--navy700);display:flex;font-size:15px;height:24px;justify-content:center;width:34px}.action-item-info{flex:1 1}.action-item-info strong{color:#0b1e3c;color:var(--navy800);display:block;font-size:11px;font-weight:600}.action-item-info span{color:#7a8496;color:var(--muted);font-size:9.5px}.action-divider{background:#f0f4fa;background:var(--borderLight);height:1px;margin:6px 0}.status-chip{border-radius:5px;display:inline-block;font-size:10px;font-weight:600;min-width:56px;padding:3px 9px;text-align:center}.status-critical{background:#fef2f2;background:var(--dangerLight);color:#ef4444;color:var(--danger)}.status-warning{background:#fffbeb;background:var(--warningLight);color:#d97706}.status-success{background:#ecfdf5;background:var(--successLight);color:#059669}.status-info{background:#eff6ff;background:var(--infoLight);color:#3b82f6;color:var(--info)}.stock-content{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:5fr 7fr;margin-bottom:10px}.pie-container{align-items:center;display:flex;height:130px;justify-content:center;position:relative}.pie-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-60%)}.pie-value{color:#0b1e3c;color:var(--navy800);display:block;font-size:24px;font-weight:800;line-height:1}.pie-label{color:#7a8496;color:var(--muted);font-size:10px;font-weight:500}.stock-legend{display:flex;flex-direction:column;gap:8px}.legend-item{grid-gap:7px;align-items:center;display:grid;font-size:11px;gap:7px;grid-template-columns:10px 1fr 36px 36px}.legend-dot{border-radius:50%;height:7px;width:7px}.legend-name{color:#4a5568;color:var(--textSecondary);font-weight:500}.legend-value{color:#0b1e3c;color:var(--navy800);font-weight:700;text-align:right}.legend-percent{color:#7a8496;color:var(--muted);text-align:right}.warning-bar{align-items:center;background:#fef2f2;background:var(--dangerLight);border:1px solid #fecaca;border-radius:8px;border-radius:var(--radius-sm);color:#ef4444;color:var(--danger);display:flex;font-size:10.5px;font-weight:600;gap:7px;padding:9px 12px}.warning-bar svg{font-size:15px}.filo-content{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:1fr 1fr 1fr;margin-bottom:14px}.filo-stat{text-align:center}.filo-label{font-size:10.5px;font-weight:700;margin-bottom:3px}.filo-label,.filo-value{color:#0b4dba;color:var(--blue500);display:block}.filo-value{font-size:24px;font-weight:800;letter-spacing:-.02em}.filo-percent{color:#4a5568;color:var(--textSecondary);display:block;font-size:14px;font-weight:700}.filo-pie{align-items:center;display:flex;height:100px;justify-content:center;position:relative}.pie-center-text{color:#4a5568;color:var(--textSecondary);font-size:10px;font-weight:800;left:50%;position:absolute;top:50%;transform:translate(-50%,-55%)}.filo-summary{grid-gap:8px;background:#f5f9ff;background:var(--blue50);border:1px solid #e8f2ff;border:1px solid var(--blue100);border-radius:12px;border-radius:var(--radius-md);display:grid;gap:8px;grid-template-columns:1fr 1fr;padding:12px}.filo-summary span{color:#7a8496;color:var(--muted);display:block;font-size:10px;margin-bottom:2px}.filo-summary strong{color:#0b1e3c;color:var(--navy800);font-size:13px;font-weight:700}.profit-summary{grid-gap:6px;display:grid;font-size:10.5px;font-weight:700;gap:6px;grid-template-columns:1fr 1fr 1fr;margin-top:6px;text-align:center}.profit-summary strong{display:block;font-size:11px;margin-bottom:1px}.table-card{margin-bottom:0}.search-box,.table-actions{align-items:center;display:flex;gap:7px}.search-box{background:#fff;border:1px solid #e8edf5;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);height:34px;padding:7px 12px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:200px}.search-box:focus-within{border-color:#2f6fed;border-color:var(--blue400);box-shadow:0 0 0 3px #2f6fed14}.search-box svg{color:#a8b2c4;color:var(--softMuted);font-size:15px}.search-box input{border:none;color:#0d1b35;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:11px;outline:none;width:100%}.search-box input::placeholder{color:#a8b2c4;color:var(--softMuted)}.icon-btn{align-items:center;background:#fff;border:1px solid #e8edf5;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#4a5568;color:var(--textSecondary);cursor:pointer;display:flex;font-size:15px;height:34px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:34px}.icon-btn:hover{background:#f5f9ff;background:var(--blue50);border-color:#e8f2ff;border-color:var(--blue100);color:#0b4dba;color:var(--blue500)}.btn-outline{background:#fff;border:1px solid #e8edf5;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#4a5568;color:var(--textSecondary);cursor:pointer;font-size:10.5px;font-weight:600;height:34px;padding:7px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-outline:hover{background:#f5f9ff;background:var(--blue50);border-color:#e8f2ff;border-color:var(--blue100);color:#0b4dba;color:var(--blue500)}.table-wrapper{border:1px solid #f0f4fa;border:1px solid var(--borderLight);border-radius:8px;border-radius:var(--radius-sm);margin-top:12px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{background:linear-gradient(180deg,#fafcff,#f5f8fc);border-bottom:1px solid #e8edf5;border-bottom:1px solid var(--border);color:#7a8496;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.04em;padding:11px 13px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f0f4fa;border-bottom:1px solid var(--borderLight);color:#4a5568;color:var(--textSecondary);font-size:11px;padding:10px 13px}.data-table tr:hover td{background:#fafcff}.data-table .mono{color:#112a52;color:var(--navy700);font-family:SF Mono,Fira Code,monospace;font-size:10px;font-weight:500}.brand-indicator{border-radius:50%;display:inline-block;height:6px;margin-right:5px;width:6px}.text-right{text-align:right}.text-center{text-align:center}.text-danger{color:#ef4444;color:var(--danger);font-weight:700}.text-success{color:#059669;font-weight:700}@media (max-width:1400px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.brand-content,.dashboard-row,.dashboard-row:last-of-type{grid-template-columns:1fr 1fr}.brand-total{grid-column:1/-1}}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.kpi-grid{grid-template-columns:repeat(2,1fr)}.brand-content,.dashboard-row,.dashboard-row:last-of-type{grid-template-columns:1fr}.brand-column{border-bottom:1px solid #f0f4fa;border-bottom:1px solid var(--borderLight);border-right:none;padding-bottom:14px;padding-right:0}.stock-content{grid-template-columns:1fr}.filo-content{grid-template-columns:1fr 1fr 1fr}}@media (max-width:640px){.kpi-grid{grid-template-columns:1fr}.dashboard-header{padding:0 14px}.dashboard-body{padding:14px}.header-btn span{display:none}.table-actions{flex-wrap:wrap}.search-box{width:100%}.filo-content{grid-template-columns:1fr}.brand-metrics{flex-direction:column;gap:8px}}.spectra-login-page{grid-gap:42px;animation:pageGradient 14s ease-in-out infinite;background:linear-gradient(135deg,#f0f5ff,#fafbff 45%,#edf1ff);background-size:400% 400%;color:#071d49;display:grid;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;gap:42px;grid-template-columns:minmax(760px,1.42fr) minmax(460px,.68fr);min-height:100vh;overflow:hidden;padding:24px 48px 20px;position:relative}@keyframes pageGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.spectra-bg-circle{border-radius:999px;filter:blur(1px);pointer-events:none;position:absolute;z-index:0}.circle-one{animation:blobDrift1 10s ease-in-out infinite;background:radial-gradient(circle,#1168ff26 0,#6366f112 40%,#0000 70%);bottom:-440px;height:1000px;right:-380px;width:1000px}.circle-two{animation:blobDrift2 12s ease-in-out infinite;background:radial-gradient(circle,#38bdf81f 0,#6366f10d 50%,#0000 70%);height:860px;left:36%;top:-460px;width:860px}.spectra-bg-lines{animation:blobDrift3 15s ease-in-out infinite;background:radial-gradient(circle,#a78bfa17 0,#0000 65%);border-radius:999px;bottom:60px;height:700px;left:-120px;opacity:1;position:absolute;transform:none;width:700px;z-index:0}@keyframes blobDrift1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,-30px) scale(1.06)}66%{transform:translate(30px,-50px) scale(.97)}}@keyframes blobDrift2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,40px) scale(1.04)}66%{transform:translate(-25px,25px) scale(1.07)}}@keyframes blobDrift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-40px) scale(1.1)}}.login-footer,.spectra-left-panel,.spectra-right-panel{position:relative;z-index:2}.loading-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffff0;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.loading-content{align-items:center;display:flex;flex-direction:column;gap:36px}.loading-logo-container{align-items:center;display:flex;height:144px;justify-content:center;position:relative;width:144px}.loading-logo{animation:logoGlow 2s ease-in-out infinite;height:72px;object-fit:contain;position:relative;width:72px;z-index:2}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 18px rgba(17,104,255,.25))}50%{filter:drop-shadow(0 0 40px rgba(17,104,255,.55))}}.loading-logo-ring{animation:ringRotate 3s linear infinite;border:2px solid #1168ff1f;border-radius:50%;inset:0;position:absolute}.loading-logo-ring-2{animation-direction:reverse;animation-duration:4.5s;border-color:#6366f114;border-style:dashed;inset:-16px}.loading-logo-ring-3{animation-duration:6s;border-color:#38bdf80f;border-width:1px;inset:-32px}@keyframes ringRotate{to{transform:rotate(1turn)}}.loading-text-container{align-items:center;display:flex;flex-direction:column;gap:16px}.loading-message{animation:messageFadeIn .5s ease;color:#071d49;font-size:15.5px;font-weight:600;letter-spacing:-.1px;margin:0;min-height:24px;text-align:center}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loading-dots{align-items:center;display:flex;gap:8px}.loading-dot{animation:dotBounce 1.4s ease-in-out infinite;background:#1168ff;border-radius:50%;height:8px;width:8px}.loading-dot:nth-child(2){animation-delay:.2s;background:#6366f1}.loading-dot:nth-child(3){animation-delay:.4s;background:#38bdf8}@keyframes dotBounce{0%,80%,to{opacity:.3;transform:scale(.3)}40%{opacity:1;transform:scale(1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spectra-logo{animation:fadeSlideUp .7s cubic-bezier(.22,1,.36,1) both;display:block;height:auto;margin-bottom:20px;margin-left:-6px;width:240px}.hero-copy{animation:fadeSlideUp .75s cubic-bezier(.22,1,.36,1) .08s both;margin-bottom:24px}.hero-copy h1{color:#071d49;font-size:clamp(36px,3.5vw,52px);font-weight:800;letter-spacing:-1.5px;line-height:1.07;margin:0}.hero-copy h1 span{-webkit-text-fill-color:#0000;animation:textGradient 5s ease-in-out infinite;background:linear-gradient(135deg,#1168ff,#6366f1 40%,#38bdf8 80%,#1168ff);-webkit-background-clip:text;background-clip:text;background-size:300% 100%;display:inline-block;position:relative}.hero-copy h1 span:after{background:#1168ff14;border-radius:4px;bottom:4px;content:"";height:8px;left:0;position:absolute;width:100%;z-index:-1}@keyframes textGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-copy p{color:#5c6e96;font-size:15px;line-height:1.57;margin:14px 0 0;max-width:620px}.accent-line{animation:textGradient 3s ease-in-out infinite;background:linear-gradient(90deg,#1168ff,#6366f1,#38bdf8);background-size:200% 100%;border-radius:999px;height:3px;margin-top:14px;width:48px}.quick-trust-row{grid-gap:16px;animation:fadeSlideUp .75s cubic-bezier(.22,1,.36,1) .18s both;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px;max-width:940px}.info-pill{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffa6;border:1px solid #c8daf5cc;border-radius:14px;display:flex;gap:12px;padding:12px 16px;transition:all .25s cubic-bezier(.22,1,.36,1)}.info-pill:hover{background:#fffffff2;border-color:#c0d6f5;box-shadow:0 12px 32px #11408714;transform:translateY(-3px)}.info-pill>div{background:linear-gradient(135deg,#e8f2ff,#eff5ff);border-radius:12px;color:#1269ff;display:grid;height:42px;min-width:42px;place-items:center;transition:transform .25s ease;width:42px}.info-pill:hover>div{transform:scale(1.08) rotate(-3deg)}.info-pill strong{color:#071d49;display:block;font-size:13px;font-weight:600;margin-bottom:2px}.info-pill p{color:#65769c;font-size:11px;line-height:1.4;margin:0}.module-section{margin-bottom:4px;margin-top:4px}.module-header{align-items:baseline;animation:fadeSlideUp .75s cubic-bezier(.22,1,.36,1) .26s both;display:flex;gap:12px;margin-bottom:18px}.module-header h2{align-items:center;color:#071d49;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.module-icon-dot{background:linear-gradient(180deg,#1168ff,#6366f1);border-radius:99px;display:inline-block;height:20px;width:5px}.module-subtitle{color:#7c8fb5;font-size:13px;font-weight:400;margin:0}.module-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(6,minmax(112px,1fr));max-width:1030px}.module-card{animation:cardPop .55s cubic-bezier(.34,1.56,.64,1) forwards;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffbf;border:1px solid #dce8f8e6;border-radius:18px;box-shadow:0 2px 12px #1140870a;color:var(--module-color);cursor:pointer;min-height:150px;opacity:0;overflow:hidden;padding:18px 12px 14px;position:relative;text-align:left;transform:scale(.88) translateY(18px);transition:transform .32s cubic-bezier(.4,0,.2,1),box-shadow .32s ease,border-color .32s ease,background .32s ease;width:100%}@keyframes cardPop{to{opacity:1;transform:scale(1) translateY(0)}}.module-grid>button:first-child{animation-delay:.3s}.module-grid>button:nth-child(2){animation-delay:.36s}.module-grid>button:nth-child(3){animation-delay:.42s}.module-grid>button:nth-child(4){animation-delay:.48s}.module-grid>button:nth-child(5){animation-delay:.54s}.module-grid>button:nth-child(6){animation-delay:.6s}.module-grid>button:nth-child(7){animation-delay:.66s}.module-grid>button:nth-child(8){animation-delay:.72s}.module-grid>button:nth-child(9){animation-delay:.78s}.module-grid>button:nth-child(10){animation-delay:.84s}.module-grid>button:nth-child(11){animation-delay:.9s}.module-card:before{background:linear-gradient(135deg,var(--module-color) 0,#0000 200%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .32s ease;z-index:0}.module-card:hover{background:#fff;border-color:var(--module-color);box-shadow:0 20px 52px #11408721;transform:translateY(-8px) scale(1.03)}.module-card:hover:before{opacity:.045}.module-card-active{background:#fff;border-color:var(--module-color);border-width:2px;box-shadow:0 8px 32px #1140871a}.module-top-line{background:linear-gradient(90deg,#0000,var(--module-color),#0000);height:2px;left:8px;opacity:.4;position:absolute;right:8px;top:0;transition:all .32s ease}.module-card:hover .module-top-line{left:0;opacity:1;right:0}.module-icon-wrapper{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--module-color) 12%,#0000) 0,#0000 100%);border-radius:12px;display:flex;height:44px;justify-content:center;margin-bottom:12px;position:relative;transition:all .32s cubic-bezier(.34,1.56,.64,1);width:44px;z-index:1}.module-card:hover .module-icon-wrapper{background:linear-gradient(135deg,color-mix(in srgb,var(--module-color) 20%,#0000) 0,color-mix(in srgb,var(--module-color) 6%,#0000) 100%);transform:scale(1.12) rotate(-4deg)}.module-icon{position:relative;transition:transform .32s ease;z-index:1}.module-card:hover .module-icon{transform:scale(1.08)}.module-card strong{color:#071d49;display:block;font-size:14px;font-weight:700;letter-spacing:-.2px;margin-bottom:6px;position:relative;z-index:1}.module-card p{color:#5e7196;font-size:11px;line-height:1.4;margin:0 0 12px;min-height:32px;position:relative;z-index:1}.module-footer{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.module-arrow{align-items:center;background:var(--module-color);border-radius:8px;color:#fff;display:inline-flex;height:24px;justify-content:center;transition:all .32s cubic-bezier(.34,1.56,.64,1);width:24px}.module-card:hover .module-arrow{border-radius:12px;width:62px}.module-selected-text{animation:fadeInSlide .3s ease;color:var(--module-color);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}@keyframes fadeInSlide{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.module-glow{background:radial-gradient(circle,var(--module-color) 0,#0000 70%);border-radius:50%;bottom:-40px;height:100px;opacity:0;pointer-events:none;position:absolute;right:-40px;transition:opacity .32s ease;width:100px}.module-card:hover .module-glow{opacity:.1}.security-spacer{height:28px}.bottom-security{grid-gap:14px;align-items:center;animation:fadeSlideUp .75s cubic-bezier(.22,1,.36,1) .95s both;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff8c;border:1px solid #c8daf5b3;border-radius:16px;display:grid;gap:14px;grid-template-columns:64px 1.4fr 1fr 1fr 1fr;max-width:1060px;padding:14px 18px}.security-badge{background:linear-gradient(135deg,#1269ff,#003da7);border-radius:14px;box-shadow:0 8px 22px #0050d238;color:#fff;display:grid;height:52px;place-items:center;width:52px}.security-copy strong{color:#071d49;display:block;font-size:13px;font-weight:600;margin-bottom:2px}.security-copy p{color:#5f7198;font-size:11px;line-height:1.35;margin:0}.mini-security{align-items:center;border-left:1px solid #e5edf8;color:#1168ff;display:flex;gap:10px;padding-left:14px}.mini-security strong{color:#071d49;display:block;font-size:12px;font-weight:600;margin-bottom:1px}.mini-security p{color:#5f7198;font-size:10px;line-height:1.3;margin:0}.spectra-right-panel{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 54px)}.login-card{animation:loginCardIn .9s cubic-bezier(.22,1,.36,1) .15s both;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffeb;border:1px solid #c8dcf8b3;border-radius:28px;box-shadow:0 4px 8px #0e286e0a,0 20px 56px #0e286e1a,0 40px 100px #0e286e0f;max-height:calc(100vh - 60px);overflow:hidden;padding:52px 48px 44px;position:relative;width:min(100%,540px)}@keyframes loginCardIn{0%{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card:before{animation:borderShimmer 4s linear infinite;background:linear-gradient(90deg,#1168ff,#6366f1,#38bdf8,#6366f1,#1168ff);background-size:300% 100%;border-radius:28px 28px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes borderShimmer{0%{background-position:0 50%}to{background-position:300% 50%}}.login-card:after{background:linear-gradient(180deg,#1168ff08,#0000);content:"";height:120px;left:0;pointer-events:none;position:absolute;right:0;top:0}.login-badge{animation:badgePop .6s cubic-bezier(.34,1.56,.64,1) .6s both;background:linear-gradient(135deg,#eef4ff,#f4f8ff);border-radius:16px;box-shadow:0 8px 24px #115fd21f;color:#1168ff;display:grid;height:56px;place-items:center;position:absolute;right:32px;top:28px;width:56px}@keyframes badgePop{0%{opacity:0;transform:scale(.6) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.login-header{animation:fadeSlideUp .65s cubic-bezier(.22,1,.36,1) .4s both;margin-bottom:8px}.login-card h2{color:#071d49;font-size:30px;font-weight:700;letter-spacing:-.4px;margin:0}.login-card>p{color:#6b7d9e;font-size:15px;font-weight:400;margin:8px 0 30px}.login-error-alert{align-items:center;animation:errorShake .5s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:20px;padding:14px 16px}.login-error-alert svg{flex-shrink:0}.login-error-alert span{flex:1 1}@keyframes errorShake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.error-close{background:none;border:none;border-radius:6px;color:#dc2626;cursor:pointer;padding:4px;transition:background .2s}.error-close:hover{background:#fee2e2}.login-form{animation:fadeSlideUp .65s cubic-bezier(.22,1,.36,1) .5s both;display:flex;flex-direction:column;gap:22px}.login-form label>span{color:#4d6285;display:block;font-size:13.5px;font-weight:600;letter-spacing:.2px;margin-bottom:10px}.input-wrapper{align-items:center;background:#f8fbff;border:1.5px solid #e2eaf5;border-radius:14px;color:#7c8bad;display:flex;gap:14px;height:60px;overflow:hidden;padding:0 20px;position:relative;transition:all .25s cubic-bezier(.22,1,.36,1)}.input-wrapper:after{background:linear-gradient(90deg,#1168ff,#6366f1,#38bdf8);border-radius:0 0 14px 14px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .35s cubic-bezier(.22,1,.36,1);width:0}.input-wrapper:hover{background:#fafcff;border-color:#c8d6ee}.input-wrapper:focus-within{background:#fff;border-color:#a8c4f5;box-shadow:0 0 0 4px #1168ff0f}.input-wrapper:focus-within:after{width:100%}.input-wrapper input{background:#0000;border:none;color:#071d49;flex:1 1;font-size:16px;font-weight:400;outline:none}.input-wrapper input::placeholder{color:#b4c4db;font-weight:400}.input-wrapper svg{flex-shrink:0;height:20px;transition:color .25s ease;width:20px}.input-wrapper:focus-within svg{color:#1168ff}.input-error{background:#fff5f5!important;border-color:#ef4444!important}.input-error:focus-within{box-shadow:0 0 0 4px #ef444414!important}.input-error:after{background:#ef4444!important}.field-error{animation:fadeSlideUp .25s ease;color:#ef4444;display:block;font-size:12px;font-weight:500;margin-top:6px}.password-toggle{background:#0000;border:none;border-radius:8px;color:#9aafcf;cursor:pointer;padding:4px;transition:all .2s ease}.password-toggle:hover{background:#eef4ff;color:#1168ff}.login-options{align-items:center;animation:fadeIn .5s ease .65s both;display:flex;justify-content:space-between;margin-top:-2px}.login-options label{align-items:center;color:#5a6d8c;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px}.login-options input{accent-color:#1168ff;border-radius:4px;cursor:pointer;height:20px;width:20px}.contact-text button,.login-options button{background:#0000;border:none;color:#3a70f5;cursor:pointer;font-size:14px;font-weight:600;transition:color .2s ease}.contact-text button:hover,.login-options button:hover{color:#1a50cc}.primary-login-button{align-items:center;animation:fadeSlideUp .65s cubic-bezier(.22,1,.36,1) .7s both;background:linear-gradient(135deg,#1a6fff,#0047d4);background-size:200% 100%;border:none;border-radius:14px;box-shadow:0 8px 28px #0052d240,0 2px 6px #0052d224,inset 0 1px 0 #ffffff26;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:600;gap:18px;height:58px;justify-content:center;letter-spacing:.1px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.22,1,.36,1)}.primary-login-button:before{background:linear-gradient(90deg,#0000,#ffffff2e 50%,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:60%}.primary-login-button:hover:before{left:160%}.primary-login-button:hover{background-position:100% 0;box-shadow:0 16px 40px #0052d252,0 4px 12px #0052d22e,inset 0 1px 0 #fff3;transform:translateY(-2px)}.primary-login-button:active{box-shadow:0 4px 14px #0052d233;transform:translateY(0) scale(.98)}.primary-login-button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.65;transform:none!important}.primary-login-button svg{transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.primary-login-button:hover svg{transform:translateX(5px)}.spinner{animation:spin .65s linear infinite;border:2.5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.divider{align-items:center;animation:fadeIn .5s ease .75s both;color:#b0c0d9;display:flex;gap:16px;margin:4px 0}.divider span{background:linear-gradient(90deg,#0000,#e5eef8,#0000);flex:1 1;height:1px}.divider small{font-size:13.5px;font-weight:500;letter-spacing:.4px}.module-select-button{align-items:center;animation:fadeSlideUp .65s cubic-bezier(.22,1,.36,1) .78s both;background:#f8fbffcc;border:1.5px solid #e2eaf5;border-radius:14px;color:#4a6188;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:14px;height:56px;justify-content:center;transition:all .25s cubic-bezier(.22,1,.36,1)}.module-select-button svg{height:22px;width:22px}.module-select-button:hover{background:#fff;border-color:#c8d6ee;box-shadow:0 8px 24px #11408712;color:#1168ff;transform:translateY(-2px)}.contact-text{animation:fadeIn .5s ease .85s both;color:#8799b8;font-size:15px;margin-top:28px;text-align:center}.login-footer{animation:fadeIn .6s ease 1s both;bottom:10px;color:#96aac8;font-size:13.5px;left:0;position:absolute;right:0;text-align:center;z-index:2}.modal-overlay{align-items:center;animation:fadeIn .22s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a143273;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-content{animation:modalSlideUp .35s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 30px 70px #0000002e;padding:42px;position:relative;width:min(100%,480px)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{background:none;border:none;border-radius:10px;color:#8796b6;cursor:pointer;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s}.modal-close:hover{background:#f0f3f8;color:#071d49;transform:rotate(90deg)}.modal-content h3{color:#071d49;font-size:24px;font-weight:700;letter-spacing:-.3px;margin:0 0 8px}.modal-content>p{color:#6b7d9e;font-size:14px;line-height:1.6;margin:0 0 24px}.reset-form{display:flex;flex-direction:column;gap:20px}.reset-form label>span{color:#4d6285;display:block;font-size:13.5px;font-weight:600;margin-bottom:8px}.reset-success{animation:fadeSlideUp .4s ease;padding:20px;text-align:center}.reset-success svg{animation:successPop .5s cubic-bezier(.34,1.56,.64,1);color:#10b981;margin-bottom:16px}@keyframes successPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.reset-success strong{color:#071d49;display:block;font-size:18px;margin-bottom:8px}.reset-success p{color:#6b7d9e;font-size:14px}@media (max-width:1460px){.spectra-login-page{grid-template-columns:1fr;height:auto;min-height:100vh}.spectra-right-panel{justify-content:flex-start}.login-card{max-width:600px;min-height:auto}.login-footer{bottom:auto;grid-column:1;margin-top:20px;position:relative}}@media (max-width:980px){.spectra-login-page{padding:24px 20px}.spectra-logo{margin-left:0;width:200px}.bottom-security,.quick-trust-row{grid-template-columns:1fr}.info-pill,.mini-security{border-left:none;border-right:none;padding-left:0;padding-right:0}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.login-card{max-width:100%;padding:44px 32px 40px;width:100%}.login-card h2{font-size:26px}}@media (max-width:560px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy h1{font-size:34px}.login-options{align-items:flex-start;flex-direction:column;gap:12px}.login-card{padding:40px 24px 36px}.login-card h2{font-size:24px}.input-wrapper{height:56px}.primary-login-button{font-size:16px;height:54px}.modal-content{border-radius:20px;padding:28px 24px}.modal-content h3{font-size:20px}}
/*# sourceMappingURL=main.a6a9f355.css.map*/