:root{--primary:#1e293b;--primary-lt:#334155;--primary-dk:#0f172a;--accent:#f59e0b;--accent-dk:#d97706;--success:#10b981;--success-bg:#ecfdf5;--danger:#ef4444;--danger-bg:#fef2f2;--warning:#f97316;--warning-bg:#fff7ed;--info:#3b82f6;--bg:#f1f5f9;--surface:#ffffff;--border:#e2e8f0;--border-lt:#f8fafc;--text:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--radius-sm:0.375rem;--radius:0.625rem;--radius-lg:0.875rem;--shadow-sm:0 1px 2px rgba(0,0,0,0.06);--shadow:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.08),0 2px 4px -1px rgba(0,0,0,0.04);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.10),0 4px 6px -2px rgba(0,0,0,0.05);--sidebar-w:250px;--header-h:56px;--safe-top:env(safe-area-inset-top,0px);--content-pad:16px;--font:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--transition:0.18s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;min-height:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;touch-action:manipulation}button,input,select,textarea{font-family:inherit}img{max-width:100%;display:block}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--primary);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;padding-top:var(--safe-top);z-index:300;overflow-y:auto;overflow-x:hidden;transform:translateX(calc(-1 * var(--sidebar-w)));transition:transform .25s cubic-bezier(.4,0,.2,1);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:4px}.sidebar.open{transform:translateX(0)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:299;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.sidebar-overlay.visible{display:block}.sidebar-brand{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:16px 14px 13px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.sidebar-logo-img{width:100%;height:auto;max-height:56px;object-fit:contain;object-position:left center;display:block;background:rgba(255,255,255,.93);border-radius:7px;padding:7px 12px;box-sizing:border-box}.sidebar-subtitle{font-size:10px;color:var(--text-light);letter-spacing:.3px;margin-top:4px;padding-left:2px}.sidebar-nav{flex:1 1;padding:10px 0;list-style:none}.nav-section-label{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-light);padding:14px 18px 5px;font-weight:600}.nav-item a{display:flex;align-items:center;gap:10px;padding:11px 18px;font-size:13px;font-weight:500;color:#94a3b8;position:relative;transition:background var(--transition),color var(--transition);min-height:44px}.nav-item a:hover{background:rgba(255,255,255,.05);color:#fff}.nav-item a.active{background:rgba(245,158,11,.12);color:var(--accent)}.nav-item a.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);border-radius:0 2px 2px 0}.nav-icon{width:17px;height:17px;flex-shrink:0;opacity:.7}.nav-item a.active .nav-icon,.nav-item a:hover .nav-icon{opacity:1}.sidebar-footer{padding:14px 18px;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0}.user-info{gap:9px}.user-avatar,.user-info{display:flex;align-items:center}.user-avatar{width:28px;height:28px;background:var(--primary-lt);border-radius:50%;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.user-name{color:#cbd5e1;font-size:12px;font-weight:500;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{background:none;border:none;color:var(--text-light);font-size:11px;padding:5px 7px;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition);white-space:nowrap;min-height:32px}.btn-logout:hover{color:var(--danger);background:rgba(239,68,68,.08)}.main-content{flex:1 1;min-height:100vh;display:flex;flex-direction:column;margin-left:0;min-width:0}.top-bar{height:calc(var(--header-h) + var(--safe-top));background:var(--surface);border-bottom:1px solid var(--border);padding:var(--safe-top) 16px 0;gap:10px;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.menu-toggle,.top-bar{display:flex;align-items:center}.menu-toggle{justify-content:center;background:none;border:none;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-muted);flex-shrink:0}.menu-toggle:hover{background:var(--bg);color:var(--text)}.top-bar-title{flex:1 1;min-width:0}.page-title{font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-subtitle{font-size:11px;color:var(--text-muted);display:none}.page-content{flex:1 1;padding:var(--content-pad);padding-top:5px!important;width:100%}.dash-controls{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:12px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.dash-controls-filters{display:flex;flex-direction:column;gap:8px;flex:1 1;min-width:0}.dash-controls-row{display:flex;align-items:center;gap:8px;width:100%}.dash-date-row{flex-wrap:wrap;gap:8px}.dash-date-field{display:flex;align-items:center;gap:6px;flex:1 1;min-width:min(200px,100%)}.control-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;min-width:36px}.dash-controls input[type=date],.dash-controls select.date-select{flex:1 1;min-width:0;height:40px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text);background:var(--bg);outline:none;transition:border-color var(--transition),box-shadow var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.dash-controls input[type=date]:focus,.dash-controls select.date-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(245,158,11,.15)}.dash-controls-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.dash-controls-actions .live-badge{margin-left:auto}.branch-search-wrap{flex:1 1;min-width:0;position:relative}.branch-search-input{width:100%;height:40px;padding:0 32px 0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text);background:var(--bg);outline:none;transition:border-color var(--transition),box-shadow var(--transition);cursor:pointer;box-sizing:border-box;font-family:var(--font)}.branch-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(245,158,11,.15);cursor:text}.branch-search-wrap:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:10px;height:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2364748b'/%3E%3C/svg%3E") no-repeat 50%;pointer-events:none;transition:transform .15s}.branch-search-wrap.open:after{transform:translateY(-50%) rotate(180deg)}.branch-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:220px;overflow-y:auto;z-index:200;overscroll-behavior:contain}.branch-dropdown.open{display:block}.branch-option{padding:10px 12px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;transition:background var(--transition);min-height:40px;display:flex;align-items:center}.branch-option:hover{background:var(--bg)}.branch-option.selected{color:var(--accent);font-weight:700}.branch-option.no-match{color:var(--text-muted);font-style:italic;cursor:default;pointer-events:none}.branch-dropdown::-webkit-scrollbar{width:4px}.branch-dropdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.branch-clear-btn{position:absolute;right:28px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:15px;line-height:1;padding:0;transition:background var(--transition),color var(--transition);z-index:1}.branch-clear-btn:hover{background:var(--border);color:var(--text)}.branch-search-wrap.has-clear .branch-search-input{padding-right:52px}.table-pagination{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--border);background:var(--bg)}.table-pagination .page-info{flex:1 1;text-align:center;font-size:12px;color:var(--text-muted)}.table-pagination .btn-page-next,.table-pagination .btn-page-prev{display:flex;align-items:center;gap:4px;min-width:72px;justify-content:center}.table-pagination .btn-page-next{flex-direction:row-reverse}.live-badge{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--success)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;height:40px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:1px solid transparent;transition:all var(--transition);white-space:nowrap;touch-action:manipulation;min-width:0}.btn-primary{background:var(--accent);color:var(--primary-dk);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-dk);border-color:var(--accent-dk)}.btn-outline{background:transparent;color:var(--text);border-color:var(--border)}.btn-outline:hover{background:var(--bg);border-color:var(--text-muted)}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.btn-danger:hover{background:var(--danger);color:#fff}.btn-sm{height:32px;padding:0 10px;font-size:12px}.btn-icon{width:36px;padding:0}.btn-active{background:var(--accent-bg)!important;border-color:var(--accent)!important;color:var(--accent)!important}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:none;border:1px solid transparent;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 7px;height:28px;min-height:28px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;transition:background var(--transition),color var(--transition),border-color var(--transition)}.btn-ghost:hover{background:var(--bg);color:var(--text);border-color:var(--border)}[data-theme=dark] .btn-ghost:hover{background:rgba(255,255,255,.06)}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-bottom:16px}.kpi-card{background:var(--surface);border-radius:var(--radius);padding:13px 14px;box-shadow:var(--shadow);border-left:1px solid var(--border);border:1px solid var(--border);border-left-width:4px;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1);min-width:0}.kpi-card:active{transform:scale(.97) translateY(1px)}.kpi-card.positive{border-left-color:var(--success)}.kpi-card.negative{border-left-color:var(--danger)}.kpi-card.warning{border-left-color:var(--warning)}.kpi-card.neutral{border-left-color:var(--accent)}.kpi-card.info{border-left-color:var(--info)}.kpi-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:6px;line-height:1.3}.kpi-value{font-size:clamp(14px,3.5vw,19px);font-weight:800;color:var(--text);letter-spacing:-.3px;line-height:1.15;word-break:break-all}.kpi-card.negative .kpi-value{color:var(--danger)}.kpi-card.positive .kpi-value{color:var(--primary)}.kpi-grid.kpi-sz-compact{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.kpi-grid.kpi-sz-large{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.kpi-grid.kpi-sz-wide{grid-template-columns:repeat(2,1fr);gap:16px}.kpi-grid.kpi-sz-hero{grid-template-columns:1fr;gap:12px}.kpi-card.sz-compact{padding:9px 11px}.kpi-card.sz-large{padding:22px 24px}.kpi-card.sz-wide{padding:22px 26px}.kpi-card.sz-hero{padding:24px 28px;display:flex;align-items:center;gap:20px}.kpi-card.sz-compact .kpi-label{font-size:8px;margin-bottom:4px}.kpi-card.sz-compact .kpi-value{font-size:14px}.kpi-card.sz-large .kpi-label{font-size:11px;margin-bottom:8px}.kpi-card.sz-large .kpi-value{font-size:26px;letter-spacing:-.5px}.kpi-card.sz-wide .kpi-label{font-size:11px;margin-bottom:8px}.kpi-card.sz-wide .kpi-value{font-size:30px;letter-spacing:-.7px}.kpi-card.sz-hero .kpi-label{font-size:12px;margin-bottom:6px;letter-spacing:1.2px}.kpi-card.sz-hero .kpi-value{font-size:clamp(36px,6vw,48px);letter-spacing:-1.5px;margin-left:auto;flex-shrink:0;line-height:1}.kpi-card.sz-hero>div:first-child{flex:1 1;min-width:0}.kpi-card.sz-hero .kpi-trend{display:block;margin-top:6px}.kpi-trend{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;border-radius:4px;padding:2px 6px;margin-top:5px;line-height:1.3}.kpi-trend.up{color:#059669;background:rgba(16,185,129,.13)}.kpi-trend.down{color:#dc2626;background:rgba(239,68,68,.13)}.kpi-trend.flat{color:var(--text-muted);background:var(--bg)}[data-theme=dark] .kpi-trend.up{color:#34d399;background:rgba(52,211,153,.15)}[data-theme=dark] .kpi-trend.down{color:#f87171;background:rgba(248,113,113,.15)}.stock-hero{background:var(--primary);background-image:radial-gradient(circle at 20% 50%,rgba(245,158,11,.1) 0,transparent 60%);color:white;padding:22px 20px;border-radius:var(--radius-lg);text-align:center;margin-bottom:16px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.stock-hero:before{content:"";position:absolute;right:-30px;top:-30px;width:160px;height:160px;border-radius:50%;background:rgba(245,158,11,.05);pointer-events:none}.stock-hero-label{font-size:10px;text-transform:uppercase;letter-spacing:2.5px;color:var(--text-light);margin-bottom:6px;font-weight:600}.stock-hero-value{font-size:clamp(24px,7vw,46px);font-weight:800;color:var(--accent);display:block;letter-spacing:-1px;line-height:1.1}.section-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:16px;overflow:clip;border:1px solid var(--border);position:relative;transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s cubic-bezier(.22,1,.36,1)}.section-card.danger-card{border-left:4px solid var(--danger)}.section-card.warning-card{border-left:4px solid var(--warning)}.section-header{justify-content:space-between;padding:11px 14px;background:var(--bg);border-bottom:1px solid var(--border);gap:8px;flex-wrap:wrap;min-height:44px}.section-header,.section-title{display:flex;align-items:center}.section-title{font-size:13px;font-weight:700;color:var(--text);gap:7px}.section-title svg{flex-shrink:0}.section-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:99px;font-size:10px;font-weight:700;white-space:nowrap}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-muted{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.chart-container{padding:16px 16px 8px;height:260px;position:relative}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.table-wrapper::-webkit-scrollbar{height:5px}.table-wrapper::-webkit-scrollbar-track{background:var(--bg)}.table-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}table{width:100%;border-collapse:collapse;font-size:12px}thead th{background:var(--primary);color:rgba(255,255,255,.82);padding:9px 12px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;position:-webkit-sticky;position:sticky;top:0;z-index:10}thead th.num{text-align:right}tbody td{padding:9px 12px;border-bottom:1px solid var(--border-lt);color:var(--text);white-space:nowrap;vertical-align:middle}tbody td.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg)}.val-zero{color:var(--text-light)}.val-neg{color:var(--danger);font-weight:700}.val-warning{color:var(--warning);font-weight:700}.val-success{color:var(--success);font-weight:700}.empty-row td{text-align:center;color:var(--text-muted);padding:28px 16px;font-style:italic;font-size:12px;white-space:normal}tfoot .totals-row td{background:var(--primary);color:#fff;padding:9px 12px;font-size:11px;border-top:2px solid var(--primary-dk)}tfoot .totals-row td.num{text-align:right}tfoot .totals-row td.val-warning{color:var(--accent)}tfoot .totals-row td.val-neg{color:#fca5a5}.class-name{font-weight:600;font-size:12px}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,#dde3ec 25%,#ecf0f5 50%,#dde3ec 75%);background-size:1200px 100%;animation:shimmer 1.3s linear infinite;border-radius:var(--radius-sm);display:block}.skeleton-card{height:68px;border-radius:var(--radius)}.skeleton-hero{height:96px;border-radius:var(--radius-lg);margin-bottom:16px}.skeleton-chart{height:230px;border-radius:var(--radius-lg)}.skeleton-table{height:120px;border-radius:var(--radius-lg);margin:12px}.error-banner{display:flex;align-items:flex-start;gap:10px;background:var(--danger-bg);border:1px solid #fecaca;border-left:4px solid var(--danger);color:#991b1b;flex-wrap:wrap}.alert,.error-banner{border-radius:var(--radius);padding:11px 14px;margin-bottom:14px;font-size:13px}.alert{border-left:4px solid;line-height:1.5}.alert-info{background:#eff6ff;color:#1e40af;border-color:var(--info)}.alert-success{background:var(--success-bg);color:#065f46;border-color:var(--success)}.alert-danger{background:var(--danger-bg);color:#991b1b;border-color:var(--danger)}.alert-warning{background:var(--warning-bg);color:#92400e;border-color:var(--warning)}.alert-error{background:var(--danger-bg);color:#991b1b;border-left:4px solid var(--danger);padding:10px 14px;border-radius:var(--radius);font-size:13px}.input-error{border-color:var(--danger)!important}.input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.15)!important}.field-error{color:var(--danger);font-size:11.5px;margin-top:4px;display:flex;align-items:center;gap:4px}.field-error:before{content:"⚠";font-size:11px}.dropdown-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:9px 14px;font-size:13px;background:none;border:none;color:var(--text);cursor:pointer;white-space:nowrap;transition:background var(--transition)}.dropdown-item:hover{background:var(--bg)}.dropdown-item:disabled{opacity:.45;cursor:not-allowed}.dropdown-item svg{flex-shrink:0;color:var(--text-muted)}[data-theme=dark] .dropdown-item:hover{background:rgba(255,255,255,.05)}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.settings-layout{display:flex;flex-direction:column;gap:16px}.settings-panel{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.settings-panel-header{padding:13px 16px;background:var(--bg);border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;min-height:48px}.conn-list{list-style:none}.conn-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-lt);transition:background var(--transition);min-height:56px}.conn-item:last-child{border-bottom:none}.conn-item:hover{background:var(--bg)}.conn-item.active{background:rgba(245,158,11,.05)}.conn-dot{width:8px;height:8px;border-radius:50%;background:var(--border);flex-shrink:0}.conn-item.active .conn-dot{background:var(--success)}.conn-item-info{flex:1 1;min-width:0}.conn-item-name{font-size:13px;font-weight:600;color:var(--text)}.conn-item-meta{font-size:11px;color:var(--text-muted);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conn-item-actions{display:flex;gap:4px;flex-shrink:0}.empty-list{padding:28px 16px;text-align:center;color:var(--text-muted);font-size:13px}.form-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.form-card-header{padding:13px 16px;background:var(--bg);border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--text)}.form-body{padding:16px}.form-row{margin-bottom:14px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}.form-input,.form-select{width:100%;height:40px;padding:0 11px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text);background:var(--surface);outline:none;transition:border-color var(--transition),box-shadow var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(245,158,11,.15)}.pw-wrapper{position:relative}.pw-wrapper .form-input{padding-right:40px}.pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:4px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.check-row,.pw-toggle:hover{color:var(--text)}.check-row{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;min-height:40px}.check-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.form-footer{padding:13px 16px;background:var(--bg);border-top:1px solid var(--border);gap:8px;flex-wrap:wrap}.form-footer,.test-result{display:flex;align-items:center}.test-result{font-size:12px;font-weight:600;gap:5px;padding:5px 10px;border-radius:var(--radius-sm)}.test-result.ok{color:var(--success);background:var(--success-bg)}.test-result.fail{color:var(--danger);background:var(--danger-bg)}.test-result.testing{color:var(--text-muted);background:var(--bg);border:1px solid var(--border)}.login-page{min-height:100vh;background:var(--primary);background-image:radial-gradient(circle at 25% 35%,rgba(245,158,11,.09) 0,transparent 50%),radial-gradient(circle at 75% 65%,rgba(16,185,129,.05) 0,transparent 50%);display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px rgba(0,0,0,.45);padding:36px 28px;width:100%;max-width:360px}.login-logo-img{display:block;max-width:200px;max-height:64px;height:auto;object-fit:contain;margin:0 auto 20px}.login-sub{text-align:center;font-size:13px;color:var(--text-muted);margin-bottom:24px}.login-card .form-row{margin-bottom:13px}.login-card label{text-transform:none;font-size:13px;letter-spacing:0;margin-bottom:6px}.login-btn,.login-card .form-input{height:44px;font-size:14px}.login-btn{width:100%;background:var(--accent);color:var(--primary-dk);font-weight:700;border:none;border-radius:var(--radius-sm);margin-top:8px;transition:background var(--transition);touch-action:manipulation}.login-btn:hover:not(:disabled){background:var(--accent-dk)}.login-error{background:var(--danger-bg);border:1px solid #fecaca;border-radius:var(--radius-sm);padding:10px 13px;font-size:13px;color:#991b1b;margin-bottom:13px;display:none}.login-error.visible{display:block}.login-footer{text-align:center;font-size:11px;color:var(--text-light);margin-top:22px}.remember-label{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.remember-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}#toast-container{position:fixed;bottom:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:7px;pointer-events:none;max-width:calc(100vw - 32px)}.toast{background:var(--primary);color:#fff;padding:11px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(8px);transition:opacity .22s,transform .22s;pointer-events:all;border-left:4px solid var(--accent);word-break:break-word}.toast.visible{opacity:1;transform:translateY(0)}.toast.toast-success{border-left-color:var(--success)}.toast.toast-danger{border-left-color:var(--danger);background:#7f1d1d}.spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(0,0,0,.12);border-top-color:currentcolor;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.btn-icon-top{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition);flex-shrink:0}.btn-icon-top:hover{background:var(--bg);color:var(--text)}.pwa-fab-wrap{position:fixed;bottom:24px;left:24px;z-index:1200;gap:6px}.pwa-fab,.pwa-fab-wrap{display:flex;align-items:center}.pwa-fab{gap:8px;padding:0 18px;height:44px;background:var(--accent);color:#fff;border:none;border-radius:22px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.25);transition:background var(--transition),transform .15s,box-shadow .15s;white-space:nowrap}.pwa-fab:hover{background:var(--accent-dk);transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.32)}.pwa-fab:active{transform:translateY(0);box-shadow:0 3px 12px rgba(0,0,0,.2)}.pwa-fab-close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;border:none;cursor:pointer;flex-shrink:0;transition:background .15s}.pwa-fab-close:hover{background:rgba(0,0,0,.7)}@media (max-width:480px){.pwa-fab span{display:none}.pwa-fab{width:48px;height:48px;padding:0;justify-content:center;border-radius:50%}.pwa-fab-wrap{bottom:20px;left:20px}}.ios-install-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;padding:0 16px 40px}.ios-install-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px;width:min(380px,100%);box-shadow:0 24px 64px rgba(0,0,0,.4)}.ios-install-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:700;color:var(--text);margin-bottom:24px}.ios-install-steps{display:flex;flex-direction:column;gap:18px}.ios-step{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--text-muted);line-height:1.4}.ios-step strong{color:var(--text)}.ios-step-num{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stale-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;color:var(--warning);background:var(--warning-bg);padding:3px 10px;border-radius:99px;border:1px solid rgba(249,115,22,.25);white-space:nowrap;animation:pulse-stale 1.6s ease-in-out infinite}@keyframes pulse-stale{0%,to{opacity:1}50%{opacity:.55}}.btn-stale{background:var(--warning)!important;border-color:var(--warning)!important;animation:pulse-stale 1.6s ease-in-out infinite}.date-range-warning{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#92400e;background:var(--warning-bg);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid rgba(249,115,22,.35);white-space:nowrap}.date-range-warning.is-error{color:var(--danger);background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.3)}.settings-tabs-bar{display:flex;gap:4px;border-bottom:2px solid var(--border);margin-bottom:20px}.settings-tab{display:flex;align-items:center;gap:7px;padding:10px 18px;background:none;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--transition),border-color var(--transition);min-height:44px}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{display:none}.tab-content.active{display:block}.settings-layout-single{max-width:560px}.pref-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:16px}.pref-label{font-size:13px;font-weight:600;color:var(--text)}.pref-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.theme-switch{position:relative;width:44px;height:24px;background:var(--border);border:none;border-radius:99px;cursor:pointer;flex-shrink:0;transition:background .2s;padding:0}.theme-switch.on{background:var(--accent)}.theme-switch-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;pointer-events:none}.theme-switch.on .theme-switch-thumb{transform:translateX(20px)}.pin-gate-card{max-width:380px;margin:40px auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 28px;text-align:center;box-shadow:var(--shadow-md)}.pin-gate-icon{width:64px;height:64px;background:var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--text-muted)}.pin-gate-title{font-size:16px;font-weight:700;margin-bottom:6px}.pin-gate-sub{font-size:12px;color:var(--text-muted);margin-bottom:20px}.pin-input-row{display:flex;gap:8px;margin-top:12px}.pin-input{flex:1 1;text-align:center;letter-spacing:4px;font-size:16px}.dash-progress{height:3px;border-radius:99px;background:var(--accent);margin-bottom:12px;width:0;opacity:0;transition:none}.dash-progress.active{opacity:1;animation:dash-progress-fill 1.4s ease-out forwards}.dash-progress.done{width:100%;opacity:0;transition:opacity .35s ease}@keyframes dash-progress-fill{0%{width:5%}40%{width:60%}80%{width:82%}to{width:88%}}[data-theme=dark]{--bg:#0f172a;--surface:#1e293b;--primary:#0f172a;--primary-lt:#1e293b;--primary-dk:#020617;--border:#334155;--border-lt:#1e293b;--text:#f1f5f9;--text-muted:#94a3b8;--text-light:#64748b;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow:0 1px 3px rgba(0,0,0,0.5),0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.5),0 2px 4px -1px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.6),0 4px 6px -2px rgba(0,0,0,0.4);--success-bg:rgba(16,185,129,0.12);--danger-bg:rgba(239,68,68,0.12);--warning-bg:rgba(249,115,22,0.12)}[data-theme=dark] body{background:var(--bg);color:var(--text)}[data-theme=dark] .sidebar{background:#020617;border-right:1px solid #1e293b}[data-theme=dark] .top-bar{background:var(--surface);border-bottom-color:var(--border)}[data-theme=dark] .kpi-card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .kpi-card.positive .kpi-value{color:var(--success)}[data-theme=dark] .section-card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .section-header{background:rgba(255,255,255,.03);border-bottom-color:var(--border)}[data-theme=dark] .stock-hero{background:#020617}[data-theme=dark] .dash-controls{background:var(--surface);border-color:var(--border)}[data-theme=dark] .form-input{background:#0f172a;color:var(--text);border-color:var(--border)}[data-theme=dark] .form-input:focus{border-color:var(--accent)}[data-theme=dark] .form-card,[data-theme=dark] .settings-panel{background:var(--surface);border-color:var(--border)}[data-theme=dark] .form-card-header,[data-theme=dark] .settings-panel-header{background:rgba(255,255,255,.03);border-bottom-color:var(--border)}[data-theme=dark] thead th{background:#020617}[data-theme=dark] tbody tr:hover td{background:rgba(255,255,255,.03)}[data-theme=dark] tfoot .totals-row td{background:#020617}[data-theme=dark] .conn-item{border-color:var(--border)}[data-theme=dark] .conn-item:hover{background:rgba(255,255,255,.03)}[data-theme=dark] .conn-item.active{background:rgba(245,158,11,.08)}[data-theme=dark] .login-card,[data-theme=dark] .pin-gate-card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .pin-gate-icon{background:rgba(255,255,255,.05)}[data-theme=dark] .settings-tabs-bar{border-bottom-color:var(--border)}[data-theme=dark] .btn-outline{border-color:var(--border);color:var(--text-muted)}[data-theme=dark] .btn-outline:hover{background:rgba(255,255,255,.06);color:var(--text)}[data-theme=dark] .badge-muted{background:rgba(255,255,255,.06);border-color:var(--border)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#1e293b 25%,#2d3748 50%,#1e293b 75%);background-size:1200px 100%}[data-theme=dark] .branch-search-input{background:#0f172a}[data-theme=dark] .branch-dropdown{background:var(--surface);border-color:var(--border)}[data-theme=dark] .branch-option:hover{background:rgba(255,255,255,.05)}@media (min-width:600px){:root{--content-pad:20px;--header-h:60px}.dash-controls{padding:12px 16px}.dash-controls-filters{flex-direction:row;flex-wrap:wrap}.dash-controls-row{flex:1 1;min-width:240px}.dash-controls-actions{width:100%}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.kpi-value{font-size:clamp(16px,2.5vw,20px)}.kpi-label{font-size:10px}.chart-container{height:260px}table{font-size:13px}thead th{font-size:11px}tbody td,thead th{padding:10px 14px}.page-subtitle{display:block}.page-title{font-size:16px}.settings-layout{flex-direction:row;align-items:start}.settings-layout>div:first-child{width:300px;flex-shrink:0}.settings-layout>div:last-child{flex:1 1;min-width:0}}@media (min-width:900px){:root{--content-pad:24px;--header-h:64px}.sidebar{transform:translateX(0)!important;position:fixed;transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar-overlay{display:none!important}.main-content{margin-left:var(--sidebar-w);transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.sidebar-hidden .sidebar{transform:translateX(calc(-1 * var(--sidebar-w)))!important}.sidebar-hidden .main-content{margin-left:0!important}.top-bar{padding:0 24px}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px}.kpi-card{padding:16px 18px}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.11),0 2px 6px rgba(0,0,0,.07);z-index:1}[data-theme=dark] .kpi-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.28)}.section-card.vibrant-glass .kpi-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.22)}.section-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,.09),0 3px 8px rgba(0,0,0,.06);z-index:1}[data-theme=dark] .section-card:hover{box-shadow:0 8px 28px rgba(0,0,0,.38),0 3px 8px rgba(0,0,0,.24)}.kpi-value{font-size:20px}.kpi-label{font-size:10px;letter-spacing:1px}.dash-controls{padding:13px 18px;margin-bottom:22px;flex-direction:row;align-items:flex-start;gap:12px}.dash-controls-filters{flex-direction:row;flex-wrap:wrap}.dash-controls-actions{width:auto;flex-shrink:0;align-self:center}.stock-hero{padding:28px 32px}.kpi-grid,.section-card,.stock-hero{margin-bottom:22px}.chart-container{height:280px;padding:20px}.section-header{padding:13px 18px}thead th{padding:10px 16px;font-size:11px}tbody td{padding:11px 16px;font-size:13px}.settings-layout>div:first-child{width:340px}table{font-size:13px}}@media (min-width:1280px){.page-content{max-width:1600px}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}}@media (max-width:599px){.dash-controls-row{min-width:0}.dash-controls-actions{flex-wrap:wrap;align-items:center;width:100%}#btn-refresh{flex-shrink:0;min-width:96px;justify-content:center}.stale-badge{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.live-badge{flex-shrink:0}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}[data-theme=dark] .card{background:var(--surface);border-color:var(--border)}.page-inner{width:100%}.branch-option-all{font-style:italic;color:var(--text-muted)}.branch-option-all.selected{color:var(--accent);font-style:normal;font-weight:700}.export-wrap{position:relative;display:inline-block}.export-trigger{display:inline-flex;align-items:center;gap:5px}.export-backdrop{position:fixed;inset:0;z-index:99}.export-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);min-width:185px;overflow:hidden;z-index:100;animation:dd-fade .12s ease}@keyframes dd-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .export-dropdown{background:var(--surface);border-color:var(--border)}.widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:36px 16px;color:var(--text-muted);font-size:13px;text-align:center}.widget-empty svg{color:var(--border)}@media print{#toast-container,.dash-controls,.sidebar,.sidebar-overlay,.top-bar{display:none!important}.main-content{margin-left:0!important}.page-content{padding:0!important}.section-card{page-break-inside:avoid}.kpi-card,.section-card{box-shadow:none!important;border:1px solid #ccc!important}.export-wrap{display:none!important}.section-header{background:#f8f8f8!important}.chart-container{height:320px!important}}body.vector-print-mode .dash-rgl-item>.section-card{height:auto!important;overflow:visible!important;max-height:none!important}body.vector-print-mode .dash-rgl-item>.section-card>div:not(.section-header){overflow:visible!important;flex:0 0 auto!important;min-height:auto!important;max-height:none!important;height:auto!important}body.vector-print-mode .react-grid-item,body.vector-print-mode .react-grid-layout{overflow:visible!important;max-height:none!important}body.vector-print-mode .kpi-grid,body.vector-print-mode .table-wrapper{overflow:visible!important;height:auto!important;max-height:none!important}body.vector-print-mode .chart-container,body.vector-print-mode .pie-container{height:auto!important;min-height:260px!important}body.vector-print-mode .section-card{overflow:visible!important;break-inside:avoid!important;page-break-inside:avoid!important;margin-bottom:16px!important}@media print{body.vector-print-mode #toast-container,body.vector-print-mode .dash-controls,body.vector-print-mode .export-wrap,body.vector-print-mode .sidebar,body.vector-print-mode .sidebar-overlay,body.vector-print-mode .top-bar{display:none!important}body.vector-print-mode .main-content{margin-left:0!important}body.vector-print-mode .page-content{padding:0!important}}@keyframes widgetFadeUp{0%{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}.dash-rgl>.dash-rgl-item>.section-card{animation:widgetFadeUp .44s cubic-bezier(.22,1,.36,1) both}.dash-rgl>.dash-rgl-item:first-child>.section-card{animation-delay:.04s}.dash-rgl>.dash-rgl-item:nth-child(2)>.section-card{animation-delay:.1s}.dash-rgl>.dash-rgl-item:nth-child(3)>.section-card{animation-delay:.17s}.dash-rgl>.dash-rgl-item:nth-child(4)>.section-card{animation-delay:.24s}.dash-rgl>.dash-rgl-item:nth-child(5)>.section-card{animation-delay:.3s}.dash-rgl>.dash-rgl-item:nth-child(6)>.section-card{animation-delay:.36s}@keyframes gaugeSweep{0%{transform:rotate(-180deg)}}.gauge-svg .gauge-needle-animated{transform-origin:center bottom;animation:gaugeSweep .9s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.3s}.dash-grid-wrap{position:relative}.dash-rgl-item{position:relative;display:flex;flex-direction:column}.dash-rgl-item>.section-card{flex:1 1 auto;height:100%;margin-bottom:0;display:flex;flex-direction:column;overflow:hidden}.dash-rgl-item>.section-card>div:last-child{flex:1 1 auto;min-height:0;overflow:auto}.dash-rgl-item.user-sized .chart-container,.dash-rgl-item.user-sized .pie-container{height:100%!important}.react-grid-item.react-grid-placeholder{background:color-mix(in srgb,var(--accent) 30%,transparent)!important;border:2px dashed var(--accent)!important;border-radius:var(--radius);opacity:.4;transition-duration:.1s}.react-grid-item.react-draggable-dragging{z-index:10;cursor:-webkit-grabbing;cursor:grabbing;transition:none!important}.react-grid-item.resizing{z-index:9;opacity:.92}.react-resizable-handle.react-resizable-handle-se{width:18px;height:18px;right:4px;bottom:4px;background-image:none;cursor:se-resize;opacity:0;transition:opacity .15s}.react-resizable-handle.react-resizable-handle-se:after{content:"";position:absolute;right:3px;bottom:3px;width:10px;height:10px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);border-bottom-right-radius:3px}.dash-grid-wrap.edit-mode .react-resizable-handle.react-resizable-handle-se{opacity:1}.dash-drag-handle{position:absolute;top:8px;left:8px;z-index:5;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.96);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:-webkit-grab;cursor:grab;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:background .15s,color .15s,transform .15s;touch-action:none}.dash-drag-handle:hover{background:var(--accent);color:#fff;transform:scale(1.06)}.dash-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}[data-theme=dark] .dash-drag-handle{background:rgba(30,41,59,.96);border-color:rgba(255,255,255,.15);color:var(--text-muted)}.dash-grid-wrap.edit-mode .gauge-shell,.dash-grid-wrap.edit-mode .section-card{outline:2px dashed var(--border);outline-offset:2px}.dash-grid-wrap.edit-mode .gauge-shell:hover,.dash-grid-wrap.edit-mode .kpi-card:hover,.dash-grid-wrap.edit-mode .section-card:hover{transform:none;box-shadow:var(--shadow)}.dash-grid-wrap.edit-mode .dash-rgl-item{animation:none}.layout-toggle{display:flex;gap:2px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.layout-toggle button{display:flex;align-items:center;justify-content:center;width:30px;height:28px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s}.layout-toggle button:hover{background:var(--bg);color:var(--text)}.layout-toggle button.active{background:var(--accent);color:#fff}.layout-menu-wrap{position:relative;flex-shrink:0}.layout-menu-popup{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 28px rgba(0,0,0,.14),0 2px 8px rgba(0,0,0,.07);padding:6px 0;z-index:200}.layout-menu-section{display:flex;align-items:center;gap:10px;padding:6px 14px}.layout-menu-label{font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.layout-menu-divider{height:1px;background:var(--border);margin:4px 0}.layout-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;background:none;border:none;cursor:pointer;font-size:13px;color:var(--text);text-align:left;transition:background .12s}.layout-menu-item:hover{background:var(--bg)}.layout-menu-item-danger{color:var(--danger)}.layout-menu-item-danger:hover{background:rgba(239,68,68,.06)}[data-theme=dark] .layout-menu-popup{box-shadow:0 8px 28px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.3)}.widget-period-select{height:26px;padding:0 6px;font-size:11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);cursor:pointer;outline:none;transition:border-color .15s}.widget-period-select:hover{border-color:var(--accent)}.widget-period-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(59,130,246,.18)}.section-card.elevated{box-shadow:0 8px 32px rgba(0,0,0,.11),0 2px 8px rgba(0,0,0,.06)}.section-card.glass{background:rgba(255,255,255,.86);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border:1px solid rgba(255,255,255,.72);box-shadow:0 2px 20px rgba(0,0,0,.07),inset 0 1px 0 rgba(255,255,255,.95)}.section-card.glass .section-header{background:rgba(255,255,255,.52);border-bottom:1px solid rgba(255,255,255,.5)}[data-theme=dark] .section-card.glass{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);box-shadow:0 2px 20px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.07)}[data-theme=dark] .section-card.glass .section-header{background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.1)}.section-card.vibrant-glass{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md)}.section-card.vibrant-glass .section-header{border-top:3px solid var(--vg-color,var(--accent))}.section-card.vibrant-glass .kpi-card{background-color:var(--kpi-accent,#3b82f6);background-image:linear-gradient(145deg,rgba(255,255,255,.18),rgba(0,0,0,.1));border:1px solid rgba(255,255,255,.2)!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 16px rgba(0,0,0,.18);position:relative;overflow:hidden}.section-card.vibrant-glass .kpi-card:after{content:"";position:absolute;top:-24px;right:-24px;width:80px;height:80px;background:rgba(255,255,255,.15);border-radius:50%;pointer-events:none}.section-card.vibrant-glass .kpi-card:before{content:"";position:absolute;bottom:-16px;left:-16px;width:50px;height:50px;background:rgba(255,255,255,.08);border-radius:50%;pointer-events:none}.export-html2canvas-clone .section-card.vibrant-glass .kpi-card:after,.export-html2canvas-clone .section-card.vibrant-glass .kpi-card:before{display:none!important}.export-html2canvas-clone .section-card.vibrant-glass .kpi-card{background-image:none!important;box-shadow:none!important;overflow:visible!important;isolation:auto!important}.export-html2canvas-clone .section-card.vibrant-glass .kpi-card .kpi-label,.export-html2canvas-clone .section-card.vibrant-glass .kpi-card .kpi-value{position:relative;z-index:1}.export-html2canvas-clone .section-card.vibrant-glass .kpi-card>div:first-child>span:last-child{display:none!important}.export-html2canvas-clone .section-card.vibrant-glass .kpi-card .kpi-trend{background:transparent!important;padding-left:0!important;padding-right:0!important}.export-html2canvas-clone .chart-container,.export-html2canvas-clone .pie-container{background:#ffffff!important}.export-html2canvas-clone .react-grid-item,.export-html2canvas-clone .react-grid-layout{overflow:visible!important}.export-html2canvas-clone .section-card,.export-html2canvas-clone.section-card{overflow:visible!important;height:auto!important;max-height:none!important}.export-html2canvas-clone .section-card>div:not(.section-header),.export-html2canvas-clone.section-card>div:not(.section-header){overflow:visible!important;flex:0 0 auto!important;min-height:auto!important;max-height:none!important;height:auto!important}.export-html2canvas-clone .kpi-grid,.export-html2canvas-clone.section-card .kpi-grid{overflow:visible!important;height:auto!important;max-height:none!important}.section-card.vibrant-glass .kpi-card .kpi-label{color:rgba(255,255,255,.75);letter-spacing:.9px}.section-card.vibrant-glass .kpi-card .kpi-value{color:#fff!important}.section-card.vibrant-glass .kpi-card .kpi-trend.down,.section-card.vibrant-glass .kpi-card .kpi-trend.flat,.section-card.vibrant-glass .kpi-card .kpi-trend.up{background:rgba(255,255,255,.22);color:#fff}.section-card.vibrant-glass .kpi-card [style*="border-radius: 50%"]{background:rgba(255,255,255,.7)!important}[data-theme=dark] .section-card.vibrant-glass .kpi-card{background-image:linear-gradient(145deg,rgba(255,255,255,.14),rgba(0,0,0,.16));box-shadow:0 4px 20px rgba(0,0,0,.35)}[data-theme=dark] .section-card.vibrant-glass{background:var(--surface);border-color:var(--border)}.gauge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;padding:16px}.gauge-wrap{min-width:0;width:100%;max-width:380px;margin:0 auto}.gauge-shell{--gauge-accent:#3b82f6;--gauge-accent-soft:rgba(59,130,246,0.10);--g-track:#e2e8f0;--g-bore:#f8fafc;--g-gap:#f8fafc;--g-sheen:rgba(255,255,255,0.55);--g-tick:#94a3b8;--g-needle:#1e293b;--g-needle-shadow:rgba(15,23,42,0.18);--g-hub-outer:#f1f5f9;--g-hub-mid:#ffffff;--g-hub-dot:rgba(255,255,255,0.9);position:relative;display:flex;flex-direction:column;align-items:center;gap:0;width:100%;padding:16px 12px 14px;border-radius:20px;border:1px solid rgba(148,163,184,.18);background:#ffffff;box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.07),0 16px 32px rgba(15,23,42,.05);transition:box-shadow .26s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1);isolation:isolate}.gauge-shell:hover{box-shadow:0 4px 8px rgba(15,23,42,.07),0 12px 28px rgba(15,23,42,.13),0 32px 52px rgba(15,23,42,.09);transform:translateY(-6px) scale(1.018)}.gauge-shell:active{transform:translateY(-2px) scale(1.005);transition-duration:.1s}.gauge-svg{width:100%;height:auto;display:block;overflow:visible}.gauge-arc-value{font-size:22px;font-weight:800;letter-spacing:-.03em;fill:var(--text,#0f172a);font-family:inherit}.gauge-arc-pct{font-size:11px;font-weight:700;letter-spacing:.02em;font-family:inherit}.gauge-scale-text{font-size:9.5px;font-weight:600;fill:#94a3b8;font-family:inherit;dominant-baseline:middle}.gauge-meta{display:flex;flex-direction:column;gap:5px;align-items:center;width:100%;padding-top:2px}.gauge-label{text-align:center;line-height:1.3;font-size:13px;font-weight:700;color:var(--text,#0f172a)}.gauge-status-row{display:flex;gap:6px;flex-wrap:wrap}.gauge-status-chip,.gauge-status-row{align-items:center;justify-content:center}.gauge-status-chip{display:inline-flex;padding:2px 8px;border-radius:999px;border:1.5px solid;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.gauge-range-text{font-size:11px;font-weight:500;color:var(--text-muted,#64748b)}.gauge-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;margin-top:6px;padding-top:7px;border-top:1px solid rgba(148,163,184,.15);width:100%}.gauge-legend-item{display:inline-flex;align-items:center;gap:4px}.gauge-legend-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.gauge-legend-label{font-size:9.5px;font-weight:700;letter-spacing:.04em;color:var(--text,#0f172a)}.gauge-legend-range{font-size:9.5px;font-weight:400;color:var(--text-muted,#64748b)}[data-theme=dark] .gauge-shell{--g-track:rgba(51,65,85,0.90);--g-bore:#0f172a;--g-gap:#0f172a;--g-sheen:rgba(255,255,255,0.06);--g-tick:rgba(148,163,184,0.50);--g-needle:#e2e8f0;--g-needle-shadow:rgba(0,0,0,0.55);--g-hub-outer:#1e293b;--g-hub-mid:#0f172a;--g-hub-dot:rgba(15,23,42,0.8);background:#1e293b;border-color:rgba(148,163,184,.12);box-shadow:0 1px 2px rgba(2,6,23,.4),0 6px 18px rgba(2,6,23,.4),0 20px 40px rgba(2,6,23,.3)}[data-theme=dark] .gauge-shell:hover{box-shadow:0 6px 12px rgba(2,6,23,.5),0 16px 36px rgba(2,6,23,.55),0 40px 64px rgba(2,6,23,.4)}[data-theme=dark] .gauge-arc-value{fill:#f1f5f9}[data-theme=dark] .gauge-scale-text{fill:rgba(148,163,184,.8)}[data-theme=dark] .gauge-label{color:#e2e8f0}[data-theme=dark] .gauge-range-text{color:rgba(148,163,184,.8)}[data-theme=dark] .gauge-legend-label{color:#cbd5e1}[data-theme=dark] .gauge-legend-range{color:rgba(148,163,184,.65)}[data-theme=dark] .gauge-legend{border-top-color:rgba(148,163,184,.1)}[data-theme=dark] .gauge-status-chip{background:rgba(255,255,255,.05)}@media (max-width:960px){.gauge-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:12px}.gauge-wrap{max-width:100%}}@media (max-width:640px){.gauge-grid{grid-template-columns:1fr;gap:10px;padding:10px}.gauge-shell{border-radius:16px}}.pie-container{padding:12px;height:280px;position:relative}.param-map-table{width:100%;border-collapse:collapse;font-size:12px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.param-map-table thead tr{background:var(--sidebar-bg)}.param-map-table th{padding:6px 10px;text-align:left;font-weight:600;border-bottom:1px solid var(--border);white-space:nowrap}.param-map-table td{padding:5px 10px;border-bottom:1px solid var(--border-lt);vertical-align:middle}.param-map-table tbody tr:last-child td{border-bottom:none}.param-map-table tbody tr:hover td{background:var(--bg)}.param-map-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 7px;border-radius:99px;white-space:nowrap}.param-map-tag.branch{background:#dbeafe;color:#1d4ed8}.param-map-tag.datefrom{background:#dcfce7;color:#15803d}.param-map-tag.dateto{background:#fef9c3;color:#a16207}.param-map-tag.none{background:var(--bg);color:var(--text-muted)}.widget-form-section{margin-top:16px;padding-top:14px;border-top:1px dashed var(--border)}.widget-form-section-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.accent-swatches{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.accent-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .12s,border-color .12s;flex-shrink:0}.accent-swatch:hover{transform:scale(1.15)}.accent-swatch.active{border-color:var(--text)}.accent-swatch.none-swatch{background:var(--bg)!important;border-color:var(--border)!important;font-size:13px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.appr-page-container{max-width:880px;width:100%;margin-inline:auto}.appr-filters{gap:12px;margin-bottom:16px;max-width:100%;width:100%}.appr-filter,.appr-filters{display:flex;flex-direction:column}.appr-filter{gap:4px;min-width:0}.appr-filter-branch,.appr-filter>.form-input,.appr-filter>div{width:100%}.appr-filter .form-input{height:44px}.appr-filters-row-2{display:flex;align-items:flex-end;gap:10px;width:100%}.appr-filters-row-2 .appr-filter{flex:1 1}.appr-filter-btn-wrap{flex-shrink:0}.btn-show{height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;transition:all var(--transition);cursor:pointer}.btn-show svg{width:16px;height:16px;flex-shrink:0}@media (min-width:481px){.appr-filter-branch{max-width:100%}.appr-filters-row-2 .appr-filter{flex:1 1}.appr-filter-btn-wrap{flex:0 0 120px}.btn-show{width:100%}}@media (max-width:480px){.appr-filters-row-2{gap:6px}.appr-filters-row-2 .appr-filter .form-input{padding:0 8px;font-size:13px}.btn-show{width:44px;padding:0;justify-content:center}.btn-show-text{display:none}}.appr-list{max-width:100%}.appr-card,.appr-list{display:flex;flex-direction:column;gap:12px}.appr-card{padding:14px 16px}.appr-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.appr-card-no{font-weight:600;font-size:15px}.appr-card-party{font-size:13px;color:var(--text);margin-top:2px;word-break:break-word}.appr-card-amount{font-size:19px;font-weight:700;white-space:nowrap}.appr-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--text-muted)}.appr-status-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.appr-status-btn{min-height:44px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;touch-action:manipulation;transition:background var(--transition),border-color var(--transition),color var(--transition),transform .12s ease;will-change:transform}.appr-status-btn:active{transform:scale(.97)}.appr-status-btn.is-selected{color:#fff;border-color:transparent;animation:appr-status-pop .24s cubic-bezier(.34,1.56,.64,1)}@keyframes appr-status-pop{0%{transform:scale(.96)}55%{transform:scale(1.05)}to{transform:scale(1)}}.appr-status-btn.sel-0.is-selected{background:var(--warning)}.appr-status-btn.sel-1.is-selected{background:var(--success)}.appr-status-btn.sel-2.is-selected{background:var(--danger)}.appr-status-btn.sel-3.is-selected{background:#3b82f6}@media (prefers-reduced-motion:reduce){.appr-status-btn{transition:background var(--transition),border-color var(--transition),color var(--transition)}.appr-status-btn:active{transform:none}.appr-status-btn.is-selected{animation:none}}.appr-card--vanish{overflow:hidden;pointer-events:none;animation:appr-card-vanish .38s cubic-bezier(.4,0,.2,1) forwards;will-change:transform,opacity}@keyframes appr-card-vanish{0%{opacity:1;transform:translateX(0) scale(1);max-height:600px;margin-bottom:12px}50%{opacity:0;transform:translateX(28px) scale(.97)}to{opacity:0;transform:translateX(28px) scale(.97);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}}@media (prefers-reduced-motion:reduce){.appr-card--vanish{animation:none;opacity:0}}.appr-amounts{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;color:var(--text-muted);padding:8px 0;border-top:1px dashed var(--border);border-bottom:1px dashed var(--border)}.appr-amounts b{color:var(--text);font-weight:600}@media (max-width:480px){.appr-amounts-net{display:none}}.appr-remarks{width:100%;min-height:44px;max-height:260px;height:auto;resize:vertical;padding-top:10px;padding-bottom:10px;font-family:inherit;line-height:1.5;white-space:pre-wrap}.appr-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}.appr-count{font-size:14px;font-weight:600;color:var(--text)}.appr-count .num{color:var(--accent);font-size:16px}.appr-sort{display:flex;align-items:center;gap:8px}.appr-sort>.form-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.appr-analyze-all-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-bg);border:1px solid rgba(245,158,11,.25);border-radius:999px;cursor:pointer;white-space:nowrap}.appr-analyze-all-btn:hover:not(:disabled){opacity:.85}.appr-analyze-all-btn:disabled{opacity:.6;cursor:default}.appr-po-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:700;border-radius:999px;white-space:nowrap}.appr-po-badge--loading{color:var(--text-muted);background:var(--surface-2,rgba(148,163,184,.15))}.appr-po-badge--ok{color:var(--success);background:var(--success-bg)}.appr-po-badge--issue{color:var(--danger);background:var(--danger-bg);cursor:help}.appr-po-badge--error{color:var(--text-muted);background:var(--danger-bg)}.appr-po-badge--unknown{color:var(--warning);background:var(--warning-bg);cursor:help}[data-theme=dark] .appr-po-badge--ok{background:rgba(16,185,129,.16)}[data-theme=dark] .appr-po-badge--error,[data-theme=dark] .appr-po-badge--issue{background:rgba(239,68,68,.16)}[data-theme=dark] .appr-po-badge--unknown{background:rgba(249,115,22,.16)}.appr-date-input{position:relative;cursor:pointer;border-radius:var(--radius);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px;background-size:17px 17px;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition)}.appr-filters-row-2 .appr-filter .appr-date-input{padding:0 12px 0 38px}.appr-date-input:focus,.appr-date-input:hover{border-color:var(--accent)}.appr-date-input:focus{box-shadow:0 0 0 3px rgba(245,158,11,.15)}.appr-date-input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.appr-date-input::-webkit-clear-button,.appr-date-input::-webkit-inner-spin-button{display:none;-webkit-appearance:none}.appr-sort-select{position:relative;display:inline-flex}.appr-sort-select select.form-input{height:44px;width:auto;min-width:210px;padding:0 36px 0 38px;border-radius:var(--radius);font-weight:600;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='4' y1='7' x2='20' y2='7'/%3E%3Cline x1='6' y1='12' x2='18' y2='12'/%3E%3Cline x1='9' y1='17' x2='15' y2='17'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:13px;background-size:16px 16px}.appr-sort-select select.form-input:hover{border-color:var(--accent)}.appr-sort-select:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:11px;height:7px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7'%3E%3Cpath d='M0 0l5.5 7L11 0z' fill='%2394a3b8'/%3E%3C/svg%3E") no-repeat 50%}@media (max-width:480px){.appr-sort,.appr-sort-select{flex:1 1}.appr-sort-select select.form-input{width:100%;min-width:0}}.appr-group-head{display:flex;align-items:center;gap:8px;margin:6px 2px 8px;font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.appr-group-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;background:var(--accent-bg);color:var(--accent);border-radius:999px;font-size:12px;font-weight:700}.appr-submitbar{position:-webkit-sticky;position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:12px;margin:16px -4px 0;padding:12px 4px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border)}.appr-submitbar .btn{min-height:46px}@media (min-width:560px){.appr-status-grid{grid-template-columns:repeat(4,1fr)}}.appr-details-toggle{background:none;border:none;color:var(--accent);font-size:12px;font-weight:700;cursor:pointer;padding:0;margin-left:auto;transition:opacity .15s}.appr-details-toggle:hover{text-decoration:underline;opacity:.85}.appr-details-area{background:var(--bg);border-radius:var(--radius-sm);padding:12px;margin:4px 0 8px;border:1px solid var(--border-lt,var(--border))}.appr-details-loading{display:flex;align-items:center;justify-content:center;padding:16px;font-size:13px;color:var(--text-muted)}.appr-details-empty{padding:12px;text-align:center;font-size:13px;color:var(--text-muted)}.appr-details-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.appr-details-table{width:100%;border-collapse:collapse;font-size:12px}.appr-details-table th{padding:6px 8px;font-weight:600;text-align:left;border-bottom:2px solid var(--border);color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.03em}.appr-details-table td{padding:8px;border-bottom:1px solid var(--border-lt,var(--border));vertical-align:middle}.appr-details-table tbody tr:last-child td{border-bottom:none}.appr-details-table .item-desc{white-space:normal}.appr-details-table .item-name{display:block;max-width:240px;font-weight:600;color:var(--text);line-height:1.35;overflow-wrap:anywhere;word-break:break-word}.appr-details-table .item-barcode{display:block;font-size:9.5px;color:var(--text-muted);margin-top:2px;font-family:monospace}.appr-details-table .item-foc{display:block;font-size:9.5px;color:var(--success);font-weight:700;margin-top:1px}.appr-details-mobile-list{display:flex;flex-direction:column;gap:10px}.appr-details-table-wrapper{display:none}@media (min-width:768px){.appr-details-mobile-list{display:none}.appr-details-table-wrapper{display:block}}.appr-details-mobile-item{padding:8px 0;border-bottom:1px dashed var(--border)}.appr-details-mobile-item:last-child{border-bottom:none}.appr-details-mobile-item-header{display:flex;gap:6px;align-items:flex-start;font-size:13px;line-height:1.4}.appr-details-mobile-item-no{font-weight:700;color:var(--accent);background:var(--accent-bg);padding:1px 5px;border-radius:4px;font-size:11px;flex-shrink:0;margin-top:1px}.appr-details-mobile-item-desc{font-weight:600;color:var(--text)}.appr-details-mobile-item-meta{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-left:28px;margin-top:2px}.appr-details-mobile-item-barcode{font-size:10px;color:var(--text-muted);font-family:monospace;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appr-details-mobile-item-stock{display:flex;gap:6px;flex-shrink:0;white-space:nowrap}.stock-chip{display:inline-flex;align-items:center;gap:3px;padding:1px 6px 1px 5px;border-radius:999px;font-size:11px;line-height:1.5;border:1px solid transparent}.stock-chip svg{width:11px;height:11px;flex-shrink:0}.stock-chip .stock-chip-label{font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;opacity:.85}.stock-chip b{font-weight:700}.stock-chip--br{color:var(--info);background:#eff6ff;border-color:rgba(59,130,246,.25)}.stock-chip--cn{color:var(--accent);background:var(--accent-bg);border-color:rgba(245,158,11,.25)}[data-theme=dark] .stock-chip--br{background:rgba(59,130,246,.14)}[data-theme=dark] .stock-chip--cn{background:rgba(245,158,11,.14)}.stock-chip--low{color:var(--danger);background:var(--danger-bg);border-color:rgba(239,68,68,.35);font-weight:700}[data-theme=dark] .stock-chip--low{background:rgba(239,68,68,.16)}.appr-stock-cell{text-align:right;white-space:nowrap}.appr-stock-cell--low{color:var(--danger);font-weight:700;background:var(--danger-bg)}[data-theme=dark] .appr-stock-cell--low{background:rgba(239,68,68,.16)}.appr-qty-cell{text-align:right;white-space:nowrap}.appr-qty-suggested-inline{margin-left:5px;font-size:11px;font-weight:600;color:var(--text-muted);white-space:nowrap}.appr-qty-cell--ok{color:var(--success);background:var(--success-bg);font-weight:700}[data-theme=dark] .appr-qty-cell--ok{background:rgba(16,185,129,.16)}.appr-qty-cell--under{color:var(--danger);background:var(--danger-bg);font-weight:700}[data-theme=dark] .appr-qty-cell--under{background:rgba(239,68,68,.16)}.appr-qty-cell--over{color:var(--warning);background:var(--warning-bg);font-weight:700}[data-theme=dark] .appr-qty-cell--over{background:rgba(249,115,22,.16)}.appr-qty-arrow{margin-right:3px;font-size:10px}.sq-tooltip-trigger{cursor:default}.sq-tooltip{position:fixed;transform:translate(-50%,calc(-100% - 10px));min-width:210px;max-width:min(270px,90vw);padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 10px 28px rgba(15,23,42,.18);font-size:11.5px;font-weight:400;line-height:1.5;color:var(--text);text-align:left;white-space:normal;pointer-events:none;z-index:1000;animation:sq-tooltip-in .12s ease-out}@keyframes sq-tooltip-in{0%{opacity:0}to{opacity:1}}.sq-tooltip:after,.sq-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-top:7px solid var(--border)}.sq-tooltip:after{margin-top:-1px;border-width:6px;border-top-color:var(--surface)}.sq-tooltip--below{transform:translate(-50%,10px)}.sq-tooltip--below:after,.sq-tooltip--below:before{top:auto;bottom:100%;border-top-color:transparent}.sq-tooltip--below:before{border-bottom-color:var(--border)}.sq-tooltip--below:after{margin-top:0;margin-bottom:-1px;border-bottom-color:var(--surface)}.sq-tooltip-head{display:flex;align-items:center;gap:6px;font-weight:700;margin-bottom:6px;color:var(--text)}.sq-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sq-tooltip-dot--ok{background:var(--success)}.sq-tooltip-dot--under{background:var(--danger)}.sq-tooltip-dot--over{background:var(--warning)}.sq-tooltip-dot--unknown{background:var(--text-muted)}.sq-tooltip-row{display:flex;justify-content:space-between;gap:12px;padding:2px 0}.sq-tooltip-row b{font-weight:700;color:var(--text)}.sq-tooltip-row-sub{margin:-2px 0 4px}.sq-tooltip-foot,.sq-tooltip-row-sub{display:block;font-size:10.5px;color:var(--text-muted)}.sq-tooltip-foot{margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.appr-suggested-qty-toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:8px;flex-wrap:wrap}.appr-qty-review-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:999px;cursor:pointer;box-shadow:0 2px 8px rgba(99,102,241,.35);transition:filter .15s ease,box-shadow .15s ease}.appr-qty-review-btn svg{flex-shrink:0}.appr-qty-review-btn:hover:not(:disabled){filter:brightness(1.08)}.appr-qty-review-btn:disabled{opacity:.55;cursor:default;filter:none;box-shadow:none}.appr-analyze-po-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-bg);border:1px solid rgba(245,158,11,.25);border-radius:999px;cursor:pointer}.appr-analyze-po-btn:hover{opacity:.85}.appr-analyze-po-btn:disabled{opacity:.7;cursor:default}.appr-items-analyze-wrap{position:relative;border-radius:var(--radius);transition:box-shadow .2s ease}.appr-items-analyze-wrap.appr-po-analyzing{box-shadow:0 0 0 1px rgba(59,130,246,.25)}.appr-items-analyze-wrap.appr-po-analyzing:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(100deg,transparent 30%,rgba(59,130,246,.12) 50%,transparent 70%);background-size:250% 100%;animation:appr-po-analyzing-sweep 1.6s linear infinite}@keyframes appr-po-analyzing-sweep{0%{background-position:120% 0}to{background-position:-20% 0}}.appr-details-mobile-item-body{display:flex;justify-content:space-between;align-items:flex-end;margin-top:6px;margin-left:28px}.appr-details-mobile-item-calc{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:12px;color:var(--text-muted)}.appr-details-mobile-item-calc b{color:var(--text);font-weight:600}.appr-details-mobile-item-calc b.appr-qty-cell--ok{color:var(--success);font-weight:700}.appr-details-mobile-item-calc b.appr-qty-cell--under{color:var(--danger);font-weight:700}.appr-details-mobile-item-calc b.appr-qty-cell--over{color:var(--warning);font-weight:700}.appr-details-mobile-item-total{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap}.appr-details-mobile-item-actions{margin-top:6px;margin-left:28px}.appr-lastpurchase-toggle{background:none;border:none;color:var(--accent);font-size:11px;font-weight:700;cursor:pointer;padding:0;transition:opacity .15s}.appr-lastpurchase-toggle:hover{text-decoration:underline;opacity:.85}.appr-lastpurchase-panel{margin-top:8px;padding:8px 10px 10px;background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.18);border-left:3px solid var(--info);border-radius:var(--radius-sm)}[data-theme=dark] .appr-lastpurchase-panel{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.28)}.appr-details-mobile-item .appr-lastpurchase-panel{margin-left:28px}.appr-lastpurchase-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.appr-lastpurchase-title{font-size:11px;font-weight:700;color:var(--info);text-transform:uppercase;letter-spacing:.03em}.appr-lastpurchase-legend{display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--text-muted);white-space:nowrap}.cmp-legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:6px}.cmp-legend-dot:first-child{margin-left:0}.cmp-legend-dot.cmp-good{background:var(--success)}.cmp-legend-dot.cmp-bad{background:var(--danger)}.appr-lastpurchase-tabs{display:flex;gap:4px;margin-bottom:8px}.appr-lastpurchase-tab{padding:3px 10px;font-size:10.5px;font-weight:700;color:var(--text-muted);background:var(--surface,#fff);border:1px solid var(--border-lt,var(--border));border-radius:999px;cursor:pointer;transition:opacity .15s}.appr-lastpurchase-tab:hover{opacity:.8}.appr-lastpurchase-tab.is-active{color:#fff;background:var(--info);border-color:var(--info)}.appr-lastpurchase-loading{display:flex;align-items:center;justify-content:center;padding:10px;font-size:12px;color:var(--text-muted)}.appr-lastpurchase-empty{padding:8px;text-align:center;font-size:12px;color:var(--text-muted)}.appr-lastpurchase-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.appr-lastpurchase-table{width:100%;border-collapse:collapse;font-size:11.5px;background:var(--surface,#fff);border-radius:4px;overflow:hidden}.appr-lastpurchase-table th{padding:5px 6px;font-weight:700;text-align:left;border-bottom:2px solid rgba(59,130,246,.25);color:var(--info);font-size:10px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background:rgba(59,130,246,.08)}.appr-lastpurchase-table td{padding:6px;border-bottom:1px solid var(--border-lt,var(--border));white-space:nowrap}.appr-lastpurchase-table tbody tr:last-child td{border-bottom:none}.appr-lastpurchase-table .appr-stock-cell{text-align:center}.appr-lastpurchase-current-row td{font-weight:700;color:var(--text);background:rgba(59,130,246,.07);border-bottom:2px solid rgba(59,130,246,.25)}.cmp-cell.cmp-good{color:var(--success);background:var(--success-bg);font-weight:700}.cmp-cell.cmp-bad{color:var(--danger);background:var(--danger-bg);font-weight:700}.cmp-arrow{display:inline-block;margin-right:3px;font-size:9px}.appr-lastpurchase-loadmore{display:block;margin:8px auto 2px;padding:5px 14px;font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-bg);border:1px solid rgba(245,158,11,.25);border-radius:999px;cursor:pointer}.appr-lastpurchase-loadmore:hover{opacity:.85}.appr-lastpurchase-loadmore:disabled{opacity:.6;cursor:default}