@import"https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";html,body{margin:0;padding:0;width:100%;height:100%}:is(html,body) #root{width:100%;height:100%}:root{--padding: 1rem;--menuItemsSize: 1rem;--hover-background: rgba(0, 0, 0, .082);--font-title-size: 1.3rem;--color: rgb(58, 58, 58);--left-menu-font-size: .9rem;--font-span-size: .85rem;--font-input: 1rem;--input-border-radius: 8px;--input-border-radius-inner: 6px;--inputBackgroundColor: rgb(255, 255, 255);--inputBackgroundColor-hover: rgb(238, 238, 238);--inputBackgroundColor-selected: rgb(170, 170, 170);--input-border: 1px solid rgb(184, 184, 184);--font-family: "Google Sans", "Prompt", sans-serif;--selectBorderColor: rgb(69, 127, 250);--md-surface-bright-highlight: rgba(221, 180, 119, .397);--hightlight-background: #f7cb7a41;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F8F9FA;--color-bg-tertiary: #F1F3F4;--color-bg-elevated: #FFFFFF;--nav-height: 3.5rem;--color-border-light: #E8EAED;--primary-border: 1px solid var(--color-border-light);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 240px;font-family:var(--font-family);--md-bg: #101411;--md-surface: #1C211D;--md-outline: #414942;--md-text-primary: #E1E3DF;--md-text-secondary: #C4C7C5;--md-text-tertiary: #8E918F;--md-primary: #8CD69D;--md-primary-container: #005224;--md-on-primary-container: #A7F3B8;--status-success: #8CD69D;--status-warning: #E5C16C;--status-warning-hover: #ff9900;--status-error: #FFB4AB;--status-info: #A8C7FA;--font-xs: 10px;--font-sm: 11px;--font-md: 12px;--font-base: 13px;--font-lg: 14px;--font-xl: 16px;--font-xxl: 18px;--sidebar-w: 260px;--sidebar-w-collapsed: 72px;--rightbar-w: 240px;--topbar-h: 60px}[data-theme=dark-blue]{--md-bg: #0B1019;--md-surface: #151B26;--md-outline: #384252;--md-text-primary: #E1E8ED;--md-text-secondary: #AAB8C2;--md-text-tertiary: #657786;--md-primary: #A8C7FA;--md-primary-container: #00325B;--md-on-primary-container: #D1E4FF;--status-info: #A8C7FA}[data-theme=dark-grey]{--md-bg: #121212;--md-surface: #1E1E1E;--md-outline: #444444;--md-text-primary: #F5F5F5;--md-text-secondary: #B0B0B0;--md-primary: #D0BCFF;--md-primary-container: #381E72;--md-on-primary-container: #EADDFF}[data-theme=light-green]{--md-bg: #FDFDF5;--md-surface: #F2F6F0;--md-outline: #C4C8C5;--md-text-primary: #191C1A;--md-text-secondary: #404943;--md-text-tertiary: #717973;--md-primary: #2E6A44;--md-primary-container: #B2F4C5;--md-on-primary-container: #00210B;--status-error: #BA1A1A;--status-warning: #ffae17}[data-theme=light-blue]{--md-bg: #FDFBFF;--md-surface: #F0F4FA;--md-outline: #C2C7CF;--md-text-primary: #1A1C1E;--md-text-secondary: #43474E;--md-primary: #0061A4;--md-primary-container: #D1E4FF;--md-on-primary-container: #001D36;--status-error: #BA1A1A}[data-theme=light]{--md-bg: #FFFFFF;--md-surface: #F3F4F6;--md-outline: #E5E7EB;--md-text-primary: #111827;--md-text-secondary: #4B5563;--md-text-tertiary: #9CA3AF;--md-primary: #1F2937;--md-primary-container: #E5E7EB;--md-on-primary-container: #111827}.x-container{display:flex;flex-direction:column;flex:1;overflow-y:auto}.x-center{align-items:center}.x-register-container{max-width:600px;width:calc(100% - 80px);display:flex;flex-direction:column;flex:auto;gap:1rem}::-webkit-scrollbar-track{background:transparent;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--md-outline);border-radius:4px;border:2px solid var(--md-bg)}::-webkit-scrollbar-thumb:hover{background:var(--md-text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--md-outline) var(--md-bg)}:root{--color-primary: #1A73E8;--color-primary-dark: #1557B0;--color-primary-light: #4285F4;--color-primary-pale: #E8F0FE;--color-secondary: #34A853;--color-secondary-dark: #2D8E47;--color-secondary-light: #81C995;--color-accent: #F9AB00;--color-accent-dark: #E37400;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F8F9FA;--color-bg-tertiary: #F1F3F4;--color-bg-elevated: #FFFFFF;--color-text-primary: #202124;--color-text-secondary: #5F6368;--color-text-tertiary: #80868B;--color-text-inverse: #FFFFFF;--color-border-light: #E8EAED;--color-border-medium: #DADCE0;--color-border-dark: #BDC1C6;--color-success: #34A853;--color-success-bg: #E6F4EA;--color-warning: #F9AB00;--color-warning-bg: #FEF7E0;--color-error: #EA4335;--color-error-bg: #FCE8E6;--color-info: #1A73E8;--color-info-bg: #E8F0FE;--color-online: #34A853;--color-offline: #80868B;--color-pending: #F9AB00;--font-display: "Outfit", "Segoe UI", system-ui, -apple-system, sans-serif;--font-body: "Inter Tight", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Consolas", "Monaco", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--topbar-height: 64px;--content-max-width: 1440px;--border-width: 1px;--border-width-thick: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(60, 64, 67, .08);--shadow-md: 0 1px 3px 0 rgba(60, 64, 67, .12), 0 4px 8px 3px rgba(60, 64, 67, .05);--shadow-lg: 0 2px 6px 2px rgba(60, 64, 67, .08), 0 8px 16px 4px rgba(60, 64, 67, .06);--shadow-xl: 0 4px 16px 0 rgba(60, 64, 67, .1), 0 12px 28px 8px rgba(60, 64, 67, .08);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);background-color:var(--color-bg-secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}code,pre{font-family:var(--font-mono);font-size:var(--font-size-sm)}.container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-right{text-align:right}.border{border:var(--border-width) solid var(--color-border-medium)}.border-t{border-top:var(--border-width) solid var(--color-border-medium)}.border-b{border-bottom:var(--border-width) solid var(--color-border-medium)}.border-light{border-color:var(--color-border-light)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.card{background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--color-border-light);margin-bottom:var(--space-4)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;border:var(--border-width) solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border-medium)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.btn-success{background:var(--color-success);color:var(--color-text-inverse)}.btn-success:hover:not(:disabled){background:var(--color-secondary-dark)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.input-label-required:after{content:"*";color:var(--color-error);margin-left:var(--space-1)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:hover{border-color:var(--color-border-dark)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-pale)}.input::placeholder{color:var(--color-text-tertiary)}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px var(--color-error-bg)}.input-helper{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.input-error-message{font-size:var(--font-size-xs);color:var(--color-error)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-full);white-space:nowrap}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-accent-dark)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-neutral{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--space-2)}.status-online{background:var(--color-online)}.status-offline{background:var(--color-offline)}.status-pending{background:var(--color-pending)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-slide-in{animation:slideInRight var(--transition-base)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@media(max-width:768px){:root{--sidebar-width: 100%}.hide-mobile{display:none!important}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media(min-width:769px){.hide-desktop{display:none!important}}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.page-header-content{display:flex;flex-direction:column;gap:var(--space-1)}.page-title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin:0}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.page-actions{display:flex;gap:var(--space-3)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;transition:box-shadow var(--transition-base),transform var(--transition-fast);position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-medium);transform:translateY(-2px)}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.stat-icon.primary{background:var(--color-primary-pale);color:var(--color-primary)}.stat-icon.success{background:var(--color-success-bg);color:var(--color-success)}.stat-icon.warning{background:var(--color-warning-bg);color:var(--color-warning)}.stat-icon.error{background:var(--color-error-bg);color:var(--color-error)}.stat-value{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.2}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.stat-trend{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-top:var(--space-2)}.stat-trend.up{color:var(--color-success)}.stat-trend.down{color:var(--color-error)}.stat-trend.neutral{color:var(--color-text-tertiary)}.table-container{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.table-toolbar{padding:var(--space-4);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg-elevated)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table th{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-medium);white-space:nowrap}.data-table td{padding:var(--space-4);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background-color:var(--color-bg-tertiary)}.cell-user{display:flex;align-items:center;gap:var(--space-3)}.cell-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary-pale);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.cell-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.filter-bar{display:flex;gap:var(--space-3);flex-wrap:wrap}.search-input-wrapper{position:relative;min-width:280px}.search-input-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.search-input-field{padding-left:2.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;color:var(--color-text-secondary)}.empty-icon{font-size:48px;margin-bottom:var(--space-4);color:var(--color-border-dark)}.empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-desc{max-width:400px;margin-bottom:var(--space-6)}.callout{padding:var(--space-4);border-radius:var(--radius-md);border-left:4px solid;margin-bottom:var(--space-6);display:flex;align-items:flex-start;gap:var(--space-3)}.callout-info{background:var(--color-info-bg);border-color:var(--color-info);color:var(--color-primary-dark)}.callout-warning{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-accent-dark)}.callout-error{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}body{background-color:var(--md-bg);color:var(--md-text-primary);margin:0;font-family:Inter,sans-serif;font-size:var(--font-base);overflow:hidden}.biz-layout{display:flex;height:100vh;position:relative}.biz-sidebar{width:var(--sidebar-w);background:var(--md-bg);border-right:1px solid var(--md-outline);display:flex;flex-direction:column;padding:16px;transition:width .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;white-space:nowrap;overflow:hidden;z-index:100}.btn-toggle-right-float{background:var(--md-surface);border:1px solid var(--md-outline);color:var(--md-text-secondary);width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-toggle-right-float:hover{background:var(--md-primary-container);color:var(--md-on-primary-container);border-color:var(--md-primary)}.biz-sidebar.collapsed{width:var(--sidebar-w-collapsed);padding:16px 8px}.sidebar-header{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 4px}.biz-brand{display:flex;align-items:center;gap:12px;overflow:hidden}.brand-logo-m3{min-width:36px;height:36px;background:var(--md-primary);border-radius:10px;display:flex;align-items:center;justify-content:center}.brand-text h3{margin:0;font-size:var(--font-xl);font-weight:600;color:var(--md-text-primary)}.brand-text span{font-size:var(--font-md);color:var(--md-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.btn-toggle-sidebar{background:transparent;border:none;color:var(--md-text-tertiary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center}.btn-toggle-sidebar:hover{background:#ffffff0d;color:var(--md-text-primary)}.sidebar-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:4px}.menu-group{margin-bottom:16px}.group-title{font-size:var(--font-sm);font-weight:600;color:var(--md-text-tertiary);opacity:.7;margin:0 0 8px 12px;letter-spacing:.5px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--md-text-secondary);cursor:pointer;transition:all .2s;font-size:var(--font-lg);font-weight:500;min-height:40px;margin-bottom:2px}.nav-item:hover{background:#ffffff0d;color:var(--md-text-primary)}.nav-item.active{background:var(--md-primary-container);color:var(--md-on-primary-container)}.nav-icon{min-width:20px;display:flex;align-items:center;justify-content:center}.nav-chevron{margin-left:auto;opacity:.5}.biz-topbar{height:var(--topbar-h);padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--md-outline);background:var(--md-surface);flex-shrink:0;z-index:50}.topbar-left{display:flex;align-items:center;gap:16px}.page-header-mobile{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--md-text-primary);letter-spacing:.5px;white-space:nowrap;opacity:.9}.btn-menu-toggle{display:none;background:transparent;border:none;color:var(--md-text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}.btn-menu-toggle:hover{color:var(--md-text-primary);background:#ffffff0d}.system-status-pill{display:flex;align-items:center;gap:8px;background:#ffffff08;padding:6px 12px;border-radius:20px;border:1px solid var(--md-outline);font-size:var(--font-xs);color:var(--md-text-secondary)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--status-success);box-shadow:0 0 4px var(--status-success)}.topbar-right{display:flex;align-items:center;gap:12px}.search-box{display:flex;align-items:center;gap:8px;background:#0003;padding:6px 12px;border-radius:8px;width:200px;border:1px solid transparent;transition:all .2s}.search-box:focus-within{border-color:var(--md-outline);background:#0006}.search-box input{background:transparent;border:none;color:var(--md-text-primary);outline:none;width:100%;font-size:var(--font-sm)}.search-box svg{color:var(--md-text-tertiary);width:14px;height:14px}.btn-icon-top{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--md-text-secondary);cursor:pointer;position:relative;transition:all .2s}.btn-icon-top.active{background:var(--md-primary-container);color:var(--md-on-primary-container)}.notif-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;background:var(--status-error);border-radius:50%;border:1px solid var(--md-surface)}.submenu-container{overflow:hidden;max-height:0;transition:max-height .3s ease-out;margin-left:22px;padding-left:12px;border-left:1px solid var(--md-outline)}.submenu-container.expanded{max-height:500px}.sub-item{padding:8px 12px;font-size:var(--font-base);color:var(--md-text-secondary);cursor:pointer;border-radius:6px;margin-top:2px;display:flex;align-items:center;gap:8px}.sub-item:hover{color:var(--md-text-primary);background:#ffffff08}.sub-item.active{color:var(--md-primary);background:#8cd69d0d}.biz-sidebar.collapsed .brand-text,.biz-sidebar.collapsed .group-title,.biz-sidebar.collapsed .nav-label,.biz-sidebar.collapsed .nav-chevron,.biz-sidebar.collapsed .submenu-container,.biz-sidebar.collapsed .user-info{display:none}.biz-sidebar.collapsed .sidebar-header{justify-content:center}.biz-sidebar.collapsed .nav-item{justify-content:center;padding:10px 0}.biz-sidebar.collapsed .biz-user-profile{justify-content:center;padding:12px 0}.biz-user-profile{margin-top:auto;padding:12px;background:var(--md-surface);border-radius:12px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.05)}.biz-user-profile img{width:32px;height:32px;border-radius:50%}.user-info{display:flex;flex-direction:column}.user-info strong{font-size:var(--font-base);color:var(--md-text-primary)}.user-info span{font-size:var(--font-sm);color:var(--md-text-tertiary)}.btn-logout{background:none;border:none;color:var(--status-error);cursor:pointer;margin-left:auto}.biz-center-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.system-status-pill{display:flex;align-items:center;gap:12px;background:#ffffff08;padding:6px 16px;border-radius:20px;border:1px solid var(--md-outline)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--status-success)}.status-text{font-size:var(--font-md);color:var(--md-text-secondary)}.search-box{display:flex;align-items:center;gap:8px;background:var(--md-surface);padding:8px 16px;border-radius:20px;width:220px;border:1px solid transparent}.search-box:focus-within{border-color:var(--md-outline)}.search-box input{background:transparent;border:none;color:#fff;outline:none;width:100%;font-size:var(--font-base)}.btn-icon-top{background:none;border:none;color:var(--md-text-secondary);cursor:pointer;position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.btn-icon-top:hover{background:#ffffff0d;color:var(--md-text-primary)}.notif-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--status-error);border-radius:50%;border:2px solid var(--md-bg)}.biz-content-area{flex:1;overflow-y:auto;padding:24px}.app-launcher-wrapper{position:relative}.app-popup{position:absolute;top:48px;right:-8px;width:260px;background:var(--md-surface);border:1px solid var(--md-outline);border-radius:16px;padding:16px;box-shadow:0 10px 40px #00000080;z-index:1000;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;animation:fadeScale .2s ease-out}@keyframes fadeScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.kc-app-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:8px 4px;border-radius:8px}.kc-app-item:hover{background:#ffffff0d}.app-icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.app-name{font-size:var(--font-sm);color:var(--md-text-secondary);text-align:center}.chat-widget{position:fixed;bottom:20px;right:260px;width:300px;height:400px;background:var(--md-surface);border:1px solid var(--md-outline);border-radius:16px;display:flex;flex-direction:column;z-index:2000;box-shadow:0 8px 32px #00000080;overflow:hidden}.chat-header{background:var(--md-primary-container);padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.chat-user-info{display:flex;gap:8px;align-items:center;font-size:var(--font-base);font-weight:600;color:#fff}.chat-body{flex:1;padding:12px;background:var(--md-bg);display:flex;flex-direction:column;gap:10px;overflow-y:auto}.msg-bubble{padding:8px 12px;border-radius:12px;font-size:var(--font-base);line-height:1.4}.msg-time{font-size:var(--font-xs);color:var(--md-text-tertiary);margin-top:2px}.chat-footer input{font-size:var(--font-base)}@media(max-width:1024px){.mobile-only{display:block}.desktop-only,.search-box{display:none}.biz-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;transform:translate(-100%);box-shadow:10px 0 30px #0000;transition:transform .35s cubic-bezier(.4,0,.2,1)}.biz-sidebar.mobile-open{transform:translate(0);width:280px;z-index:1001;box-shadow:10px 0 30px #00000080}.biz-sidebar.collapsed{width:280px}.biz-sidebar.mobile-open .brand-text,.biz-sidebar.mobile-open .group-title,.biz-sidebar.mobile-open .nav-label,.biz-sidebar.mobile-open .nav-chevron,.biz-sidebar.mobile-open .submenu-container.expanded,.biz-sidebar.mobile-open .user-info{display:block}.biz-sidebar.mobile-open .sidebar-header{justify-content:space-between}.biz-sidebar.mobile-open .nav-item{justify-content:flex-start;padding:10px 12px}.btn-close-sidebar{display:flex;align-items:center;justify-content:center;margin-left:auto;background:transparent;border:1px solid var(--md-outline);color:var(--md-text-secondary);width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-close-sidebar:hover{background:#ffb4ab1a;color:var(--status-error);border-color:var(--status-error)}.mobile-backdrop{display:block;position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.mobile-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.chat-widget{right:20px;width:calc(100% - 40px)}}@media(max-width:1024px){.btn-menu-toggle{display:flex}.page-header-mobile{display:block}.system-status-pill,.search-box{display:none}}@media(min-width:1025px){.page-header-mobile{display:none}}.desktop-only{display:flex}.mobile-backdrop{display:none}@media(max-width:1024px){.mobile-only{display:block}.desktop-only,.search-box{display:none}.biz-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:1001;box-shadow:5px 0 25px #00000080}.biz-sidebar.mobile-open{transform:translate(0)}.biz-sidebar.mobile-open .brand-text,.biz-sidebar.mobile-open .nav-label,.biz-sidebar.mobile-open .nav-chevron,.biz-sidebar.mobile-open .user-info{display:block}.biz-sidebar.mobile-open .nav-item{justify-content:flex-start}.mobile-backdrop{display:block;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s}.mobile-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.biz-content-area{padding:16px 16px 80px}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--md-surface);border-top:1px solid var(--md-outline);display:flex;justify-content:space-around;align-items:center;z-index:900;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--md-text-secondary);font-size:10px;font-weight:500;cursor:pointer;flex:1;padding:8px 0}.bottom-nav-item.active{color:var(--md-primary)}.bottom-nav-item svg{transition:transform .2s}.bottom-nav-item.active svg{transform:translateY(-2px)}.bottom-nav-item-fab{margin-top:-24px;cursor:pointer}.fab-circle{width:48px;height:48px;background:var(--md-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#003816;box-shadow:0 4px 12px #8cd69d66;border:4px solid var(--md-bg)}.chat-widget{bottom:70px;right:10px;width:calc(100% - 20px)}}.biz-layout{display:flex;height:100vh;width:100vw;overflow:hidden;transition:all .3s ease}.pinned-widget-area{width:320px;background:#000;border-right:1px solid var(--md-outline);border-left:1px solid var(--md-outline);flex-shrink:0;position:relative;z-index:90;transition:width .3s ease;display:flex;flex-direction:column}.pinned-widget-area .global-call-widget{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;border:none!important;box-shadow:none!important;transform:none!important}.pinned-widget-area .gcw-body{flex:1;height:100%}.pinned-widget-area img{height:100%;object-fit:cover}.global-call-widget{width:300px;height:400px;background:#1e1e1e;box-shadow:0 20px 50px #00000080;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;z-index:9999}.global-call-widget.dragging{opacity:.8;pointer-events:none}.gcw-header{cursor:grab}@media(max-width:1024px){:root{--gcw-high: 60px}.gcw-header{justify-content:space-between;padding:0 16px;height:var(--gcw-high)}.global-call-widget{position:fixed;top:0;left:0;right:0;width:100%!important;border-radius:0 0 20px 20px;box-shadow:0 10px 30px #00000080;transition:height .3s cubic-bezier(.4,0,.2,1);height:60px;background:#222;border:1px solid var(--md-outline);--paddingHigh: 0px}.call-undefined{--paddingHigh: var(--gcw-high);height:calc(100% - var(--gcw-high))}.global-call-widget.mobile-expanded{--paddingHigh: 50vh;height:var(--paddingHigh)}.biz-center-panel{padding-top:var(--paddingHigh)}.gcw-body,.gcw-footer{display:none}.mobile-expanded .gcw-body,.mobile-expanded .gcw-footer{display:flex}}.biz-page{display:flex;flex-direction:column;gap:24px;padding-bottom:40px;min-height:0}.header-right-group{display:flex;align-items:center;gap:12px}.date-badge{background:var(--md-surface);border:1px solid var(--md-outline);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:var(--md-text-secondary)}.btn-primary-cta{background:var(--md-primary);color:var(--md-bg);border:none;padding:8px 16px;border-radius:20px;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px var(--md-primary-container);transition:transform .2s;white-space:nowrap}.btn-primary-cta:hover{transform:translateY(-1px);opacity:.9}.pending-banner{background:#e5c16c1a;border:1px solid var(--status-warning);border-radius:20px;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.banner-content{display:flex;align-items:center;gap:16px}.banner-icon-box{width:48px;height:48px;background:var(--status-warning);color:#000;border-radius:12px;display:flex;align-items:center;justify-content:center}.banner-text h3{margin:0 0 4px;font-size:16px;color:var(--md-text-primary)}.banner-text p{margin:0;font-size:13px;color:var(--md-text-secondary)}.banner-text strong{color:var(--status-warning)}.banner-actions{display:flex;gap:12px}.btn-banner{padding:10px 20px;border-radius:12px;font-weight:600;font-size:13px;cursor:pointer;border:none;display:flex;align-items:center;gap:8px}.btn-banner.primary{background:var(--status-warning);color:#000}.btn-banner.primary:hover{background:var(--status-warning-hover)}.btn-banner.secondary{background:var(--md-surface);border:1px solid var(--md-outline);color:var(--md-text-primary)}.metrics-grid-m3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.metric-card-m3{background:var(--md-surface);border-radius:24px;padding:24px;display:flex;flex-direction:column;position:relative;border:1px solid var(--md-outline);transition:transform .2s}.metric-card-m3:hover{transform:translateY(-2px);border-color:var(--md-primary)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-label{font-size:14px;font-weight:500;color:var(--md-text-secondary)}.icon-metric.success{color:var(--status-success)}.icon-metric.info{color:var(--status-info)}.icon-metric.warning{color:var(--status-warning)}.card-value{font-size:32px;font-weight:600;color:var(--md-text-primary);font-family:Roboto Mono,monospace;margin-bottom:8px}.card-value .unit{font-size:14px;color:var(--md-text-tertiary);font-family:Inter,sans-serif;font-weight:400}.card-trend{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:12px;width:fit-content}.card-trend.positive{background:#8cd69d26;color:var(--status-success)}.card-trend.neutral{background:#ffffff0d;color:var(--md-text-tertiary)}.dashboard-split-row{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}.flex-grow{flex:2;min-width:300px}.chart-section-m3{background:var(--md-surface);border-radius:24px;padding:24px;border:1px solid var(--md-outline)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-header h3{margin:0;font-size:18px;font-weight:500;color:var(--md-text-primary)}.chart-controls span{padding:4px 12px;border-radius:16px;font-size:12px;cursor:pointer;color:var(--md-text-secondary);background:var(--md-bg);margin-left:4px}.chart-controls span.active{background:var(--md-primary);color:var(--md-bg)}.chart-viz{height:200px;display:flex;align-items:flex-end;justify-content:space-between;gap:4px}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.bar{width:100%;max-width:20px;min-height:4px;opacity:.8;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--md-primary) 0%,transparent 150%)}.bar:hover{opacity:1;filter:brightness(1.2)}.bar-group .label{font-size:10px;color:var(--md-text-tertiary)}.live-feed-panel{flex:1;min-width:300px;background:var(--md-surface);border-radius:24px;padding:20px;border:1px solid var(--md-outline)}.live-feed-panel h3{margin:0 0 16px;font-size:16px;color:var(--md-text-primary)}.feed-list{display:flex;flex-direction:column;gap:12px;max-height:250px;overflow-y:auto}.feed-item{font-size:13px;color:var(--md-text-secondary);border-bottom:1px solid var(--md-outline);padding-bottom:8px}.feed-item .time{font-size:11px;color:var(--md-text-tertiary);display:block;margin-bottom:2px}.feed-item strong{color:var(--md-text-primary)}.feed-item.warning p{color:var(--status-warning)}.table-section-m3{margin-top:8px}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header-row h3{margin:0;font-size:18px;color:var(--md-text-primary)}.btn-text-link{background:none;border:none;color:var(--md-primary);cursor:pointer;font-size:13px}.table-wrapper{overflow-x:auto}.m3-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;min-width:600px}.m3-table th{text-align:left;padding:16px;color:var(--md-text-tertiary);font-weight:500;border-bottom:1px solid var(--md-outline);font-size:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.m3-table td{padding:16px;color:var(--md-text-secondary);white-space:nowrap;vertical-align:inherit}.m3-table td .td-primary{white-space:normal;min-width:150px}.m3-table tbody tr{height:64px;vertical-align:middle;transition:background .2s;background:var(--md-surface);border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer}.m3-table tbody tr:hover{background:var(--md-surface-bright)}.m3-table tbody tr:hover td{color:var(--md-text-primary)}.row-highlight{background:#e5c16c0d!important;border-top:1px solid rgba(229,193,108,.2);border-bottom:1px solid rgba(229,193,108,.2)!important}.m3-table tbody tr.row-highlight:hover{background:#e5c16c1a!important}.row-highlight td{color:var(--md-text-primary)}.dot-indicator.warning{display:inline-block;width:8px;height:8px;background:var(--status-warning);border-radius:50%;margin-right:6px}.status-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.paid{background:#8cd69d1a;color:var(--status-success);border:1px solid var(--status-success)}.status-badge.pending{background:#e5c16c1a;color:var(--status-warning);border:1px solid var(--status-warning)}.action-group{display:flex;gap:8px}.btn-icon-action{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.btn-icon-action.approve{background:#8cd69d26;color:var(--status-success)}.btn-icon-action.approve:hover{background:var(--status-success);color:#003816}.btn-icon-action.reject{background:#ffb4ab26;color:var(--status-error)}.btn-icon-action.reject:hover{background:var(--status-error);color:#410002}.btn-text-action{background:none;border:1px solid var(--md-outline);color:var(--md-text-secondary);padding:4px 10px;border-radius:8px;cursor:pointer;font-size:11px}.btn-text-action:hover{color:var(--md-text-primary);border-color:var(--md-text-primary)}@media(max-width:768px){.mobile-hidden{display:none!important}.mobile-only{display:block!important}.page-title{font-size:20px}.btn-label{display:none}.btn-primary-cta{padding:10px;border-radius:50%}.pending-banner{flex-direction:column;align-items:flex-start;gap:12px}.banner-actions{width:100%}.btn-banner{flex:1;justify-content:center}.metrics-grid-m3{grid-template-columns:1fr}.dashboard-split-row{flex-direction:column}.chart-section-m3,.live-feed-panel,.m3-table{min-width:0}.m3-table th,.m3-table td{padding:12px 8px}.td-primary{font-size:13px;font-weight:500;color:var(--md-text-primary)}.td-secondary{font-size:11px;color:var(--status-warning)}}@media(max-width:768px){.mobile-hidden{display:none!important}.mobile-only{display:block!important}.page-title{font-size:20px}.btn-label{display:none}.btn-primary-cta{padding:10px;border-radius:50%}.pending-banner{flex-direction:column;align-items:flex-start;gap:12px}.banner-actions{width:100%}.btn-banner{flex:1;justify-content:center}.metrics-grid-m3{grid-template-columns:1fr}.dashboard-split-row{flex-direction:column;gap:0}.chart-section-m3{margin-left:-24px;margin-right:-24px;width:calc(100% + 48px);border-radius:0;border-left:none;border-right:none;padding:20px 16px;margin-top:16px}.chart-viz{display:flex;overflow-x:auto;justify-content:flex-start;gap:20px;padding-bottom:8px;padding-right:16px}.chart-viz::-webkit-scrollbar{height:4px}.chart-viz::-webkit-scrollbar-thumb{background:var(--md-outline);border-radius:2px}.bar-group{flex:0 0 auto;width:40px}.live-feed-panel{min-width:0;margin-top:16px;border-radius:16px}.m3-table{min-width:0}.m3-table th,.m3-table td{padding:12px 8px}.td-primary{font-size:13px;font-weight:500;color:var(--md-text-primary)}.td-secondary{font-size:11px;color:var(--status-warning)}}.biz-right-sidebar{width:var(--rightbar-w);background:var(--md-surface);border-left:1px solid var(--md-outline);display:flex;flex-direction:column;padding:16px;gap:20px;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s;overflow:hidden;height:100%}.biz-right-sidebar.collapsed{width:0;padding:0;border:none}.right-panel-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05);min-height:32px;white-space:nowrap}.right-panel-header h4{font-size:var(--font-md);font-weight:700;color:var(--md-text-primary);margin:0}.right-sidebar-content{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding-right:4px}.contact-group{display:flex;flex-direction:column;gap:4px}.group-label{font-size:var(--font-xs);font-weight:600;color:var(--md-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px}.compact-contact-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background .2s;position:relative}.compact-contact-item:hover{background:#ffffff0d}.contact-avatar{position:relative;width:32px;height:32px;flex-shrink:0}.contact-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.status-dot-sm{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--md-surface)}.status-dot-sm.online{background:var(--status-success)}.status-dot-sm.busy{background:var(--status-warning)}.status-dot-sm.offline{background:var(--md-text-tertiary)}.msg-badge{position:absolute;top:-4px;right:-4px;background:var(--status-error);color:#101411;font-size:9px;font-weight:700;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--md-surface)}.contact-info{flex:1;display:flex;flex-direction:column;overflow:hidden}.contact-name{font-size:var(--font-base);color:var(--md-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.contact-role{font-size:var(--font-xs);color:var(--status-info)}.contact-hover-actions{display:none;gap:4px}.compact-contact-item:hover .contact-hover-actions{display:flex}.contact-hover-actions button{width:24px;height:24px;border-radius:6px;border:none;background:var(--md-primary-container);color:var(--md-on-primary-container);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.contact-hover-actions button:hover{background:var(--md-primary);color:#003816}@media(max-width:1024px){.biz-right-sidebar{position:fixed;top:0;right:0;bottom:0;width:300px;z-index:1002;box-shadow:-5px 0 25px #00000080;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-left:none}.biz-right-sidebar.collapsed{width:300px;transform:translate(100%);padding:16px}}@media(max-width:1024px){.biz-right-sidebar:not(.collapsed){transform:translate(0)}}.global-call-widget{position:fixed;bottom:24px;right:24px;width:320px;height:400px;background:#000;border-radius:16px;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;overflow:hidden;z-index:9999;border:1px solid rgba(255,255,255,.1);animation:slideUp .3s cubic-bezier(.16,1,.3,1);transition:width .3s ease,height .3s ease,border-radius .3s ease,left .4s cubic-bezier(.34,1.56,.64,1),top .4s cubic-bezier(.34,1.56,.64,1)}.global-call-widget.dragging{opacity:.9;-webkit-user-select:none;user-select:none;cursor:grabbing;transition:none!important;box-shadow:0 25px 60px #0009}.global-call-widget.minimized{height:60px;bottom:24px;width:200px}.global-call-widget.minimized .gcw-body,.global-call-widget.minimized .gcw-footer{display:none}.gcw-header{background:#ffffff1a;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:grab;flex-shrink:0;height:60px;box-sizing:border-box}.gcw-header:active{cursor:grabbing}.live-badge{background:var(--status-error);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:700;margin-right:6px}.time-counter{font-family:monospace;font-size:12px;color:#fff}.gcw-controls-window{display:flex;align-items:center}.gcw-controls-window button{background:none;border:none;color:#fff;cursor:pointer;opacity:.7;margin-left:4px;display:flex;align-items:center;justify-content:center}.gcw-controls-window button:hover{opacity:1;background:#ffffff1a;border-radius:4px}.cursor-move{cursor:move}.gcw-body{flex:1;position:relative;background:#222;display:flex;overflow:hidden;min-height:0}.remote-video{width:100%;height:100%;object-fit:cover;display:block}.video-overlay-info{position:absolute;bottom:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-end;text-shadow:0 2px 4px rgba(0,0,0,.8);pointer-events:none}.driver-name{font-weight:700;color:#fff;font-size:14px}.signal-quality{font-size:10px;color:var(--status-success);display:flex;align-items:center;gap:4px}.kiosk-status-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);pointer-events:none}.gcw-footer{padding:16px;display:flex;justify-content:center;gap:16px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);position:absolute;bottom:0;left:0;right:0}.btn-mute,.btn-hangup{width:44px;height:44px;border-radius:50%;border:none;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .2s}.btn-mute:hover,.btn-hangup:hover{background:#ffffff4d;transform:scale(1.1)}.btn-mute.active{background:#fff;color:var(--status-error)}.btn-hangup{background:var(--status-error);color:#fff}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1024px){.global-call-widget{position:fixed!important;inset:0 0 auto!important;width:100%!important;height:60px;border-radius:0 0 20px 20px;box-shadow:0 10px 30px #00000080;background:#222;border:none;border-bottom:1px solid var(--md-outline);transform:none!important;transition:width .3s ease,height .3s ease,border-radius .3s ease,left .4s cubic-bezier(.34,1.56,.64,1),top .4s cubic-bezier(.34,1.56,.64,1)}.gcw-header{cursor:default}.global-call-widget.mobile-expanded{height:50vh}.global-call-widget:not(.mobile-expanded) .gcw-body,.global-call-widget:not(.mobile-expanded) .gcw-footer{display:none!important}.global-call-widget.mobile-expanded .gcw-body{display:flex!important;height:auto;flex:1}.global-call-widget.mobile-expanded .gcw-footer{display:flex!important}}.global-call-widget.in-pip-mode:not(.mobile-expanded){position:static!important;width:100vw!important;height:100vh!important;border-radius:0!important;box-shadow:none!important}.global-call-widget.in-pip-mode:not(.mobile-expanded) .gcw-body,.global-call-widget.in-pip-mode:not(.mobile-expanded) .gcw-footer{display:flex!important}body:has(.in-pip-mode){margin:0;overflow:hidden;background:#000}.overview-container,.ticket-list-container,.create-bill-container,.weighing-process-layout,.summary-page{height:100%;display:flex;flex-direction:column;gap:16px;overflow:hidden;color:var(--md-text-primary);font-family:var(--font-family)}.btn-primary{background:var(--md-primary);color:var(--md-bg);border:none;padding:10px 20px;border-radius:8px;font-size:var(--font-base);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-primary:hover{opacity:.9;transform:translateY(0)}.btn-secondary{background:transparent;border:1px solid var(--md-outline);color:var(--md-text-primary);padding:10px 20px;border-radius:8px;font-size:var(--font-base);font-weight:600;cursor:pointer}.btn-secondary:hover{background:#ffffff0d}.ov-header{display:flex;justify-content:space-between;align-items:center}.ov-header h2{font-size:var(--font-xl);margin:0}.ov-actions{display:flex;gap:12px}.cctv-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;flex:1;overflow-y:auto}.cctv-card{background:#000;border-radius:12px;overflow:hidden;position:relative;border:2px solid transparent;cursor:pointer;display:flex;flex-direction:column}.cctv-card:hover{border-color:var(--md-primary)}.cctv-card.offline{opacity:.6;pointer-events:none;border-color:var(--md-outline)}.cctv-feed{flex:1;position:relative;background:#1a1a1a;display:flex;align-items:center;justify-content:center;min-height:200px}.mock-cam-feed{color:#555;font-size:var(--font-lg);text-transform:uppercase;letter-spacing:1px}.weight-overlay{position:absolute;top:16px;right:16px;background:#000c;color:var(--status-success);font-family:Roboto Mono,monospace;font-size:24px;font-weight:700;padding:4px 12px;border-radius:8px;border:1px solid var(--status-success)}.weight-overlay.moving{color:var(--status-warning);border-color:var(--status-warning)}.cctv-footer{padding:12px;background:var(--md-surface);border-top:1px solid var(--md-outline);display:flex;justify-content:space-between;align-items:center}.scale-name{font-size:var(--font-base);font-weight:600;display:flex;align-items:center;gap:8px;color:var(--md-text-primary)}.status-dot{width:8px;height:8px;border-radius:50%}.active .status-dot{background:var(--status-success);box-shadow:0 0 8px var(--status-success)}.offline .status-dot{background:var(--md-text-tertiary)}.tl-header{display:flex;justify-content:space-between;align-items:center}.tl-header h2{font-size:var(--font-xl);margin:0}.tl-toolbar{display:flex;justify-content:space-between;align-items:center;background:var(--md-surface);padding:8px;border-radius:12px;border:1px solid var(--md-outline)}.tab-group{display:flex;gap:4px;background:var(--md-bg);padding:4px;border-radius:8px}.tab-btn{padding:8px 16px;border-radius:6px;border:none;background:transparent;color:var(--md-text-secondary);font-size:var(--font-base);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px}.tab-btn.active{background:var(--md-surface);color:var(--md-text-primary);box-shadow:0 2px 4px #0000001a}.badge-count{background:var(--status-warning);color:#000;padding:2px 6px;border-radius:10px;font-size:var(--font-xs);font-weight:700}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--md-outline);border-radius:8px;color:var(--md-text-secondary);cursor:pointer}.tl-content{flex:1;overflow:hidden;border:1px solid var(--md-outline);border-radius:12px;background:var(--md-surface)}.ticket-table th{text-align:left;padding:12px 16px;background:var(--md-bg);border-bottom:1px solid var(--md-outline);color:var(--md-text-tertiary);font-weight:500}.ticket-table td{padding:12px 16px;border-bottom:1px solid var(--md-outline);color:var(--md-text-secondary);vertical-align:middle}.ticket-row:hover{background:#ffffff08;cursor:pointer}.plate-badge{background:var(--md-bg);color:var(--md-text-primary);font-weight:700;padding:4px 8px;border-radius:4px;display:inline-block;border:1px solid var(--md-outline);font-size:var(--font-sm)}.weight-val{font-family:Roboto Mono;font-weight:600;color:var(--md-text-primary);font-size:var(--font-lg)}.status-pill{padding:4px 8px;border-radius:4px;font-size:var(--font-xs);text-transform:uppercase;font-weight:700}.status-pill.inbound{background:#e5c16c26;color:var(--status-warning)}.status-pill.completed{background:#8cd69d26;color:var(--status-success)}.btn-action-sm{padding:6px 12px;border-radius:6px;border:none;font-size:var(--font-xs);cursor:pointer;display:flex;align-items:center;gap:4px;font-weight:600}.btn-action-sm.primary{background:var(--md-primary);color:var(--md-bg)}.btn-action-sm.secondary{background:transparent;border:1px solid var(--md-outline);color:var(--md-text-secondary)}.empty-state-table{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--md-text-tertiary);gap:12px}.create-bill-container h2{font-size:var(--font-xl);margin:0 0 16px}.selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.select-card{background:var(--md-surface);border:1px solid var(--md-outline);border-radius:16px;padding:32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:all .2s;min-height:180px}.select-card:hover{border-color:var(--md-primary)}.select-card.queue{background:linear-gradient(135deg,var(--md-primary-container),var(--md-surface));border-color:var(--md-primary)}.select-card.queue .val-big{font-size:32px;font-weight:700;color:var(--md-text-primary);margin:8px 0}.select-card span{font-size:var(--font-lg);font-weight:500;color:var(--md-text-primary)}.select-card .sub{font-size:var(--font-sm);color:var(--md-text-tertiary)}.select-card svg{color:var(--md-primary)}.select-card.manual input{background:var(--md-bg);border:1px solid var(--md-outline);padding:8px;border-radius:6px;color:var(--md-text-primary);text-align:center;width:80%;margin-top:8px;font-size:var(--font-base)}.select-card.manual button{margin-top:8px;padding:6px 16px;background:var(--md-primary);color:var(--md-bg);border:none;border-radius:20px;cursor:pointer;font-weight:700}.weighing-process-layout{display:grid;grid-template-columns:1fr 350px;gap:24px;flex:1}.wp-form-panel{background:var(--md-surface);border:1px solid var(--md-outline);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:32px}.form-section label{display:block;font-size:var(--font-base);color:var(--md-text-secondary);margin-bottom:12px;font-weight:500}.radio-group-tabs{display:flex;gap:12px;flex-wrap:wrap}.radio-group-tabs .tab-btn{flex:1;justify-content:center;border:1px solid var(--md-outline);padding:12px;min-width:100px;background:var(--md-bg);color:var(--md-text-secondary);border-radius:8px;font-size:var(--font-base)}.radio-group-tabs .tab-btn.active{background:var(--md-primary);color:var(--md-bg);border-color:var(--md-primary)}.input-with-action{display:flex;gap:12px}.input-with-action input{flex:1;background:var(--md-bg);border:1px solid var(--md-outline);padding:12px;border-radius:8px;color:var(--md-text-primary);font-size:var(--font-lg)}.btn-search{background:var(--md-surface);border:1px solid var(--md-outline);color:var(--md-text-primary);padding:0 24px;border-radius:8px;cursor:pointer;font-weight:600}.adopt-card{background:var(--md-bg);border:1px solid var(--md-primary);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;margin-top:16px;animation:slideDown .3s}.ac-info{display:flex;gap:16px;align-items:center}.ac-info h4{margin:0;color:var(--md-text-primary);font-size:var(--font-lg)}.ac-info span{font-size:var(--font-sm);color:var(--md-text-secondary)}.btn-adopt{background:var(--md-primary);color:var(--md-bg);border:none;padding:8px 16px;border-radius:20px;font-size:var(--font-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.wp-scale-panel{background:#000;border-radius:16px;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;border:1px solid var(--md-outline)}.big-weight-display{font-family:Roboto Mono,monospace;font-size:64px;color:var(--status-success);font-weight:700}.big-weight-display small{font-size:24px;color:#666;margin-left:8px}.btn-confirm-weigh{background:var(--status-success);color:#003816;border:none;padding:16px 32px;border-radius:12px;font-size:var(--font-xl);font-weight:700;cursor:pointer;display:flex;align-items:center;gap:12px;transition:transform .2s;width:100%;justify-content:center}.btn-confirm-weigh:hover{transform:scale(1.02);opacity:.9}.summary-content{display:flex;flex-direction:column;align-items:center;gap:24px}.success-icon{width:80px;height:80px;background:#00e6761a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--status-success)}.summary-content h2{color:var(--md-text-primary);font-size:var(--font-xxl)}.summary-card{width:100%;max-width:400px;background:var(--md-surface);border:1px solid var(--md-outline);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px}.summary-card .row{display:flex;justify-content:space-between;border-bottom:1px solid var(--md-outline);padding-bottom:8px;font-size:var(--font-base);color:var(--md-text-secondary)}.summary-card .row:last-child{border-bottom:none}.summary-card strong{color:var(--md-text-primary)}.print-preview-panel{background:#555;padding:20px;border-radius:16px;height:100%;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}.print-preview-panel h4{color:#fff}.paper-a4{width:300px;height:420px;background:#fff;color:#000;padding:20px;box-shadow:0 10px 30px #00000080;font-family:Courier New,monospace;font-size:10px}.paper-header{text-align:center;font-weight:700;border-bottom:1px dashed #000;padding-bottom:10px;margin-bottom:10px}.summary-actions{grid-column:span 2;display:flex;justify-content:center;gap:16px;margin-top:auto}.btn-print{background:var(--md-surface);border:1px solid var(--md-outline);color:var(--md-text-primary);padding:12px 24px;border-radius:8px;cursor:pointer;display:flex;gap:8px;font-weight:600;font-size:var(--font-base)}.btn-finish{background:var(--md-primary);color:var(--md-bg);border:none;padding:12px 32px;border-radius:8px;cursor:pointer;font-weight:600;font-size:var(--font-base)}.overview-dashboard-layout{display:flex;flex-direction:column;height:100%;gap:20px;padding-bottom:20px}.ov-top-row{display:flex;gap:16px;height:160px}.hero-action-card{flex:1.2;background:linear-gradient(135deg,#7f00ff,#e100ff);border-radius:16px;padding:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:#fff}.hero-date{font-size:var(--font-sm);opacity:.9}.btn-hero-weigh{background:#0000004d;color:#fff;border:1px solid rgba(255,255,255,.2);padding:12px;border-radius:30px;font-size:var(--font-lg);font-weight:700;cursor:pointer;width:fit-content;min-width:150px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.deco-icon{position:absolute;right:20px;bottom:-10px;opacity:.3;transform:rotate(-15deg);color:#fff}.menu-shortcuts{display:flex;gap:12px}.shortcut-card{width:110px;background:var(--md-surface);border:1px solid var(--md-outline);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.shortcut-card:hover{transform:translateY(0);border-color:var(--md-primary)}.shortcut-card span{font-weight:600;font-size:var(--font-base);text-align:center}.shortcut-card small{font-size:var(--font-xs);color:var(--md-text-tertiary);margin-top:4px}.queue-stat-card{flex:1;background:linear-gradient(135deg,#001f5c,#000);border-radius:16px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.1)}.qs-header{display:flex;justify-content:space-between;gap:16px}.qs-col{display:flex;flex-direction:column}.qs-col span{font-size:var(--font-xs);color:#8fa9d9}.qs-col strong{font-size:32px;color:#fff;line-height:1.2}.qs-col strong small{font-size:16px;color:#8fa9d9}.btn-view-all{background:transparent;border:none;color:#8fa9d9;font-size:var(--font-xs);cursor:pointer;align-self:center}.ov-content-split{display:flex;flex:1;gap:20px;overflow:hidden}.recent-tx-panel{width:300px;display:flex;flex-direction:column;gap:12px}.section-tabs{display:flex;gap:16px;border-bottom:1px solid var(--md-outline);padding-bottom:8px}.section-tabs span{font-size:var(--font-base);color:var(--md-text-tertiary);cursor:pointer;position:relative}.section-tabs span.active{color:var(--md-primary);font-weight:600}.section-tabs span.active:after{content:"";position:absolute;bottom:-9px;left:0;right:0;height:2px;background:var(--md-primary)}.tx-list-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px}.recent-tx-card{background:#1e1e1e;border-left:4px solid var(--status-success);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:6px}.rtx-header{display:flex;justify-content:space-between;align-items:center}.rtx-plate{font-size:16px;font-weight:700;color:#fff}.rtx-status{font-size:11px;color:var(--status-success);display:flex;align-items:center;gap:4px}.rtx-row{display:flex;justify-content:space-between;font-size:11px;color:#aaa}.tx-footer-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-xs);color:var(--md-text-tertiary)}.btn-text-link{background:none;border:1px solid var(--md-outline);border-radius:4px;padding:4px 8px;color:var(--md-text-secondary);cursor:pointer}.panel-header h3{font-size:var(--font-lg);color:var(--md-text-secondary);margin:0;font-weight:500}.cctv-card-modern{background:#000;border-radius:16px;position:relative;display:flex;flex-direction:column;min-height:200px;border:1px solid #333}.cctv-card-modern.offline{opacity:.6}.cam-settings-icon{color:#fff;opacity:.7;cursor:pointer}.cam-badge{background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px}.cctv-feed-area{flex:1;background:#121212}.cctv-status-footer{padding:12px;background:#1e1e1e;border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:flex;align-items:center}.conn-status{font-size:12px;color:#aaa;display:flex;align-items:center;gap:8px}.conn-status .dot{width:8px;height:8px;border-radius:50%}.conn-status .dot.active{background:#08f;box-shadow:0 0 6px #08f}.conn-status .dot.offline{background:#666}.branch-selector-wrapper{position:relative;margin-left:16px}.btn-branch-select{display:flex;align-items:center;gap:10px;background:var(--md-surface);border:1px solid var(--md-outline);padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s;min-width:220px;border-left:4px solid}.btn-branch-select:hover{background:#ffffff0d}.bs-info{display:flex;flex-direction:column;align-items:flex-start;flex:1}.bs-label{font-size:10px;color:var(--md-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.arrow{color:var(--md-text-tertiary);transition:transform .2s}.arrow.up{transform:rotate(180deg)}.branch-dropdown-menu{position:absolute;top:120%;left:0;width:280px;background:#1e1e1e;border:1px solid var(--md-outline);border-radius:12px;box-shadow:0 10px 30px #00000080;z-index:1000;overflow:hidden;animation:slideDown .2s}.bdm-header{padding:10px 16px;font-size:11px;color:var(--md-text-tertiary);background:#ffffff08;border-bottom:1px solid var(--md-outline)}.branch-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.branch-item:hover{background:#ffffff0d}.branch-item.active{background:#ffffff14}.bi-status .online{color:var(--status-success)}.bi-status .offline{color:var(--status-error)}.bi-details{display:flex;flex-direction:column;flex:1}.bi-name{font-size:13px;font-weight:600;color:#fff}.bi-meta{font-size:11px;color:#aaa;margin-top:2px}.bi-indicator{width:6px;height:6px;border-radius:50%;box-shadow:0 0 8px currentColor}.branch-context-strip{height:2px;width:100%;opacity:.8;box-shadow:0 0 10px currentColor}.click-backdrop{position:fixed;inset:0;z-index:999}.remote-status-pill{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--md-text-secondary);background:#0003;padding:4px 12px;border-radius:20px}.pulse-dot{width:6px;height:6px;border-radius:50%;animation:blink 2s infinite}.branch-loading-overlay{position:absolute;inset:0;z-index:50;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:16px;font-size:16px;border-radius:12px}.hero-action-card{transition:background .5s ease}.branch-label-hero{display:flex;align-items:center;gap:6px;font-size:11px;opacity:.8;margin-bottom:4px;background:#0003;width:fit-content;padding:2px 8px;border-radius:4px}.sc-icon{width:40px;height:40px;background:#ffffff0d;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--md-primary);margin-bottom:8px}.shortcut-card:hover .sc-icon{background:var(--md-primary);color:#000}.qs-row{display:flex;align-items:center;gap:12px;flex:1}.qs-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.qs-icon-box.in{background:#8cd69d1a;color:var(--status-success)}.qs-icon-box.out{background:#e5c16c1a;color:var(--status-warning)}.qs-info{display:flex;flex-direction:column}.qs-info span{font-size:11px;color:#8fa9d9}.qs-info strong{font-size:20px;color:#fff}.qs-divider{width:1px;height:40px;background:#ffffff1a;margin:0 16px}.panel-header-sm{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:var(--md-text-secondary);padding-bottom:12px;border-bottom:1px solid var(--md-outline)}.live-dot{width:8px;height:8px;background:var(--status-error);border-radius:50%;box-shadow:0 0 6px var(--status-error);animation:blink 1s infinite}.mini-tx-card{background:var(--md-surface);border:1px solid var(--md-outline);border-radius:8px;padding:10px;display:flex;justify-content:space-between}.mtx-left{display:flex;flex-direction:column;gap:2px}.mtx-plate{font-weight:700;color:var(--md-text-primary);font-size:13px}.mtx-prod{font-size:11px;color:var(--md-text-tertiary)}.mtx-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.mtx-status{font-size:10px;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:700}.mtx-status.completed{background:#8cd69d1a;color:var(--status-success)}.mtx-status.weighing{background:#e5c16c1a;color:var(--status-warning)}.mtx-time{font-size:10px;color:#666}.panel-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.conn-badge{display:flex;align-items:center;gap:6px;font-size:11px;padding:4px 10px;border-radius:20px;background:#ffffff0d}.conn-badge.online{color:var(--status-success);border:1px solid var(--status-success)}.conn-badge.offline{color:var(--status-error);border:1px solid var(--status-error)}.cam-weight-live{background:#000c;color:var(--status-success);font-family:Roboto Mono;font-weight:700;padding:2px 8px;border-radius:4px;border:1px solid var(--status-success)}.offline-msg{display:flex;flex-direction:column;align-items:center;color:#555;gap:8px;height:100%;justify-content:center}@media(max-width:1024px){.ov-top-row{flex-wrap:wrap;height:auto}.hero-action-card,.queue-stat-card{min-width:100%}.ov-content-split{flex-direction:column;overflow-y:auto}.recent-tx-panel{width:100%;height:300px}}@keyframes slideDown{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.weighing-process-layout,.summary-page{grid-template-columns:1fr}.print-preview-panel{display:none}.summary-actions{grid-column:span 1;flex-direction:column;width:100%}.btn-finish,.btn-print{width:100%;justify-content:center}.cctv-grid-layout{grid-template-columns:1fr}}.trading-console-layout{display:flex;flex-direction:column;padding:20px;gap:16px;background:var(--md-bg);color:var(--md-text-primary);font-family:var(--font-family);transition:background .3s,color .3s;overflow:hidden}.trading-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--md-outline);padding-bottom:16px;flex-shrink:0}.header-left{display:flex;flex-direction:column;gap:4px}.trading-header h2{margin:0;font-size:var(--font-xl);color:var(--md-text-primary)}.branch-selector-wrapper{position:relative;margin-top:8px}.btn-branch-select{display:flex;align-items:center;gap:10px;background:var(--md-surface);border:1px solid var(--md-outline);padding:8px 12px;border-radius:8px;cursor:pointer;min-width:200px;text-align:left}.bs-info{display:flex;flex-direction:column;flex:1}.bs-label{font-size:10px;color:var(--md-text-tertiary);text-transform:uppercase}.bs-value{font-size:13px;font-weight:600;color:var(--md-text-primary)}.header-right{display:flex;align-items:center;gap:12px}.remote-status-pill{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--md-text-secondary);background:#ffffff0d;padding:4px 12px;border-radius:20px}.pulse-dot{width:8px;height:8px;border-radius:50%;animation:blink 2s infinite}.trading-step-viewport{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;padding-right:4px}.overview-dashboard-layout{display:flex;flex-direction:column;height:100%;gap:20px}.ov-top-row{display:flex;gap:16px;flex-shrink:0}.hero-action-card{flex:1.5;padding:20px;border-radius:16px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;min-height:160px}.hero-content h3{font-size:24px;margin:4px 0}.btn-hero-weigh{background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;padding:10px 20px;border-radius:30px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:8px;width:fit-content}.menu-shortcuts{display:flex;gap:12px;flex:1}.shortcut-card{flex:1;background:var(--md-surface);border:1px solid var(--md-outline);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;min-width:90px}.shortcut-card:hover{border-color:var(--md-primary);transform:translateY(0)}.sc-icon{margin-bottom:8px;color:var(--md-primary)}.queue-stat-card{flex:1;background:linear-gradient(135deg,#001f5c,#000);border-radius:16px;padding:20px;display:flex;flex-direction:column;justify-content:center;color:#fff;gap:12px}.ov-content-split{display:flex;flex:1;gap:20px;min-height:0}.recent-tx-panel{width:320px;display:flex;flex-direction:column;gap:12px}.scale-grid-panel{flex:1;display:flex;flex-direction:column;gap:12px}.cctv-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;overflow-y:auto;padding-bottom:10px}.cctv-card-modern{background:#000;display:flex;flex-direction:column;min-height:200px;position:relative}.cctv-header-overlay{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;z-index:2}.cam-badge{background:#0009;color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cctv-feed-area{flex:1;background:#121212;display:flex;align-items:center;justify-content:center;color:#555;border-radius:1rem}.ticket-list-container{display:flex;flex-direction:column;height:100%;gap:16px}.tl-toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;background:var(--md-surface);padding:8px;border-radius:12px;border:1px solid var(--md-outline)}.tl-content{flex:1;overflow:hidden;border:1px solid var(--md-outline);border-radius:12px;background:var(--md-surface);display:flex;flex-direction:column}.ticket-table{width:100%;border-collapse:collapse;font-size:var(--font-base)}.ticket-table th{position:sticky;top:0;background:var(--md-surface);z-index:10;text-align:left;padding:12px 16px;border-bottom:1px solid var(--md-outline);color:var(--md-text-tertiary)}.ticket-table td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--md-text-secondary)}.selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.select-card{background:var(--md-surface);border:1px solid var(--md-outline);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;min-height:160px;transition:all .2s}.weighing-process-layout{display:grid;grid-template-columns:1fr 350px;gap:24px;height:100%}.wp-form-panel{background:var(--md-surface);border:1px solid var(--md-outline);border-radius:16px;padding:24px;overflow-y:auto}.wp-scale-panel{background:#000;border-radius:16px;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;border:1px solid var(--md-outline)}.summary-page{display:grid;grid-template-columns:1fr 1fr;gap:32px;height:100%;align-items:center}.print-preview-panel{background:#555;padding:20px;border-radius:16px;height:100%;display:flex;align-items:center;justify-content:center}.hero-action-card.info-mode{justify-content:center;gap:8px}.hero-desc{font-size:var(--font-sm);opacity:.7;margin-top:4px}.hero-date-badge{position:absolute;bottom:16px;right:16px;background:#0000004d;padding:4px 10px;border-radius:8px;font-size:var(--font-xs);color:#fff;border:1px solid rgba(255,255,255,.1)}.cctv-card-modern.clickable{cursor:pointer;transition:all .2s;border:1px solid #333}.cctv-card-modern.clickable.active:hover{border-color:var(--md-primary);transform:translateY(0);box-shadow:0 8px 20px #0000004d}.cctv-card-modern.clickable.active:hover .cam-badge{background:var(--md-primary);color:#000}.click-to-weigh-hint{position:absolute;display:flex;align-items:center;gap:8px;background:#0009;padding:8px 16px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;opacity:0;transform:translateY(0);transition:all .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.cctv-card-modern.clickable:hover .click-to-weigh-hint{opacity:1;transform:translateY(0)}.cctv-card-modern.offline{cursor:not-allowed;opacity:.5;border-color:#333!important;transform:none!important}.panel-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid var(--md-outline);padding-bottom:12px}.panel-header-row h3{margin:0;display:flex;align-items:center;gap:8px;font-size:16px}.kiosk-status-badge{font-size:11px;padding:2px 8px;border-radius:4px;font-family:monospace}.kiosk-status-badge.ready{background:#ffffff1a;color:#aaa}.kiosk-status-badge.busy{background:var(--md-primary);color:#000;animation:pulse-text 1s infinite}.intercom-wrapper{background:#000;border-radius:12px;overflow:hidden;position:relative;min-height:200px;border:1px solid var(--md-outline);display:flex;flex-direction:column}.intercom-wrapper.active{border-color:var(--status-success)}.intercom-video{flex:1;position:relative}.intercom-video img{width:100%;height:200px;object-fit:cover;opacity:.8}.intercom-overlay{position:absolute;top:10px;left:10px;background:#0009;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;display:flex;align-items:center;gap:6px}.rec-dot{width:6px;height:6px;background:red;border-radius:50%;animation:blink 1s infinite}.intercom-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--md-text-tertiary);text-align:center;gap:12px;padding:20px}.intercom-controls{padding:12px;background:var(--md-surface);display:flex;justify-content:center;gap:16px;border-top:1px solid var(--md-outline)}.btn-call-start{background:var(--status-success);color:#003816;border:none;padding:8px 24px;border-radius:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;width:100%;justify-content:center}.btn-ctrl{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-ctrl:hover{background:#fff3}.btn-ctrl.muted{background:var(--status-warning);color:#000}.btn-ctrl.hangup{background:var(--status-error);color:#fff}.command-section{margin-top:16px;opacity:1;transition:opacity .3s}.command-section.disabled{opacity:.5;pointer-events:none;filter:grayscale(1)}.command-section label{display:block;font-size:12px;margin-bottom:8px;color:var(--md-text-secondary)}.command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cmd-btn{background:var(--md-bg);border:1px solid var(--md-primary);color:var(--md-text-primary);border-radius:12px;padding:16px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s}.cmd-btn:hover{background:var(--md-primary);color:#000}.cmd-btn span{font-size:10px;text-align:center}.customer-result-card{background:#8cd69d1a;border:1px solid var(--status-success);border-radius:12px;padding:12px;margin-top:16px;display:flex;align-items:center;gap:12px;animation:slideDown .3s}.c-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--status-success)}.c-info{flex:1}.c-info h4{margin:0;font-size:14px;color:var(--md-text-primary)}.c-info p{margin:2px 0;font-size:11px;color:var(--md-text-secondary)}.c-id{font-family:monospace;font-size:11px;background:#0003;padding:2px 4px;border-radius:4px}.c-status{display:flex;flex-direction:column;align-items:center;font-size:10px;color:var(--status-success);gap:4px}.hint-text{font-size:12px;color:var(--status-warning);margin-top:8px;display:block}.text-warning{color:var(--status-warning)}.header-center-controls{display:flex;gap:8px;flex:1;justify-content:center}.btn-global-call{display:flex;align-items:center;gap:8px;background:var(--md-primary);color:#003816;border:none;padding:8px 24px;border-radius:24px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00e67633}.btn-global-call:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn-global-call.active{background:var(--status-error);color:#fff;box-shadow:0 4px 12px #ff52524d;animation:pulse-red 2s infinite}.btn-global-mute{width:36px;height:36px;border-radius:50%;border:none;background:var(--md-surface);border:1px solid var(--md-outline);color:var(--md-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-global-mute.muted{background:var(--status-warning);color:#000;border-color:var(--status-warning)}@media(max-width:1024px){.header-center-controls{width:100%;order:3;margin-top:8px}.btn-global-call{width:100%;justify-content:center}}@keyframes pulse-red{0%{box-shadow:0 0 #ff525266}70%{box-shadow:0 0 0 10px #ff525200}to{box-shadow:0 0 #ff525200}}@keyframes pulse-text{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media(max-width:1024px){.trading-console-layout{padding:12px;height:auto;overflow-y:auto}.trading-header{flex-direction:column;align-items:flex-start;gap:12px}.header-right{width:100%;justify-content:space-between}.branch-selector-wrapper,.btn-branch-select{width:100%}.ov-top-row{flex-wrap:wrap;height:auto}.hero-action-card{min-width:100%;order:1}.queue-stat-card{min-width:100%;order:2;flex-direction:row;align-items:center;justify-content:space-around}.menu-shortcuts{width:100%;order:3;overflow-x:auto;padding-bottom:4px}.ov-content-split{flex-direction:column-reverse}.recent-tx-panel{width:100%;height:300px}.scale-grid-panel{width:100%;height:auto}.tl-content{overflow-x:auto;display:block}.ticket-table{min-width:800px}.selection-grid{grid-template-columns:1fr}.select-card{flex-direction:row;justify-content:flex-start;padding:20px;min-height:auto}.weighing-process-layout{display:flex;flex-direction:column-reverse}.wp-scale-panel{height:200px;padding:16px}.big-weight-display{font-size:48px}.summary-page{display:flex;flex-direction:column}.print-preview-panel{display:none}.summary-card{width:100%}}@media(max-width:480px){.trading-header h2{font-size:18px}.menu-shortcuts{flex-wrap:wrap}.shortcut-card{min-width:45%}.btn-confirm-weigh{font-size:16px;padding:12px}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.pricing-page{display:flex;flex-direction:column;gap:20px;height:100%}.header-actions{display:flex;gap:12px}.btn-primary-glow{background:var(--md-primary);color:#003816;border:none;padding:10px 20px;border-radius:20px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 0 15px #8cd69d4d;transition:transform .2s}.btn-secondary{background:#ffffff0d;color:var(--md-text-primary);border:1px solid var(--md-outline);padding:10px 16px;border-radius:20px;font-weight:500;cursor:pointer;display:flex;gap:8px}.pricing-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;flex:1;min-height:0}.product-sidebar-list{background:var(--md-surface);border-radius:16px;border:1px solid var(--md-outline);display:flex;flex-direction:column;overflow:hidden}.list-header{padding:16px;border-bottom:1px solid var(--md-outline);display:flex;justify-content:space-between;align-items:center}.list-header h3{margin:0;font-size:14px;color:var(--md-text-secondary);text-transform:uppercase}.btn-icon-add{background:none;border:1px solid var(--md-outline);color:var(--md-text-secondary);width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.list-container{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.product-item-card{background:#ffffff08;padding:12px;border-radius:12px;cursor:pointer;border:1px solid transparent;transition:all .2s}.product-item-card:hover{background:#ffffff0f}.product-item-card.active{background:#8cd69d1a;border-color:var(--md-primary)}.prod-header{display:flex;justify-content:space-between;font-size:11px;color:var(--md-text-tertiary);margin-bottom:4px}.prod-name{font-size:13px;font-weight:600;color:var(--md-text-primary);margin-bottom:8px}.prod-price-row{display:flex;justify-content:space-between;align-items:flex-end}.price-val{font-family:Roboto Mono,monospace;font-size:18px;font-weight:700;color:var(--md-text-primary)}.trend-badge{font-size:11px;padding:2px 6px;border-radius:4px;display:flex;align-items:center;gap:4px}.trend-badge.up{color:var(--status-success);background:#8cd69d26}.trend-badge.down{color:var(--status-error);background:#ffb4ab26}.trend-badge.stable{color:var(--md-text-tertiary);background:#ffffff0d}.price-editor-panel{display:flex;flex-direction:column;gap:24px}.editor-top-section{background:var(--md-surface);border-radius:16px;border:1px solid var(--md-outline);padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:32px}.editor-header{grid-column:span 2;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid var(--md-outline);padding-bottom:16px}.editor-header h2{margin:0;font-size:20px;color:var(--md-text-primary)}.live-badge{color:#00e676;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.control-group label{display:block;font-size:12px;color:var(--md-text-secondary);margin-bottom:8px;text-transform:uppercase}.big-input-wrapper{display:flex;align-items:center;gap:12px}.big-price-input{flex:1;background:#000;border:2px solid var(--md-outline);border-radius:12px;font-family:Roboto Mono,monospace;font-size:48px;color:var(--md-primary);text-align:center;padding:8px;outline:none;width:100%}.big-price-input:focus{border-color:var(--md-primary);box-shadow:0 0 15px #8cd69d33}.btn-stepper{width:48px;height:48px;border-radius:12px;background:#ffffff0d;border:1px solid var(--md-outline);color:var(--md-text-primary);font-size:24px;cursor:pointer;transition:background .2s}.btn-stepper:hover{background:#ffffff1a}.diff-stat{display:flex;gap:24px;margin-top:16px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-item .label{font-size:11px;color:var(--md-text-tertiary)}.stat-item .val{font-size:14px;font-weight:600;font-family:Roboto Mono,monospace}.stat-item .val.up{color:var(--status-success)}.stat-item .val.down{color:var(--status-error)}.stat-item .val.neutral{color:var(--md-text-primary)}.mini-chart-area{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.chart-label{font-size:11px;color:var(--md-text-tertiary);margin-bottom:8px;text-align:right}.css-bars{display:flex;justify-content:space-between;align-items:flex-end;height:80px;gap:8px}.css-bars .bar{flex:1;background:var(--md-primary);opacity:.3;border-radius:4px 4px 0 0;transition:height .3s}.css-bars .bar:last-child{opacity:1}.editor-bottom-section{background:var(--md-surface);border-radius:16px;border:1px solid var(--md-outline);padding:24px;flex:1;display:flex;flex-direction:column}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title-row h3{margin:0;font-size:16px;color:var(--md-text-primary);display:flex;align-items:center;gap:8px}.btn-text-action{background:none;border:none;color:var(--md-primary);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px}.deduction-table-wrapper{flex:1;overflow-y:auto;margin-bottom:16px;border:1px solid var(--md-outline);border-radius:8px}.deduction-table{width:100%;border-collapse:collapse;font-size:13px}.deduction-table th{text-align:left;padding:12px;background:#ffffff08;color:var(--md-text-tertiary);font-weight:600;border-bottom:1px solid var(--md-outline)}.deduction-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.03);color:var(--md-text-secondary)}.deduct-val{color:var(--status-error)!important;font-weight:700;font-family:Roboto Mono,monospace}.btn-icon-del{background:none;border:none;color:var(--md-text-tertiary);cursor:pointer}.btn-icon-del:hover{color:var(--status-error)}.add-row input{background:transparent;border:1px solid var(--md-outline);padding:6px;border-radius:4px;color:#fff;width:100%;box-sizing:border-box}.btn-icon-save-mini{background:var(--md-primary);border:none;color:#003816;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.alert-box{background:#e5c16c1a;border:1px solid rgba(229,193,108,.3);border-radius:8px;padding:12px;display:flex;gap:12px;align-items:center;color:var(--status-warning);font-size:13px}.actions-group{display:flex;gap:8px}.btn-code-editor{background:#8cd69d1a;color:var(--md-primary);border:1px solid var(--md-primary);padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-code-editor:hover{background:var(--md-primary);color:#003816}.script-active-row{cursor:pointer;transition:background .2s}.script-active-row:hover{background:#ffffff0d}.script-indicator{display:flex;align-items:center;gap:8px;color:#a8c7fa;font-family:Roboto Mono,monospace;font-size:12px}.logic-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center}.logic-modal-content{width:800px;height:550px;background:#1e1e1e;border:1px solid #444;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000080}.logic-header{padding:16px;background:#252526;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0}.header-title{display:flex;align-items:center;gap:10px}.header-title h3{margin:0;color:#e1e3df;font-size:16px}.neon-icon{color:#4caf50;filter:drop-shadow(0 0 5px rgba(76,175,80,.5))}.btn-close-modal{background:none;border:none;color:#aaa;cursor:pointer}.btn-close-modal:hover{color:#fff}.logic-body{flex:1;display:flex;overflow:hidden}.code-area{flex:2;display:flex;flex-direction:column;padding:0;border-right:1px solid #333}.code-label{padding:8px 16px;background:#2d2d2d;color:#888;font-size:12px;font-family:monospace;border-bottom:1px solid #333}.code-label code{color:#ce9178}.code-textarea{flex:1;background:#1e1e1e;color:#d4d4d4;border:none;padding:16px;font-family:Fira Code,Consolas,monospace;font-size:14px;line-height:1.5;resize:none;outline:none;white-space:pre}.simulator-sidebar{flex:1;background:#252526;padding:16px;display:flex;flex-direction:column;gap:16px;border-left:1px solid #000}.simulator-sidebar h4{margin:0;color:#ccc;font-size:13px;display:flex;gap:8px;align-items:center;text-transform:uppercase}.sim-inputs{display:flex;flex-direction:column;gap:12px}.sim-field label{display:block;font-size:11px;color:#888;margin-bottom:4px}.sim-field input{width:100%;background:#3c3c3c;border:1px solid #555;color:#fff;padding:6px 8px;border-radius:4px;outline:none;box-sizing:border-box}.sim-field input:focus{border-color:#007acc}.btn-run-sim{background:#0e639c;color:#fff;border:none;padding:8px;border-radius:4px;cursor:pointer;font-weight:600;font-size:12px}.btn-run-sim:hover{background:#17b}.sim-output{background:#000;border:1px solid #333;border-radius:6px;padding:12px;margin-top:auto}.sim-output .label{font-size:11px;color:#888;display:block;margin-bottom:4px}.sim-output .value{font-size:20px;font-family:monospace;color:#4caf50;font-weight:700}.sim-output .value.error{color:#f48771;font-size:14px}.error-msg{color:#f48771;font-size:11px;margin-top:4px;line-height:1.2;word-break:break-all}.logic-footer{padding:12px 16px;background:#252526;border-top:1px solid #333;display:flex;justify-content:space-between;align-items:center;border-radius:0 0 12px 12px}.footer-info{display:flex;gap:8px;align-items:center;color:#888;font-size:11px}.footer-info code{background:#3c3c3c;padding:2px 4px;border-radius:4px;color:#dcdcaa}.btn-save-logic{background:var(--md-primary);color:#003816;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px}.btn-save-logic:hover{background:#9fe0af}.fin-page{display:flex;flex-direction:column;gap:24px;height:100%}.wallet-overview-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:16px;min-height:180px}.wallet-card-main{background:linear-gradient(135deg,#003918,#005224);border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 10px 30px #00391866;border:1px solid rgba(255,255,255,.1)}.card-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 100% 0%,rgba(255,255,255,.1) 0%,transparent 20%)}.card-top{display:flex;justify-content:space-between;align-items:center;z-index:1}.chip{width:40px;height:30px;background:linear-gradient(135deg,gold,#fdb931);border-radius:6px}.card-brand{color:#fffc;font-size:14px;font-weight:600;display:flex;gap:6px;align-items:center}.card-balance{z-index:1;margin-top:10px}.card-balance .label{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:1px}.card-balance .value{font-size:32px;font-weight:700;color:#fff;font-family:Roboto Mono,monospace;margin-top:4px}.card-bottom{display:flex;justify-content:space-between;align-items:flex-end;z-index:1;color:#ffffffb3;font-size:12px;font-family:Roboto Mono,monospace}.stat-card{background:var(--md-surface);border-radius:20px;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:12px;border:1px solid var(--md-outline)}.stat-info .label{font-size:12px;color:var(--md-text-tertiary);display:block;margin-bottom:4px}.stat-info .value{font-size:20px;font-weight:600;color:var(--md-text-primary)}.transaction-section{flex:1;background:var(--md-surface);border-radius:20px;border:1px solid var(--md-outline);display:flex;flex-direction:column;overflow:hidden}.tx-tabs{display:flex;border-bottom:1px solid var(--md-outline);padding:0 16px}.tab-btn{padding:16px 20px;background:transparent;border:none;color:var(--md-text-secondary);font-size:14px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;display:flex;align-items:center;gap:8px}.tab-btn.active{color:var(--md-primary);border-bottom-color:var(--md-primary)}.badge-count{background:var(--status-error);color:#fff;padding:2px 6px;border-radius:10px;font-size:10px}.tx-table-container{flex:1;overflow-y:auto;padding:0}.tx-table{width:100%;border-collapse:collapse;font-size:14px}.tx-table tr{border-bottom:1px solid var(--md-outline)}.tx-table th{text-align:left;padding:16px 24px;background:#ffffff05;color:var(--md-text-tertiary);font-weight:500;font-size:12px;text-transform:uppercase}.tx-table td{padding:16px 24px;color:var(--md-text-secondary)}.tx-table tr:hover{background:#ffffff08}.tx-id{font-family:Roboto Mono,monospace;color:var(--md-text-primary)}.user-cell .u-name{color:var(--md-text-primary);font-weight:500}.user-cell .u-sub{font-size:11px;color:var(--md-text-tertiary);margin-top:2px}.amount-cell{font-family:Roboto Mono,monospace;font-weight:600}.amount-cell.income{color:var(--status-success)}.amount-cell.expense{color:var(--status-error)}.status-pill{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-pill.warning{background:#ffb3001a;color:#ffb300}.status-pill.success{background:#8cd69d1a;color:var(--status-success)}.action-cell{text-align:right;display:flex;justify-content:flex-end;gap:8px}.btn-icon{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon.approve{background:#8cd69d1a;color:var(--status-success)}.btn-icon.approve:hover{background:var(--status-success);color:#003816}.btn-icon.reject{background:#ffb4ab1a;color:var(--status-error)}.btn-icon.reject:hover{background:var(--status-error);color:#fff}.btn-text{background:none;border:1px solid var(--md-outline);color:var(--md-text-secondary);padding:4px 12px;border-radius:6px;cursor:pointer;font-size:12px}.btn-text:hover{color:var(--md-text-primary);border-color:var(--md-text-primary)}.empty-state{text-align:center;padding:40px;color:var(--md-text-tertiary);font-style:italic}.wallet-overview-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:16px;min-height:180px}.stat-card{background:var(--md-surface);border-radius:20px;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:12px;border:1px solid var(--md-outline);min-width:0}.stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon.reserved{background:#ffb3001a;color:#ffb300}.stat-icon.income{background:#8cd69d1a;color:var(--status-success)}.stat-icon.expense{background:#ffb4ab1a;color:var(--status-error)}.stat-icon.receivable{background:#a8c7fa1a;color:#a8c7fa}.stat-info .label{font-size:11px;color:var(--md-text-tertiary);display:block;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-info .value{font-size:18px;font-weight:600;color:var(--md-text-primary);white-space:nowrap}.stat-info .value.income{color:var(--status-success)}.stat-info .value.expense{color:var(--status-error)}.stat-info .value.receivable{color:#a8c7fa}.stat-info .sub-text{font-size:10px;color:var(--md-text-tertiary);display:block;margin-top:2px}.logistics-page{display:flex;height:100%;gap:0;overflow:hidden;position:relative}.logistics-sidebar{width:340px;background:var(--md-surface);border-right:1px solid var(--md-outline);display:flex;flex-direction:column;z-index:10}.sidebar-header{padding:20px;border-bottom:1px solid var(--md-outline)}.sidebar-header h2{margin:0 0 16px;font-size:18px;color:var(--md-text-primary)}.tab-switcher{display:flex;background:#0003;padding:4px;border-radius:8px;margin-bottom:12px}.tab-btn{flex:1;border:none;background:transparent;color:var(--md-text-secondary);padding:8px;font-size:12px;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s}.tab-btn.active{background:var(--md-surface);color:var(--md-text-primary);box-shadow:0 2px 4px #0003}.search-bar-sm{display:flex;align-items:center;gap:8px;background:#ffffff0d;padding:8px 12px;border-radius:8px;border:1px solid var(--md-outline)}.search-bar-sm input{background:transparent;border:none;outline:none;color:#fff;width:100%;font-size:13px}.sidebar-content{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.list-card{background:#ffffff05;border:1px solid transparent;border-radius:12px;padding:12px;display:flex;gap:12px;cursor:pointer;transition:all .2s}.list-card:hover{background:#ffffff0d}.list-card.selected{background:#8cd69d1a;border-color:var(--status-success)}.status-indicator{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-indicator.moving{background:#8cd69d1a;color:var(--status-success)}.status-indicator.stopped{background:#e5c16c1a;color:var(--status-warning)}.status-indicator.idle{background:#ffffff1a;color:var(--md-text-tertiary)}.card-info-col{flex:1;display:flex;flex-direction:column;gap:4px}.info-top{display:flex;justify-content:space-between;align-items:center}.plate-num{font-weight:700;color:var(--md-text-primary);font-size:14px}.status-badge{font-size:10px;text-transform:uppercase;font-weight:700}.status-badge.moving{color:var(--status-success)}.status-badge.stopped{color:var(--status-warning)}.info-sub,.info-loc{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--md-text-tertiary)}.btn-icon-sm{background:transparent;border:1px solid var(--md-outline);color:var(--md-text-secondary);width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-icon-sm:hover{border-color:var(--md-primary);color:var(--md-primary)}.list-card.job{flex-direction:column;gap:8px}.job-header{display:flex;justify-content:space-between}.job-id{font-weight:700;font-family:monospace;color:var(--md-text-primary)}.job-status{font-size:10px;padding:2px 6px;border-radius:4px;background:#ffffff1a}.job-status.in-transit{background:#a8c7fa26;color:#a8c7fa}.job-route{display:flex;flex-direction:column;gap:0;margin-left:4px}.route-point{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--md-text-secondary)}.route-point .dot{width:6px;height:6px;border-radius:50%;background:var(--md-text-tertiary)}.route-point .dot.dest{background:var(--md-primary)}.route-line{width:1px;height:10px;background:var(--md-outline);margin-left:2.5px}.job-progress{display:flex;align-items:center;gap:8px;margin-top:4px}.progress-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-bar .fill{height:100%;background:#a8c7fa}.eta-text{font-size:10px;color:var(--md-text-tertiary)}.sidebar-footer{padding:16px;border-top:1px solid var(--md-outline)}.btn-add-job{width:100%;background:var(--md-primary);color:#003816;border:none;padding:10px;border-radius:8px;font-weight:700;cursor:pointer;display:flex;justify-content:center;gap:8px}.map-background{width:100%;height:100%;position:relative;background-color:#1a1d1b}.map-grid-lines{width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100px 100px}.map-marker{position:absolute;transform:translate(-50%,-50%);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .3s ease}.marker-icon{width:32px;height:32px;background:var(--md-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000080;border:2px solid transparent}.map-marker.moving .marker-icon{background:var(--status-success);color:#003918}.map-marker.stopped .marker-icon{background:var(--status-warning);color:#3e2723}.map-marker.idle .marker-icon{background:#555;color:#ccc}.map-marker.active .marker-icon{transform:scale(1.2);border-color:#fff}.marker-label{font-size:10px;background:#000000b3;color:#fff;padding:2px 4px;border-radius:4px}.map-controls{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:8px}.btn-map-ctrl{width:40px;height:40px;background:var(--md-surface);border:1px solid var(--md-outline);border-radius:8px;color:var(--md-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-map-ctrl:hover{background:#fff;color:#000}.truck-detail-card{position:absolute;bottom:20px;right:20px;width:300px;background:var(--md-surface);border:1px solid var(--md-outline);border-radius:16px;padding:16px;box-shadow:0 10px 40px #0009;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.detail-header{display:flex;justify-content:space-between;margin-bottom:12px}.detail-header h3{margin:0;color:var(--md-text-primary)}.btn-close-detail{background:none;border:none;color:var(--md-text-tertiary);font-size:20px;cursor:pointer}.detail-stats{display:flex;justify-content:space-between;margin-bottom:16px;background:#ffffff08;padding:8px;border-radius:8px}.stat-box{display:flex;flex-direction:column;gap:2px}.stat-box .lbl{font-size:10px;color:var(--md-text-tertiary);text-transform:uppercase}.stat-box .val{font-size:12px;font-weight:700;color:var(--md-text-primary)}.stat-box .val.moving{color:var(--status-success)}.detail-timeline{display:flex;flex-direction:column;gap:0;margin-bottom:16px}.tl-item{display:flex;gap:10px;align-items:center;position:relative;padding-bottom:12px}.tl-item:last-child{padding-bottom:0}.tl-item .dot{width:8px;height:8px;border-radius:50%;background:var(--md-text-tertiary);z-index:2}.tl-item.completed .dot{background:var(--status-success)}.tl-item.current .dot{background:#a8c7fa;border:2px solid rgba(168,199,250,.3)}.tl-item:not(:last-child):after{content:"";position:absolute;left:3.5px;top:8px;bottom:0;width:1px;background:var(--md-outline)}.tl-item .txt{font-size:11px;color:var(--md-text-secondary)}.detail-actions{display:flex;gap:8px}.btn-action{flex:1;padding:8px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none}.btn-action.secondary{background:transparent;border:1px solid var(--md-outline);color:var(--md-text-secondary)}.btn-action.primary{background:var(--md-primary);color:#003816}.map-container{flex:1;position:relative;background:#0f1210;overflow:hidden}.map-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--md-text-secondary);font-size:14px}.partners-page{display:flex;flex-direction:column;gap:20px}.page-header{display:flex;justify-content:space-between;align-items:center}.btn-primary-glow{background:var(--md-primary);color:#003816;border:none;padding:10px 20px;border-radius:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 0 15px #8cd69d4d;transition:transform .2s}.btn-primary-glow:hover{transform:translateY(-2px);background:#9fe0af}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card-mini{background:var(--md-surface);border:1px solid var(--md-outline);border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px}.icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.icon-box.green{background:#8cd69d1a;color:#8cd69d}.icon-box.blue{background:#a8c7fa1a;color:#a8c7fa}.icon-box.yellow{background:#ffd7001a;color:gold}.icon-box.purple{background:#d0bcff1a;color:#d0bcff}.info{display:flex;flex-direction:column}.info .lbl{font-size:11px;color:var(--md-text-tertiary);text-transform:uppercase}.info .val{font-size:20px;font-weight:600;color:var(--md-text-primary)}.partners-layout{display:grid;grid-template-columns:320px 1fr;gap:24px;flex:1;min-height:0}.partner-list-panel{background:var(--md-surface);border-radius:16px;border:1px solid var(--md-outline);display:flex;flex-direction:column;overflow:hidden}.panel-tabs{display:flex;border-bottom:1px solid var(--md-outline);padding:0 8px}.p-tab{flex:1;padding:12px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--md-text-secondary);cursor:pointer;font-size:13px;font-weight:600}.p-tab.active{color:var(--md-primary);border-bottom-color:var(--md-primary)}.panel-search{padding:12px;display:flex;gap:8px;border-bottom:1px solid var(--md-outline);background:#ffffff05}.panel-search input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:13px}.btn-filter{background:none;border:none;color:var(--md-text-tertiary);cursor:pointer}.partner-list-container{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.partner-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;cursor:pointer;transition:all .2s;border:1px solid transparent}.partner-item:hover{background:#ffffff0d}.partner-item.selected{background:#8cd69d1a;border-color:var(--md-primary)}.p-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.p-info{flex:1;overflow:hidden}.p-name{font-size:13px;font-weight:600;color:var(--md-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-sub{font-size:11px;color:var(--md-text-tertiary);margin-bottom:4px}.p-tags{display:flex;gap:4px}.tag-id{font-family:monospace;font-size:10px;background:#ffffff1a;padding:1px 4px;border-radius:4px}.tag-status{font-size:10px;padding:1px 6px;border-radius:4px;font-weight:600}.tag-status.verified{color:#8cd69d;background:#8cd69d26}.tag-status.warning{color:#e5c16c;background:#e5c16c26}.p-score{display:flex;flex-direction:column;align-items:flex-end}.score-val{font-size:16px;font-weight:700;color:var(--md-primary)}.score-lbl{font-size:9px;color:var(--md-text-tertiary);text-transform:uppercase}.partner-detail-panel{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:4px}.detail-header-card{background:var(--md-surface);border-radius:16px;border:1px solid var(--md-outline);overflow:hidden}.dh-bg{height:80px;background:linear-gradient(135deg,#003918,#005224)}.dh-content{padding:0 24px;margin-top:-30px;display:flex;gap:20px;align-items:flex-end;position:relative}.dh-avatar{width:80px;height:80px;border-radius:50%;border:4px solid var(--md-surface);object-fit:cover}.dh-text{flex:1;padding-bottom:8px}.dh-text h2{margin:0;font-size:20px;color:var(--md-text-primary)}.dh-meta{display:flex;gap:16px;margin-top:4px;font-size:12px;color:var(--md-text-secondary)}.dh-meta span{display:flex;align-items:center;gap:4px}.btn-icon-dh{width:32px;height:32px;border-radius:50%;border:1px solid var(--md-outline);background:var(--md-surface);color:var(--md-text-secondary);cursor:pointer;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.dh-stats{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--md-outline);margin-top:16px}.dh-stat-item{padding:16px;display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--md-outline)}.dh-stat-item:last-child{border-right:none}.dh-stat-item .val{font-size:16px;font-weight:700;color:var(--md-text-primary)}.dh-stat-item .lbl{font-size:11px;color:var(--md-text-tertiary);text-transform:uppercase;margin-top:2px}.trust-badge{color:#8cd69d;font-weight:700;display:flex;align-items:center;gap:6px}.detail-section{background:var(--md-surface);border-radius:16px;border:1px solid var(--md-outline);padding:20px;display:flex;flex-direction:column}.detail-section.flex-grow{flex:1;min-height:200px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title h3{margin:0;font-size:16px;color:var(--md-text-primary);display:flex;align-items:center;gap:8px}.btn-link{background:none;border:none;color:var(--md-primary);cursor:pointer;font-size:12px;display:flex;align-items:center}.map-placeholder{height:200px;width:100%;border-radius:12px;overflow:hidden;position:relative;border:1px solid #333}.map-placeholder img{width:100%;height:100%;object-fit:cover;opacity:.8}.map-overlay-pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);z-index:2}.pin-pulse{position:absolute;top:20px;left:0;width:24px;height:24px;background:#d5000080;border-radius:50%;animation:pulse 1.5s infinite;transform:translate(0);z-index:1}@keyframes pulse{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.map-info-badge{position:absolute;bottom:12px;left:12px;background:#000c;padding:6px 12px;border-radius:8px;font-size:11px;color:#fff;display:flex;flex-direction:column;gap:2px}.history-table{width:100%;border-collapse:collapse;font-size:13px}.history-table th{text-align:left;padding:12px;color:var(--md-text-tertiary);font-weight:500;border-bottom:1px solid var(--md-outline)}.history-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.03);color:var(--md-text-secondary)}.mono{font-family:monospace}.hl-green{color:var(--status-success);font-weight:700}.empty{text-align:center;color:var(--md-text-tertiary);padding:20px;font-style:italic}.empty-selection{display:flex;align-items:center;justify-content:center;height:100%;color:var(--md-text-tertiary);background:#ffffff05;border-radius:16px;border:1px dashed var(--md-outline)}.assets-page{display:flex;flex-direction:column;gap:20px;height:100%;position:relative;overflow:hidden}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.page-title{margin:0;font-size:22px;color:var(--md-text-primary);font-weight:600}.btn-primary-glow{background:var(--md-primary);color:#003816;border:none;padding:10px 16px;border-radius:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 0 15px #8cd69d4d;white-space:nowrap}.asset-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.ast-stat-card{background:var(--md-surface);border:1px solid var(--md-outline);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px}.icon-wrapper{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-wrapper.green{background:#8cd69d1a;color:#8cd69d}.icon-wrapper.blue{background:#a8c7fa1a;color:#a8c7fa}.icon-wrapper.yellow{background:#ffd7001a;color:gold}.icon-wrapper.red{background:#ffb4ab1a;color:#ffb4ab}.stat-content{display:flex;flex-direction:column;overflow:hidden}.stat-content .val{font-size:18px;font-weight:700;color:var(--md-text-primary)}.stat-content .lbl{font-size:11px;color:var(--md-text-tertiary);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assets-content-layout{display:grid;grid-template-columns:1fr 340px;gap:20px;flex:1;min-height:0;position:relative}.asset-list-panel{display:flex;flex-direction:column;gap:16px;overflow:hidden}.panel-controls{display:flex;gap:12px}.search-box-md{flex:1;display:flex;align-items:center;gap:8px;background:var(--md-surface);padding:10px 16px;border-radius:12px;border:1px solid var(--md-outline)}.search-box-md input{background:transparent;border:none;color:#fff;width:100%;outline:none;font-size:14px}.btn-filter-icon{width:44px;background:var(--md-surface);border:1px solid var(--md-outline);color:var(--md-text-secondary);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.asset-grid-container{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;align-content:start;padding-bottom:20px}.asset-card{background:var(--md-surface);border:1px solid var(--md-outline);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:all .2s}.asset-card:hover{border-color:#fff3;background:#ffffff08}.asset-card.selected{border-color:var(--md-primary);background:#8cd69d0d}.ac-header{display:flex;align-items:flex-start;gap:12px}.ac-icon{width:40px;height:40px;background:#ffffff0d;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;color:var(--md-text-secondary);flex-shrink:0}.status-dot{width:10px;height:10px;border-radius:50%;position:absolute;top:-2px;right:-2px;border:2px solid var(--md-surface)}.status-dot.online{background:#8cd69d}.status-dot.maintenance{background:#ffb4ab}.ac-title-group{overflow:hidden}.ac-title-group h3{margin:0 0 2px;font-size:14px;color:var(--md-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-title-group .loc{font-size:11px;color:var(--md-text-tertiary)}.ac-footer{border-top:1px solid rgba(255,255,255,.05);padding-top:10px;font-size:11px;color:var(--md-text-secondary);display:flex;justify-content:space-between}.cal-badge.warning{color:#ffb300}.cal-badge.expired{color:#ffb4ab}.asset-detail-panel{background:var(--md-surface);border-left:1px solid var(--md-outline);display:flex;flex-direction:column;overflow-y:auto;padding:20px;gap:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100}.btn-close-mobile,.mobile-backdrop{display:none}.asset-detail-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--md-text-tertiary);gap:12px}.detail-header h2{margin:0;font-size:20px;color:var(--md-text-primary)}.asset-id{font-size:12px;color:var(--md-text-tertiary);font-family:monospace}.sect-title{font-size:11px;text-transform:uppercase;color:var(--md-text-tertiary);margin:0 0 12px;border-bottom:1px solid var(--md-outline);padding-bottom:6px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-item.full{grid-column:span 2}.info-item .label{font-size:10px;color:var(--md-text-secondary);display:block;margin-bottom:2px}.info-item .value{font-size:13px;color:var(--md-text-primary);font-weight:500;word-break:break-all}.info-item .value.highlight{color:var(--md-primary);font-family:monospace}.health-dashboard{display:flex;gap:16px;align-items:center;background:#ffffff05;padding:12px;border-radius:12px}.hd-circle{width:50px;height:50px;border-radius:50%;border:4px solid var(--status-success);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--md-text-primary)}.hd-status{flex:1;display:flex;flex-direction:column;gap:4px;font-size:11px}.status-row{display:flex;justify-content:space-between}.st-val.ok{color:var(--status-success)}.log-list{display:flex;flex-direction:column;gap:10px}.log-item{display:flex;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}.log-date{display:flex;flex-direction:column;align-items:center;min-width:36px;text-align:center}.log-date .d{font-weight:700;font-size:13px;color:var(--md-text-primary)}.log-date .m{font-size:9px;color:var(--md-text-tertiary);text-transform:uppercase}.log-info{flex:1}.log-type{font-weight:600;font-size:12px;color:var(--md-text-primary);margin-bottom:2px}.log-desc{font-size:11px;color:var(--md-text-secondary);line-height:1.3}.log-badge{font-size:10px;padding:2px 6px;border-radius:4px;height:fit-content;font-weight:600}.log-badge.pass{background:#8cd69d1a;color:#8cd69d}.log-badge.fail{background:#ffb4ab1a;color:#ffb4ab}.detail-actions{display:flex;gap:12px;margin-top:auto;padding-top:16px}.btn-act{flex:1;padding:10px;border-radius:8px;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px}.btn-act.secondary{background:transparent;border:1px solid var(--md-outline);color:var(--md-text-secondary)}.btn-act.primary{background:var(--md-primary);color:#003816}.btn-secondary{background:#ffffff0d;color:var(--md-text-primary);border:1px solid var(--md-outline);padding:10px 16px;border-radius:20px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-secondary:hover{background:#ffffff1a}.btn-secondary:disabled{opacity:.5;cursor:default}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.warn-text{color:#ffb300;font-weight:700}@media(max-width:1024px){.assets-content-layout{display:block;position:relative}.asset-list-panel{height:100%;overflow-y:auto}.asset-detail-panel{position:fixed;top:0;right:0;bottom:0;width:85%;max-width:380px;background:#1c211d;border-left:1px solid var(--md-outline);box-shadow:-10px 0 30px #00000080;transform:translate(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:1000;padding-top:60px}.asset-detail-panel.open{transform:translate(0)}.mobile-backdrop{display:block;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;animation:fadeIn .2s}.btn-close-mobile{display:flex;align-items:center;justify-content:center;position:absolute;top:16px;right:16px;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;z-index:1001}.asset-detail-placeholder{display:none}}@media(max-width:480px){.btn-label{display:none}.page-title{font-size:18px}.asset-detail-panel{width:100%;max-width:100%}}.settings-page{display:flex;flex-direction:column;gap:24px;height:100%;min-height:0}.page-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.header-left-group{display:flex;align-items:center;gap:12px;flex:1}.page-title{margin:0;font-size:24px;color:var(--md-text-primary);font-weight:600}.page-subtitle{margin:4px 0 0;color:var(--md-text-tertiary);font-size:13px}.btn-primary-glow{background:var(--md-primary);color:var(--md-bg);border:none;padding:10px 20px;border-radius:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 0 15px var(--md-primary-container);transition:transform .2s;white-space:nowrap}.btn-primary-glow:hover{transform:translateY(-2px);opacity:.9}.btn-back-mobile{background:transparent;border:1px solid var(--md-outline);border-radius:8px;color:var(--md-text-primary);width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-back-mobile:active{background:#ffffff1a}.settings-layout{display:grid;grid-template-columns:260px 1fr;gap:32px;flex:1;min-height:0;overflow:hidden}.settings-sidebar{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--md-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;text-decoration:none;box-sizing:border-box;width:100%}.menu-item:hover{background:#ffffff0d;color:var(--md-text-primary)}.menu-item.active{background:var(--md-primary-container);color:var(--md-on-primary-container);border-color:#ffffff0d}.menu-icon-wrapper{display:flex;align-items:center;min-width:24px}.menu-text{flex:1;display:flex;flex-direction:column}.mt-title{font-size:14px;font-weight:500}.mt-desc{font-size:11px;opacity:.7;display:none;margin-top:2px}.menu-arrow{opacity:.5}.menu-divider{height:1px;background:var(--md-outline);margin:8px 0}.settings-content{background:var(--md-surface);border-radius:20px;border:1px solid var(--md-outline);padding:32px;overflow-y:auto;height:100%;box-sizing:border-box}.panel-header{margin-bottom:24px;border-bottom:1px solid var(--md-outline);padding-bottom:16px}.panel-header h3{margin:0;font-size:18px;color:var(--md-text-primary)}.panel-header p{margin:4px 0 0;font-size:13px;color:var(--md-text-tertiary)}.desktop-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--md-text-tertiary);font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.form-section{display:flex;flex-direction:column;gap:24px;max-width:800px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:span 2}.form-group label{font-size:12px;color:var(--md-text-secondary);font-weight:500}.m3-input,.m3-textarea{background:var(--md-bg);border:1px solid var(--md-outline);border-radius:8px;padding:10px 12px;color:var(--md-text-primary);font-size:14px;outline:none;width:100%;box-sizing:border-box;transition:border .2s}.m3-input:focus,.m3-textarea:focus{border-color:var(--md-primary)}.m3-input:read-only{opacity:.6;cursor:not-allowed}.account-card-external{background:linear-gradient(135deg,var(--md-bg) 0%,var(--md-surface) 100%);border:1px solid var(--md-outline);border-radius:16px;padding:24px;margin-bottom:24px}.acc-info{display:flex;gap:16px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.acc-avatar{width:60px;height:60px;border-radius:50%;border:2px solid var(--md-primary);object-fit:cover}.acc-info h4{margin:0;font-size:18px;color:var(--md-text-primary)}.acc-info span{color:var(--md-text-tertiary);font-size:13px}.btn-external-link{background:var(--md-primary);color:var(--md-bg);text-decoration:none;padding:8px 16px;border-radius:8px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:8px;transition:opacity .2s}.btn-external-link:hover{opacity:.9}.acc-note p{margin:0;font-size:12px;color:var(--md-text-tertiary);font-style:italic}.theme-grid-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-bottom:24px}.theme-swatch{height:80px;border-radius:12px;border:2px solid var(--md-outline);cursor:pointer;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:8px;overflow:hidden}.theme-swatch.active{border-width:2px}.check-circle{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.theme-name{font-size:11px;font-weight:600;z-index:2}.setting-group-card{background:var(--md-bg);border:1px solid var(--md-outline);border-radius:12px;padding:20px;margin-bottom:20px}.setting-group-card.cloud{border-left:4px solid var(--status-info)}.setting-group-card.local{border-left:4px solid var(--status-success)}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.gh-title{display:flex;align-items:center;gap:8px}.gh-title h4{margin:0;font-size:16px;color:var(--md-text-primary)}.icon-cloud{color:var(--status-info)}.icon-local{color:var(--status-success)}.badge-cloud{background:var(--md-surface);border:1px solid var(--status-info);color:var(--status-info);font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600;text-transform:uppercase}.badge-local{background:var(--md-surface);border:1px solid var(--status-success);color:var(--status-success);font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600;text-transform:uppercase}.group-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--md-outline);display:flex;justify-content:flex-end}.btn-save-sm{padding:8px 16px;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer;border:none;background:var(--md-primary);color:var(--md-bg)}.btn-save-sm.secondary{background:var(--md-surface);border:1px solid var(--md-outline);color:var(--md-text-primary)}.toggle-row{flex-direction:row;justify-content:space-between;align-items:center;background:var(--md-bg);padding:12px;border-radius:8px;border:1px solid var(--md-outline)}.toggle-switch{width:44px;height:24px;background:var(--md-outline);border-radius:12px;position:relative;cursor:pointer}.toggle-switch.on{background:var(--md-primary)}.toggle-switch .knob{width:18px;height:18px;background:var(--md-surface);border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .2s}.toggle-switch.on .knob{transform:translate(20px);background:var(--md-bg)}.api-key-box{background:var(--md-bg);padding:16px;border-radius:12px;border:1px solid var(--md-outline)}.key-display{display:flex;align-items:center;gap:8px;background:var(--md-surface);padding:4px 4px 4px 12px;border-radius:8px;border:1px solid var(--md-outline)}.key-display input{background:transparent;border:none;color:var(--md-text-primary);flex:1;outline:none;font-family:monospace;letter-spacing:2px}.btn-copy{background:var(--md-bg);border:1px solid var(--md-outline);color:var(--md-text-secondary);width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.preview-receipt{display:flex;justify-content:center;margin-top:24px;padding:20px;background:var(--md-bg);border-radius:12px;overflow-x:auto}.receipt-paper{width:200px;min-height:200px;background:#fff;color:#000;padding:16px;font-family:Courier New,monospace;font-size:10px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;gap:8px}.r-head{text-align:center;border-bottom:1px dashed #000;padding-bottom:8px}.r-body{flex:1}.r-row{display:flex;justify-content:space-between}.r-foot{text-align:center;border-top:1px dashed #000;padding-top:8px;font-style:italic}.mobile-hidden{display:block}.mobile-only{display:none}@media(max-width:1024px){.settings-layout{display:block}.mobile-hidden{display:none!important}.mobile-only{display:flex!important}.settings-sidebar:not(.mobile-hidden){display:flex!important;flex-direction:column;gap:12px;padding-bottom:20px;animation:fadeIn .3s ease}.menu-item{background:var(--md-surface);border:1px solid var(--md-outline);padding:20px 16px}.mt-desc{display:block}.settings-content:not(.mobile-hidden){display:block!important;animation:slideInRight .3s ease-out;padding:0;border:none;background:transparent;overflow:visible;height:auto}.form-grid{grid-template-columns:1fr;gap:16px}.form-group.full{grid-column:auto}.theme-grid-selector{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.acc-info{flex-direction:column;text-align:center}.acc-actions{justify-content:center}.group-footer{flex-direction:column}.btn-save-sm{width:100%;padding:12px;font-size:14px}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.cash-agent-page{display:flex;flex-direction:column;height:100%;gap:20px}.ca-header{display:flex;justify-content:space-between;align-items:center;background:var(--md-surface);padding:16px 24px;border-radius:16px;border:1px solid var(--md-outline)}.ca-brand{display:flex;gap:12px;align-items:center}.ca-brand h1{margin:0;font-size:20px;color:var(--md-text-primary)}.ca-brand span{font-size:12px;color:var(--md-text-tertiary)}.ca-status{text-align:right}.status-pill{display:block;font-size:10px;color:var(--status-success);font-weight:700;text-transform:uppercase}.cash-drawer-bal{font-size:14px;font-weight:600;color:var(--md-text-primary);font-family:monospace}.ca-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding-top:40px}.step-container{width:100%;max-width:500px;background:var(--md-surface);border:1px solid var(--md-outline);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:24px;box-shadow:0 10px 40px #0000004d}.step-container.wide{max-width:800px}.step-container.center-text{text-align:center;align-items:center}.step-container h2{margin:0;font-size:24px;color:var(--md-text-primary)}.step-container p{margin:0;color:var(--md-text-secondary)}.identify-box{display:flex;flex-direction:column;gap:20px;margin-top:10px}.search-input-lg{display:flex;align-items:center;gap:12px;background:#ffffff0d;padding:16px 24px;border-radius:12px;border:1px solid var(--md-outline)}.search-input-lg input{background:transparent;border:none;font-size:18px;color:#fff;width:100%;outline:none}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn-big-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:#ffffff08;border:1px dashed var(--md-outline);border-radius:12px;color:var(--md-text-primary);cursor:pointer;transition:all .2s}.btn-big-icon:hover{background:#8cd69d1a;border-color:var(--md-primary);color:var(--md-primary)}.customer-profile-card{display:flex;align-items:center;gap:20px;background:#ffffff05;padding:20px;border-radius:16px}.customer-profile-card img{width:64px;height:64px;border-radius:50%;border:2px solid var(--md-primary)}.cust-info{flex:1}.cust-info h3{margin:0;font-size:20px;color:var(--md-text-primary)}.cust-info span{font-size:12px;color:var(--md-text-tertiary)}.cust-balance{text-align:right}.cust-balance small{font-size:11px;color:var(--md-text-secondary);text-transform:uppercase}.cust-balance .val{font-size:24px;font-weight:700;color:var(--status-success);font-family:monospace}.withdrawal-form{display:grid;grid-template-columns:1fr 1fr;gap:32px}.amount-input-section label,.method-selector label{display:block;font-size:12px;color:var(--md-text-secondary);margin-bottom:12px}.money-input-wrapper{display:flex;align-items:center;gap:12px;background:#000;padding:12px 20px;border-radius:12px;border:1px solid var(--md-outline)}.money-input-wrapper span{font-size:24px;color:var(--md-text-tertiary)}.money-input-wrapper input{background:transparent;border:none;font-size:32px;color:#fff;width:100%;outline:none;font-weight:700;font-family:monospace}.quick-amounts{display:flex;gap:8px;margin-top:12px}.quick-amounts button{flex:1;background:#ffffff0d;border:none;padding:8px;border-radius:8px;color:var(--md-text-secondary);cursor:pointer;font-size:12px}.quick-amounts button:hover{background:#ffffff1a;color:#fff}.methods-grid{display:flex;flex-direction:column;gap:12px}.method-card{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff05;border:1px solid var(--md-outline);border-radius:12px;color:var(--md-text-tertiary);cursor:pointer;text-align:left}.method-card.active{background:#8cd69d1a;border-color:var(--md-primary);color:var(--md-text-primary)}.method-card span{flex:1;font-weight:600}.method-card small{font-size:10px;opacity:.7}.bill-reference{padding-top:16px;border-top:1px solid var(--md-outline)}.bill-reference h4{font-size:12px;color:var(--md-text-tertiary);margin:0 0 12px}.bill-list-mini{display:flex;flex-direction:column;gap:8px;max-height:100px;overflow-y:auto}.bill-item-mini{display:flex;gap:8px;font-size:12px;color:var(--md-text-secondary);align-items:center}.bill-item-mini .amt{margin-left:auto;font-family:monospace;color:var(--md-text-primary)}.action-footer{display:flex;gap:16px;margin-top:16px}.btn-cancel{flex:1;background:transparent;border:1px solid var(--md-outline);color:var(--md-text-secondary);padding:16px;border-radius:12px;cursor:pointer;font-weight:600}.btn-confirm{flex:2;background:var(--md-primary);color:#003816;border:none;padding:16px;border-radius:12px;cursor:pointer;font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;gap:12px}.btn-confirm:disabled{opacity:.5;cursor:not-allowed}.summary-card{background:#ffffff05;padding:24px;border-radius:16px}.sum-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px;color:var(--md-text-secondary)}.sum-row.total{font-size:20px;font-weight:700;color:var(--md-primary);border-bottom:1px dashed var(--md-outline);padding-bottom:16px;margin-bottom:16px}.sum-row .hl{color:#fff;font-weight:600}.alert-box{display:flex;gap:12px;align-items:center;background:#ffb3001a;color:#ffb300;padding:12px;border-radius:8px;font-size:12px;margin-top:16px}.btn-confirm-final{flex:2;background:#00e676;color:#003816;border:none;padding:16px;border-radius:12px;cursor:pointer;font-weight:600;font-size:16px}.success-icon{margin-bottom:24px}.remaining-bal{background:#ffffff0d;padding:8px 16px;border-radius:20px;font-family:monospace;margin:16px 0 32px}.success-actions{display:flex;gap:16px;width:100%}.btn-print{flex:1;background:#fff;color:#000;border:none;padding:12px;border-radius:12px;cursor:pointer;font-weight:600;display:flex;justify-content:center;gap:8px}.btn-new-tx{flex:1;background:var(--md-primary);color:#003816;border:none;padding:12px;border-radius:12px;cursor:pointer;font-weight:600}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mock-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.mock-line{height:10px;background:#e2e8f0;border-radius:5px}.w-30{width:30%}.mock-circle{width:32px;height:32px;background:#f1f5f9;border-radius:50%;margin-left:auto}.mock-body-row{display:flex;gap:16px;margin-bottom:16px}.mock-card{flex:1;background:#f8fafc;border-radius:16px;padding:16px;border:1px solid #E2E8F0;display:flex;flex-direction:column;gap:4px}.mock-card.highlight{background:linear-gradient(135deg,#de69fb,#0369a1);color:#fff;border:none}.mock-card span{font-size:11px;opacity:.8;text-transform:uppercase}.mock-card strong{font-size:20px}.mock-chart-line{margin-top:8px;height:30px;background:#fff3;border-radius:8px}.mock-list{display:flex;flex-direction:column;gap:8px}.mock-list-item{height:36px;background:#f8fafc;border-radius:8px}.trust-label{text-align:center;font-size:12px;color:#94a3b8;margin-bottom:24px;font-weight:700;letter-spacing:1px}.trust-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;opacity:.6}.trust-logo-text{font-size:18px;font-weight:800;color:#cbd5e1}.hiw-section{padding:100px 0;background:#f8fafc}.steps-grid{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:40px;flex-wrap:wrap}.step-card{background:#fff;padding:32px;border-radius:24px;border:1px solid #E2E8F0;width:280px;text-align:center;position:relative}.step-icon{width:64px;height:64px;background:#e0f2fe;color:var(--lp-primary);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.step-num{position:absolute;top:20px;right:20px;font-size:40px;font-weight:800;color:#f1f5f9;z-index:0;line-height:1}.step-card h4{font-size:18px;margin-bottom:8px;color:var(--lp-text-main);position:relative;z-index:1}.step-card p{font-size:14px;color:var(--lp-text-sub);line-height:1.5;position:relative;z-index:1}.step-arrow{color:#cbd5e1}.testi-section{padding:100px 0;background:#fff}.text-center{text-align:center}.testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:40px;max-width:900px;margin-left:auto;margin-right:auto}.testi-card{background:#fff;padding:32px;border-radius:24px;border:1px solid #E2E8F0;box-shadow:0 10px 30px #00000008}.stars{display:flex;gap:2px;margin-bottom:16px}.testi-card p{font-size:16px;color:var(--lp-text-sub);line-height:1.6;margin-bottom:24px;font-style:italic}.testi-author{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;background:#1f2937;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.avatar.bg-blue{background:var(--lp-primary)}.section-title{display:flex;flex-direction:column;align-items:center}.hero-section{position:relative;overflow:hidden}.hero-overlay-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,#0206174d,#020617e6);z-index:1;pointer-events:none}.lp-container.relative-z-index{position:relative;z-index:2}@media(max-width:768px){.steps-grid{flex-direction:column}.step-card{width:100%;max-width:320px}}.hero-canvas-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:#fff;overflow:hidden}.css-blobs{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6}.blob-item{position:absolute;border-radius:50%;filter:blur(80px);opacity:.8;animation:floatBlob 20s infinite alternate cubic-bezier(.4,0,.2,1)}.blob-1{top:-10%;left:-10%;width:50vw;height:50vw;background:#e0e7ff;animation-delay:0s}.blob-2{bottom:-10%;right:-10%;width:40vw;height:40vw;background:#fce7f3;animation-delay:-5s}.blob-3{top:20%;right:20%;width:30vw;height:30vw;background:#ffedd5;animation-delay:-10s}.blob-4{bottom:10%;left:20%;width:25vw;height:25vw;background:#dcfce7;animation-delay:-15s}@keyframes floatBlob{0%{transform:translate(0) scale(1)}to{transform:translate(30px,50px) scale(1.1)}}.hero-canvas-wrapper canvas{position:relative;z-index:2}.hero-canvas-wrapper:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:200px;background:linear-gradient(to top,#ffffff 10%,transparent 100%);z-index:3;pointer-events:none}.diagram-wrapper{background:#fff;padding:60px 20px;width:100%;position:relative;overflow:hidden}.bg-blobs{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:blob-move 10s infinite alternate cubic-bezier(.4,0,.2,1)}.blob-purple{top:-10%;left:-10%;width:500px;height:500px;background:#e9d5ff}.blob-blue{bottom:-10%;right:-10%;width:400px;height:400px;background:#bfdbfe;animation-delay:-2s}.blob-orange{top:40%;left:40%;width:300px;height:300px;background:#ffedd5;animation-delay:-5s;opacity:.4}@keyframes blob-move{0%{transform:translate(0) scale(1)}to{transform:translate(20px,40px) scale(1.1)}}.content-grid{display:grid;grid-template-columns:1fr 320px;gap:40px;max-width:1200px;margin:0 auto;align-items:center;position:relative;z-index:1}@media(max-width:1024px){.content-grid{grid-template-columns:1fr;gap:60px}.diagram-area{height:auto;aspect-ratio:800/500;max-width:800px;margin:0 auto}.d-node{padding:8px 12px;font-size:11px}.core-text{font-size:12px}}@media(max-width:600px){.diagram-wrapper{padding:40px 10px}.step-panel{padding:0 10px}}.diagram-area{position:relative;height:500px;background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 30px -10px #0000000d;overflow:hidden}.css-comet{fill:#0ea5e9;filter:url(#comet-glow);offset-rotate:auto;animation:flow-path linear forwards;opacity:0}.css-comet.head{filter:drop-shadow(0 0 5px currentColor)}.css-comet.tail{opacity:.6}.css-comet.t1{filter:drop-shadow(0 0 3px currentColor)}.css-comet.t2{opacity:.4;filter:none}@keyframes flow-path{0%{offset-distance:0%;opacity:0}5%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}.comet-blue{color:#0284c7;fill:#0284c7}.comet-gold{color:#d97706;fill:#d97706}.comet-green{color:#059669;fill:#059669}.path-dim{fill:none;stroke:#00000014;stroke-width:1.5;stroke-dasharray:4 4}.connection-layer{width:100%;height:100%;position:absolute;pointer-events:none;z-index:1}.node-layer{position:absolute;inset:0;z-index:2}.d-node{position:absolute;background:#ffffffd9;border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:10px 16px;display:flex;align-items:center;gap:10px;color:#334155;font-size:13px;font-weight:600;box-shadow:0 4px 6px -1px #0000000d;transition:all .4s ease}.d-node:hover{border-color:#38bdf8;box-shadow:0 10px 15px -3px #38bdf833;transform:translateY(-2px);background:#fff}.vault-node{border-color:#f59e0b;background:#fff}.vault-node.active-pulse{box-shadow:0 0 0 4px #f59e0b1a;border-color:#f59e0b}.node-icon.gold{color:#d97706}.node-sub{font-size:10px;color:#64748b;margin-top:2px;font-weight:400}.node-title{color:#1e293b}.center-core{flex-direction:column;width:140px;height:80px;justify-content:center;border-color:#38bdf8;box-shadow:0 10px 25px -5px #38bdf840;background:#fff}.core-icon{background:#0ea5e9;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;color:#fff}.security-node{border-color:#10b981;color:#047857}.active-pulse-green{box-shadow:0 0 0 4px #10b9811a;background:#ecfdf5}.dim{opacity:.4}.fade-in{opacity:1}.step-panel{padding:0 20px;border-radius:16px}.panel-header{color:#0f172a;margin-bottom:24px;font-size:18px;border-bottom:1px solid #E2E8F0;padding-bottom:12px;font-weight:700}.steps-container{display:flex;flex-direction:column}.step-item{display:flex;gap:16px;padding:12px 16px;cursor:pointer;position:relative;border-radius:12px;transition:background .2s}.step-item:hover{background:#f8fafc}.step-item.active{background:#f0f9ff}.step-indicator{display:flex;flex-direction:column;align-items:center;width:20px;flex-shrink:0}.step-dot{width:12px;height:12px;border-radius:50%;background:#cbd5e1;border:2px solid #fff;box-shadow:0 0 0 1px #cbd5e1;transition:all .3s;z-index:2}.step-dot.active{background:#0ea5e9;box-shadow:0 0 0 2px #0ea5e94d;border-color:#fff;transform:scale(1.1)}.step-line{flex:1;width:2px;background:#e2e8f0;margin-top:4px;min-height:20px}.step-content{flex:1}.step-title{color:#64748b;font-size:14px;font-weight:600;margin:0;transition:color .3s}.step-item.active .step-title{color:#0f172a;font-size:15px}.step-desc-wrapper{max-height:0;overflow:hidden;transition:max-height .4s ease}.step-desc-wrapper.open{max-height:100px}.step-desc{color:#475569;font-size:13px;line-height:1.6;margin-top:8px}.partners-section{padding:60px 0;border-bottom:1px solid #E2E8F0;background:#f8fafc}.section-tag-small{font-size:11px;font-weight:700;color:#3b82f6;letter-spacing:1px;text-transform:uppercase}.section-title-small{font-size:24px;color:#0f172a;margin:8px 0;font-weight:700}.section-desc-small{font-size:14px;color:#64748b;max-width:600px;margin:0 auto}.partners-grid{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:40px;flex-wrap:wrap}.partner-group{display:flex;flex-direction:column;align-items:center;gap:16px}.group-label{font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.group-logos{display:flex;gap:24px;align-items:center}.partner-logo{opacity:.5;transition:all .3s;cursor:default;filter:grayscale(100%)}.partner-logo:hover{opacity:1;filter:grayscale(0%);transform:scale(1.05)}.divider-vertical{width:1px;height:40px;background:#e2e8f0}@media(max-width:768px){.partners-grid{flex-direction:column;gap:40px}.desktop-only{display:none}}.trust-section{padding:80px 0;background:#fff}.trust-header{text-align:center;margin-bottom:50px}.trust-header h2{font-size:28px;color:#0f172a;margin-bottom:12px}.trust-header p{color:#64748b;font-size:16px}.trust-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.t-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:30px 20px;text-align:center;transition:all .3s}.t-card:hover{border-color:#3b82f6;box-shadow:0 10px 30px -10px #3b82f626;transform:translateY(-5px)}.t-icon-box{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.t-icon-box.blue{background:#eff6ff;color:#3b82f6}.t-icon-box.green{background:#ecfdf5;color:#10b981}.t-icon-box.orange{background:#fff7ed;color:#f97316}.t-icon-box.purple{background:#faf5ff;color:#a855f7}.t-card h4{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:8px}.t-card p{font-size:13px;color:#64748b;line-height:1.5}@media(max-width:1024px){.trust-cards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.trust-cards{grid-template-columns:1fr}}.landing-root{--lp-bg: #FFFFFF;--lp-surface: #F8FAFC;--lp-surface-highlight: #F1F5F9;--lp-primary: #1459d7;--lp-primary-dark: #1248aa;--lp-primary-light: #E0F2FE;--lp-text-main: #0F172A;--lp-text-sub: #475569;--lp-text-muted: #94A3B8;--lp-border: #E2E8F0;--lp-gradient-hero: radial-gradient(80% 50% at 50% 0%, #E0F2FE 0%, #FFFFFF 100%);--lp-gradient-mesh: radial-gradient(at 0% 0%, hsla(253,16%,7%,1) 0, transparent 50%), radial-gradient(at 50% 0%, hsla(225,39%,30%,1) 0, transparent 50%), radial-gradient(at 100% 0%, hsla(339,49%,30%,1) 0, transparent 50%);font-family:Outfit,sans-serif;color:var(--lp-text-main);background-color:var(--lp-bg);width:100%;height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--lp-bg) var(--lp-border);display:flex;flex-direction:column}.landing-root main.lp-main-content{flex:auto}.lp-container{max-width:1200px;margin:0 auto;padding:0 24px}.lp-navbar{position:sticky;top:0;z-index:1000;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05);padding:16px 0;flex:0}.nav-content{display:flex;justify-content:space-between;align-items:center}.lp-logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;color:var(--lp-text-main)}.logo-icon{width:40px;height:40px;background:var(--lp-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #0284c74d}.nav-links{display:flex;gap:32px}.nav-link{color:var(--lp-text-sub);text-decoration:none;font-weight:500;font-size:15px;transition:color .2s}.nav-link:hover{color:var(--lp-primary)}.nav-actions{display:flex;gap:12px}.btn-lp{padding:10px 24px;border-radius:50px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;border:none}.btn-lp.ghost{background:transparent;color:var(--lp-text-main)}.btn-lp.ghost:hover{background:var(--lp-surface-highlight)}.btn-lp.primary{background:var(--lp-primary);color:#fff;box-shadow:0 4px 14px #0284c74d}.btn-lp.primary:hover{background:var(--lp-primary-dark);transform:translateY(-1px);box-shadow:0 6px 20px #0284c766}.hero-section{padding:80px 0 100px;background:var(--lp-gradient-hero);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#e0f2fe;color:var(--lp-primary);border-radius:20px;font-size:13px;font-weight:600;margin-bottom:24px}.hero-title{font-size:56px;line-height:1.1;letter-spacing:-1px;margin-bottom:24px;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:18px;color:var(--lp-text-sub);line-height:1.6;margin-bottom:40px;max-width:500px}.hero-actions{display:flex;gap:16px}.hero-visual{position:relative}.glass-card-main{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:24px;box-shadow:0 25px 50px -12px #0000001a;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .5s ease}.hero-visual:hover .glass-card-main{transform:perspective(1000px) rotateY(0) rotateX(0)}.floating-card{position:absolute;background:#fff;padding:16px;border-radius:16px;box-shadow:0 10px 30px #0000001a;display:flex;align-items:center;gap:12px;animation:float 4s ease-in-out infinite}.fc-1{top:-20px;right:-20px;z-index:2}.fc-2{bottom:40px;left:-40px;z-index:2;animation-delay:2s}.features-section{padding:100px 0;background:var(--lp-bg)}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-tag{color:var(--lp-primary);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:1px}.section-title{font-size:36px;margin:16px 0;color:var(--lp-text-main)}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,300px);gap:24px}.bento-card{background:var(--lp-surface);border-radius:24px;padding:32px;position:relative;overflow:hidden;transition:all .3s;border:1px solid transparent;display:flex;flex-direction:column;justify-content:space-between}.bento-card:hover{transform:translateY(-5px);background:#fff;border-color:var(--lp-border);box-shadow:0 20px 40px #0000000d}.bento-card.span-2{grid-column:span 2}.bento-card.primary{background:var(--lp-primary);color:#fff}.bento-card.primary .card-desc{color:#fffc}.card-icon{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--lp-primary);margin-bottom:20px;box-shadow:0 4px 10px #0000000d}.bento-card.primary .card-icon{background:#fff3;color:#fff}.card-title{font-size:20px;font-weight:600;margin-bottom:8px}.card-desc{font-size:15px;color:var(--lp-text-sub);line-height:1.5}.trust-section{padding:60px 0;border-top:1px solid var(--lp-border)}.trust-grid{display:flex;justify-content:space-around;align-items:center;opacity:.6;grayscale:100%}.trust-logo{height:40px}.cta-section{padding:100px 0}.cta-box{background:linear-gradient(135deg,var(--lp-primary) 0%,#2563EB 100%);border-radius:32px;padding:60px;text-align:center;color:#fff;position:relative;overflow:hidden}.cta-title{font-size:40px;margin-bottom:20px}.cta-desc{font-size:18px;opacity:.9;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.btn-cta-white{background:#fff;color:var(--lp-primary);padding:12px 32px;border-radius:50px;font-weight:700;border:none;cursor:pointer}.lp-footer{background:var(--lp-surface);padding:60px 0 20px;border-top:1px solid var(--lp-border)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand h4{font-size:20px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.footer-col h5{font-size:14px;color:var(--lp-text-main);margin-bottom:16px;font-weight:700}.footer-link{display:block;color:var(--lp-text-sub);margin-bottom:10px;font-size:14px;text-decoration:none}.footer-link:hover{color:var(--lp-primary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-title{font-size:40px}.hero-actions{justify-content:center}.bento-grid{grid-template-columns:1fr;grid-template-rows:auto}.bento-card.span-2{grid-column:span 1}.footer-grid{grid-template-columns:1fr;text-align:center}.nav-links{display:none}}.desktop-hidden{display:none}.mobile-hidden{display:flex}.btn-menu-toggle{background:transparent;border:none;color:var(--lp-text-main);cursor:pointer}.mobile-menu-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--lp-border);padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 30px #0000000d;animation:slideDown .2s ease-out}.mobile-link{text-decoration:none;color:var(--lp-text-main);font-weight:500;font-size:16px;padding:12px;border-radius:8px}.mobile-link:active{background:var(--lp-surface)}.mobile-divider{height:1px;background:var(--lp-border);margin:8px 0}.mobile-actions{display:flex;flex-direction:column;gap:12px}.btn-lang{background:transparent;border:1px solid var(--lp-border);padding:8px 12px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--lp-text-sub)}.btn-lang:hover{background:var(--lp-surface);color:var(--lp-primary)}.btn-lang.mobile{justify-content:center;width:100%;margin-bottom:8px}@media(max-width:768px){.desktop-hidden{display:block}.mobile-hidden{display:none}.hero-section{padding:40px 0 60px}.hero-title{font-size:36px}.hero-visual{margin-top:40px;transform:scale(.9)}.bento-grid{grid-template-columns:1fr}.bento-card.span-2{grid-column:auto}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lp-side-nav{position:fixed;left:24px;top:50%;transform:translateY(-50%);z-index:900;display:flex;flex-direction:column;gap:16px;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px 12px;border-radius:32px;border:1px solid var(--lp-border);box-shadow:0 10px 40px #0000000d}.side-nav-item{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--lp-text-muted);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer;text-decoration:none}.side-nav-item:after{content:attr(data-label);position:absolute;left:50px;background:var(--lp-text-main);color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;opacity:0;visibility:hidden;transform:translate(-10px);transition:all .2s;white-space:nowrap}.side-nav-item:hover:after{opacity:1;visibility:visible;transform:translate(0)}.side-nav-item:hover{background:var(--lp-surface-highlight);color:var(--lp-primary)}.side-nav-item.active{background:var(--lp-primary);color:#fff;box-shadow:0 4px 12px #0284c766}@media(max-width:1024px){.lp-side-nav{display:none}}.lp-mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:280px;background:#fff;z-index:1100;box-shadow:-5px 0 25px #0000001a;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.lp-mobile-drawer.open{transform:translate(0)}.lp-mobile-backdrop{position:fixed;inset:0;background:#00000080;z-index:1050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s}.lp-mobile-backdrop.open{opacity:1;pointer-events:auto}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--lp-border)}.btn-close-drawer{background:transparent;border:none;color:var(--lp-text-sub);cursor:pointer;padding:4px}.drawer-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.drawer-group{display:flex;flex-direction:column;gap:8px}.drawer-label{font-size:12px;text-transform:uppercase;color:var(--lp-text-muted);font-weight:600;margin-bottom:4px;letter-spacing:.5px}.drawer-link{display:flex;align-items:center;justify-content:space-between;padding:12px;color:var(--lp-text-main);text-decoration:none;font-size:15px;font-weight:500;border-radius:8px;transition:background .2s;background:transparent;border:none;width:100%;cursor:pointer;text-align:left}.drawer-link:hover,.drawer-link:active{background:var(--lp-surface);color:var(--lp-primary)}.drawer-link svg{opacity:.5}.drawer-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid var(--lp-border)}.btn-lp.full{width:100%;justify-content:center}@media(max-width:1024px){.mobile-hidden{display:none!important}.desktop-hidden{display:block!important}.lp-side-nav{display:none}}.lang-dropdown-wrapper{position:relative}.btn-lang{background:transparent;border:1px solid var(--lp-border);padding:8px 12px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--lp-text-sub);transition:all .2s}.btn-lang:hover,.btn-lang.active{background:var(--lp-surface-highlight);color:var(--lp-primary);border-color:var(--lp-primary)}.btn-lang .chevron{transition:transform .2s;opacity:.6}.btn-lang .chevron.rotate{transform:rotate(180deg)}.lang-dropdown-menu{position:absolute;top:110%;right:0;width:140px;background:#fff;border:1px solid var(--lp-border);border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:6px;display:flex;flex-direction:column;gap:2px;animation:fadeIn .2s ease-out}.lang-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--lp-text-main);cursor:pointer;transition:background .2s}.lang-item:hover{background:var(--lp-surface)}.lang-item.selected{background:var(--lp-surface-highlight);color:var(--lp-primary);font-weight:600}.lang-item .flag{font-size:16px}.mobile-lang-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobile-lang-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid var(--lp-border);border-radius:8px;background:transparent;font-size:14px;font-weight:500;color:var(--lp-text-sub);cursor:pointer}.mobile-lang-btn.active{background:var(--lp-surface-highlight);border-color:var(--lp-primary);color:var(--lp-primary);font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.lp-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.lp-modal-content{background:#fff;width:90%;max-width:360px;border-radius:20px;box-shadow:0 20px 60px #0003;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:16px 20px;border-bottom:1px solid var(--lp-border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--lp-text-main)}.btn-close-modal{background:transparent;border:none;color:var(--lp-text-sub);cursor:pointer;padding:4px;border-radius:50%;transition:background .2s}.btn-close-modal:hover{background:var(--lp-surface)}.modal-body{padding:12px;display:flex;flex-direction:column;gap:8px}.modal-lang-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:transparent;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;font-size:15px;color:var(--lp-text-main);width:100%}.modal-lang-item:hover{background:var(--lp-surface)}.modal-lang-item.active{background:var(--lp-surface-highlight);border-color:var(--lp-primary);font-weight:600;color:var(--lp-primary)}.flex-center-gap{display:flex;align-items:center;gap:12px}.flag-large{font-weight:700;font-size:14px;padding:2px 6px;background:#eee;border-radius:4px;color:#555}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-up{animation:fadeInUp .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}