@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.global-header[data-v-298f8fdf]{z-index:9999;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;position:sticky;top:0}.header[data-v-298f8fdf]{color:#1e293b;padding:10px 16px}.header-top[data-v-298f8fdf]{justify-content:space-between;align-items:center;display:flex}.logo-area[data-v-298f8fdf]{flex-shrink:0;align-items:center;gap:10px;display:flex}.logo-img[data-v-298f8fdf]{height:24px;transition:transform .2s}.logo-img[data-v-298f8fdf]:hover{transform:scale(1.05)}.header-subtitle[data-v-298f8fdf]{color:#64748b;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:600}.header-right[data-v-298f8fdf]{flex-shrink:0;align-items:center;gap:8px;display:flex}.user-avatar[data-v-298f8fdf]{color:#fff;cursor:pointer;background:#0060af;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.user-avatar[data-v-298f8fdf]:hover{transform:scale(1.05)}.logout-btn[data-v-298f8fdf]{cursor:pointer;font-family:var(--font);background:0 0;border:1px solid #e8eaed;border-radius:2px;align-items:center;padding:4px 8px;transition:border-color .15s;display:flex}.logout-btn[data-v-298f8fdf]:hover{border-color:#0060af}.desktop-nav[data-v-298f8fdf]{display:none}.nav-icon-wrap[data-v-298f8fdf]{justify-content:center;align-items:center;display:flex;position:relative}.hdr-badge[data-v-298f8fdf]{color:#fff;background:#dc2626;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-8px;right:-10px}@media (width>=769px){.header[data-v-298f8fdf]{padding:8px 20px}.desktop-nav[data-v-298f8fdf]{flex:1;justify-content:center;align-items:center;gap:2px;margin:0 16px;display:flex}.nav-item[data-v-298f8fdf]{color:#64748b;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.nav-item svg[data-v-298f8fdf]{flex-shrink:0;width:16px;height:16px}.nav-item[data-v-298f8fdf]:hover{color:#0060af;background:#0060af0f}.nav-item.active[data-v-298f8fdf]{color:#0060af;background:#0060af1a}}@media (width>=1100px){.nav-item[data-v-298f8fdf]{padding:6px 12px;font-size:12px}}.tab-bar[data-v-035e6d3d]{padding:6px 0 env(safe-area-inset-bottom,12px);z-index:9990;background:#fff;border-top:1px solid #e8eaed;flex-shrink:0;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-item[data-v-035e6d3d]{color:#6b7a8d;cursor:pointer;font-size:9px;font-family:var(--font);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:6px 0;text-decoration:none;transition:color .15s;display:flex}.tab-item.active[data-v-035e6d3d],.tab-item[data-v-035e6d3d]:hover{color:#0060af}.tab-item svg[data-v-035e6d3d]{width:22px;height:22px}.tab-overflow[data-v-035e6d3d]{display:none}.tab-more[data-v-035e6d3d]{display:flex}.tab-icon-wrap[data-v-035e6d3d]{justify-content:center;align-items:center;display:flex;position:relative}.nav-badge[data-v-035e6d3d]{color:#fff;background:#dc2626;border:2px solid #fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-10px}.nav-badge-dot[data-v-035e6d3d]{min-width:8px;height:8px;padding:0;top:-2px;right:-4px}.more-menu-overlay[data-v-035e6d3d]{z-index:998;background:#0006;display:none;position:fixed;inset:0}.more-menu-overlay.open[data-v-035e6d3d]{display:block}.more-menu[data-v-035e6d3d]{padding:8px 0 env(safe-area-inset-bottom,16px);z-index:999;background:#fff;border-radius:16px 16px 0 0;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.more-menu.open[data-v-035e6d3d]{transform:translateY(0)}.more-menu-handle[data-v-035e6d3d]{background:#d1d5db;border-radius:4px;width:36px;height:4px;margin:6px auto 12px}.more-menu-item[data-v-035e6d3d]{color:#1e293b;cursor:pointer;width:100%;font-size:15px;font-weight:500;font-family:var(--font);background:0 0;border:none;align-items:center;gap:14px;padding:14px 24px;text-decoration:none;transition:background .15s;display:flex}.more-menu-item[data-v-035e6d3d]:active{background:#f1f5f9}.more-menu-item svg[data-v-035e6d3d]{color:#64748b;flex-shrink:0;width:22px;height:22px}.more-menu-item.active[data-v-035e6d3d]{color:#0060af;font-weight:600}.more-menu-item.active svg[data-v-035e6d3d]{color:#0060af}.more-badge[data-v-035e6d3d]{color:#fff;background:#dc2626;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:flex}@media (width>=769px){.tab-bar[data-v-035e6d3d],.more-menu[data-v-035e6d3d],.more-menu-overlay[data-v-035e6d3d]{display:none!important}}.login-overlay[data-v-4f8ff583]{z-index:9999;background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card[data-v-4f8ff583]{text-align:center;background:#fff;border:1px solid #e8eaed;border-radius:2px;width:90%;max-width:380px;padding:48px 36px}.login-logo[data-v-4f8ff583]{height:28px;margin-bottom:20px}.login-subtitle[data-v-4f8ff583]{color:#94a3b8;margin:0 0 28px;font-size:12px}.login-error[data-v-4f8ff583]{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:2px;margin-bottom:12px;padding:10px;font-size:12px}.login-input[data-v-4f8ff583]{width:100%;font-size:14px;font-family:var(--font);background:#fff;border:1px solid #d1d5db;border-radius:2px;outline:none;margin-bottom:10px;padding:12px 14px;transition:border-color .15s}.login-input[data-v-4f8ff583]:focus{border-color:#0060af}.login-input[data-v-4f8ff583]:last-of-type{margin-bottom:20px}.login-btn[data-v-4f8ff583]{color:#fff;cursor:pointer;width:100%;font-size:14px;font-weight:600;font-family:var(--font);background:#0060af;border:none;border-radius:2px;padding:13px;transition:background .15s}.login-btn[data-v-4f8ff583]:hover{background:#004d8c}.login-btn[data-v-4f8ff583]:disabled{opacity:.7;cursor:not-allowed}.login-error--warn[data-v-4f8ff583]{color:#b45309;background:#fffbeb;border-color:#fde68a;flex-direction:column;align-items:center;gap:8px;display:flex}.retry-btn[data-v-4f8ff583]{color:#fff;cursor:pointer;font-size:12px;font-family:var(--font);background:#b45309;border:none;border-radius:2px;padding:6px 16px}.retry-btn[data-v-4f8ff583]:hover{background:#92400e}.login-footer[data-v-4f8ff583]{color:#cbd5e1;margin-top:20px;font-size:10px}.toast[data-v-489ea789]{z-index:99999;max-width:min(420px,90vw);font-size:14px;font-weight:600;font-family:var(--font);pointer-events:none;border-radius:12px;align-items:center;gap:10px;padding:14px 24px;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a}.toast-default[data-v-489ea789],.toast-success[data-v-489ea789]{color:#fff;background:#059669}.toast-error[data-v-489ea789]{color:#fff;background:#dc2626}.toast-warning[data-v-489ea789]{color:#fff;background:#d97706}.toast-info[data-v-489ea789]{color:#fff;background:#0060af}.toast-icon[data-v-489ea789]{flex-shrink:0;align-items:center;display:flex}.toast-text[data-v-489ea789]{line-height:1.3}.toast-fade-enter-active[data-v-489ea789]{transition:all .35s cubic-bezier(.4,0,.2,1)}.toast-fade-leave-active[data-v-489ea789]{transition:all .25s ease-in}.toast-fade-enter-from[data-v-489ea789]{opacity:0;transform:translate(-50%)translateY(20px)scale(.95)}.toast-fade-leave-to[data-v-489ea789]{opacity:0;transform:translate(-50%)translateY(10px)scale(.98)}@media (width>=769px){.toast[data-v-489ea789]{bottom:32px}}.app-main[data-v-dadf4922]{-webkit-overflow-scrolling:touch;flex:1;position:relative;overflow:hidden auto}.loading-screen[data-v-dadf4922]{z-index:9999;background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner[data-v-dadf4922]{border:3px solid #e2e8f0;border-top-color:#0060af;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin-dadf4922}@keyframes spin-dadf4922{to{transform:rotate(360deg)}}:root{--color-primary:#0060af;--color-primary-hover:#004d8c;--color-primary-light:#edf3fc;--color-primary-border:#dbe8f8;--color-text:#1e293b;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-placeholder:#94a3b8;--color-border:#e2e8f0;--color-border-light:#e8eaed;--color-border-subtle:#f1f5f9;--color-bg:#fff;--color-bg-subtle:#f8fafc;--color-bg-muted:#f5f7fa;--color-bg-hover:#f0f5fb;--color-success:#38a169;--color-success-light:#e8f8ef;--color-success-dark:#059669;--color-error:#e53e3e;--color-error-dark:#dc2626;--color-error-light:#fef2f2;--color-warning:#d69e2e;--color-warning-light:#fef3e2;--radius-sm:2px;--radius-md:6px;--radius-lg:8px;--radius-pill:20px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--transition:all .25s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;flex-direction:column;height:100dvh;display:flex;overflow:hidden}#app{flex-direction:column;height:100%;display:flex;overflow:hidden}.page-content{-webkit-overflow-scrolling:touch;flex:1;padding:16px 16px 80px;overflow-y:auto}@media (width>=769px){.page-content{padding:20px 28px 80px}}@media (width>=1200px){.page-content{max-width:1400px;padding:24px 40px 80px}}@media print{.no-print{display:none!important}}.page-enter-active{transition:opacity .3s,transform .3s}.page-leave-active{transition:opacity .15s}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:14px}.form-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.form-input,.form-select{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:14px;font-family:var(--font);background:var(--color-bg-subtle);color:var(--color-text);-webkit-appearance:none;transition:var(--transition);outline:none;padding:12px 14px}.form-input:focus,.form-select:focus{border-color:var(--color-primary);background:var(--color-bg);box-shadow:0 0 0 4px #0060af1a}.btn{border-radius:var(--radius-md);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font);transition:var(--transition);border:none;align-items:center;gap:5px;padding:8px 16px;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-muted);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-full{justify-content:center;width:100%;padding:14px;font-size:15px;font-weight:600}.back-btn{color:var(--color-primary);cursor:pointer;background:var(--color-bg-hover);border:1px solid var(--color-primary-border);font-size:13px;font-weight:600;font-family:var(--font);border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:5px;padding:8px 14px;display:flex}.back-btn:hover{background:var(--color-primary-border);transform:translate(-2px)}.page-title-bar{color:var(--color-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-bottom:1px solid #0000000f;align-items:center;gap:14px;padding:18px 20px 20px;display:flex}.page-title-bar h2{color:var(--color-text);letter-spacing:-.3px;font-size:20px;font-weight:800}.filter-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:0 0 10px;display:flex;overflow-x:auto}.filter-pills::-webkit-scrollbar{display:none}.pill{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;font-size:11px;font-weight:600;font-family:var(--font);transition:var(--transition);background:#fff;flex-shrink:0;padding:7px 16px}.pill.active{background:var(--color-primary);color:#fff;border-color:#0000}.pill:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.pill.active:hover{color:#fff}.search-box{margin-bottom:14px;position:relative}.search-input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:13px;font-family:var(--font);background:var(--color-bg-subtle);color:var(--color-text);transition:var(--transition);outline:none;padding:12px 16px 12px 40px}.search-input:focus{border-color:var(--color-primary);background:var(--color-bg);transform:translateY(-1px);box-shadow:0 0 0 4px #0060af1a}.search-input::placeholder{color:var(--color-text-placeholder)}.search-icon{color:var(--color-text-placeholder);transition:color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.analytics-card{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:16px;overflow:hidden}.analytics-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.analytics-title{color:#1a1a2e;font-size:13px;font-weight:700}.analytics-period{color:var(--color-text-placeholder);background:var(--color-bg-subtle);border-radius:var(--radius-pill);padding:3px 8px;font-size:10px;font-weight:600}.chart-container{padding:8px 0}.chart-bars{align-items:flex-end;gap:6px;height:120px;padding:0 4px;display:flex}.chart-bar{cursor:pointer;border-radius:4px 4px 0 0;flex:1;min-width:0;transition:opacity .2s;position:relative}.chart-bar:hover{opacity:.85}.chart-bar-zero{background:#e8eaed;border-radius:4px 4px 0 0;flex:1}.chart-tooltip{color:#fff;white-space:nowrap;background:#1a2332;border-radius:4px;margin-bottom:4px;padding:4px 8px;font-size:10px;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.chart-bar:hover .chart-tooltip{display:block}.chart-labels{gap:6px;padding:6px 4px 0;display:flex}.chart-label{text-align:center;color:var(--color-text-muted);flex:1;font-size:10px;font-weight:600}.top-product-row{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:10px;padding:8px 0;display:flex}.top-product-row:last-child{border-bottom:none}.top-product-rank{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.rank-1{color:#d97706;background:#fef3c7}.rank-2{color:#64748b;background:#f1f5f9}.rank-3{color:#c2410c;background:#fff7ed}.top-product-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.top-product-bar{background:#f1f5f9;border-radius:3px;flex:1;height:6px;overflow:hidden}.top-product-bar-fill{border-radius:3px;height:100%;transition:width .6s}.top-product-count{color:var(--color-primary);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:700}.prod-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);align-items:center;gap:14px;padding:16px 18px;display:flex;position:relative}.prod-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.prod-card:active{transform:scale(.99)}.prod-card-img{border-radius:var(--radius-md);background:var(--color-bg-subtle);border:1px solid var(--color-primary-light);width:60px;height:60px;transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.prod-card:hover .prod-card-img{border-color:var(--color-primary-border)}.prod-card-img img{object-fit:contain;width:100%;height:100%}.prod-card-info{flex:1;min-width:0}.prod-card-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;margin-bottom:3px;font-size:14px;font-weight:700;overflow:hidden}.prod-card-cat{color:var(--color-text-muted);margin-bottom:5px;font-size:11px;font-weight:500}.prod-card-tags{flex-wrap:wrap;gap:4px;display:flex}.prod-card-tag{border-radius:var(--radius-md);background:var(--color-border-subtle);color:var(--color-text-secondary);transition:var(--transition);padding:3px 8px;font-size:10px;font-weight:600}.prod-card:hover .prod-card-tag{background:var(--color-primary-light)}.prod-card-tag-pdf{background:var(--color-primary-light);color:var(--color-primary)}.prod-card-tag-power{color:var(--color-success);background:#f0fff4}.prod-card-arrow{color:#cbd5e1;transition:var(--transition);flex-shrink:0}.prod-card:hover .prod-card-arrow{color:var(--color-primary);transform:translate(3px)}.empty-state-small{text-align:center;color:var(--color-text-placeholder);padding:20px;font-size:12px}.proj-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);align-items:flex-start;gap:14px;margin-bottom:10px;padding:18px;display:flex;position:relative}.proj-card:hover{border-color:var(--color-primary);transform:translateY(-1px)}.proj-icon{border-radius:var(--radius-md);background:var(--color-primary-light);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.proj-info{flex:1;min-width:0}.proj-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:700;overflow:hidden}.proj-client{color:var(--color-primary);align-items:center;gap:4px;margin-top:1px;font-size:12px;font-weight:600;display:flex}.proj-meta{color:#6b7a8d;gap:10px;margin-top:6px;font-size:10px;font-weight:500;display:flex}.proj-progress-bar{background:var(--color-border-light);border-radius:4px;height:5px;margin-top:8px;overflow:hidden}.proj-progress-fill{background:#27ae60;border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.stat-card{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);text-align:center;transition:var(--transition);padding:18px 14px;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px)}.hide-mobile{display:none}@media (width>=768px){.hide-mobile{display:inline}}@media (width<=480px){.pill{min-height:36px;padding:8px 14px!important;font-size:12px!important}.back-btn{min-height:40px;padding:8px 16px}.page-title-bar{padding:14px 16px 16px}.page-title-bar h2{font-size:18px}.prod-card{padding:14px 16px}.prod-card-name{font-size:15px}input[type=text],input[type=email],input[type=number],input[type=password],textarea,select{border-radius:8px;min-height:44px;font-size:16px!important}.btn-full{min-height:48px;font-size:15px!important}}