.app-layout[data-v-cfdc30a9]{display:flex;background:#0f1117;min-height:100vh;color:#f1f5f9}.sidebar[data-v-cfdc30a9]{width:260px;background:#13151e;border-right:1px solid #2a2f45;position:fixed;top:0;left:0;bottom:0;z-index:1000;transition:transform .4s;display:flex;flex-direction:column}.sidebar-brand[data-v-cfdc30a9]{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #2a2f45;height:64px}.brand-logo-img[data-v-cfdc30a9]{width:38px!important;height:38px!important;object-fit:cover;border-radius:8px;flex-shrink:0;border:1px solid rgba(212,175,55,.3)}.brand-text[data-v-cfdc30a9]{font-size:16px;font-weight:800;color:#f1f5f9;white-space:nowrap}.main-content[data-v-cfdc30a9]{flex:1;margin-left:260px;display:flex;flex-direction:column}.topbar[data-v-cfdc30a9]{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;background:#13151e;border-bottom:1px solid #2a2f45;position:sticky;top:0;z-index:100}.sidebar-nav[data-v-cfdc30a9]{display:flex;flex-direction:column;padding:12px 10px;gap:2px}.nav-section-title[data-v-cfdc30a9]{font-size:10px;font-weight:700;text-transform:uppercase;color:#64748b;padding:12px 12px 6px}.nav-item[data-v-cfdc30a9]{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#94a3b8;text-decoration:none;border-radius:8px;font-size:14px}.nav-item.active[data-v-cfdc30a9]{background:#6366f126;color:#818cf8;font-weight:600}.mobile-toggle[data-v-cfdc30a9]{display:none}@media(max-width:768px){.sidebar[data-v-cfdc30a9]{transform:translate(-100%)}.sidebar.open[data-v-cfdc30a9]{transform:translate(0)}.main-content[data-v-cfdc30a9]{margin-left:0}.mobile-toggle[data-v-cfdc30a9]{display:block;background:none;border:none;color:#fff;font-size:24px}.sidebar-overlay.active[data-v-cfdc30a9]{position:fixed;inset:0;background:#0009;z-index:999;display:block}}.page-content[data-v-cfdc30a9]{padding:24px;flex:1}.fade-in[data-v-cfdc30a9]{animation:fadeIn-cfdc30a9 .3s ease}@keyframes fadeIn-cfdc30a9{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.brand-logo-container[data-v-efd49af4]{width:80px;height:80px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;position:relative}.login-brand-img[data-v-efd49af4]{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:0 8px 25px #d4af3740;border:1px solid rgba(212,175,55,.2)}.login-page[data-v-efd49af4]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f1117;position:relative;overflow:hidden;padding:20px;font-family:Inter,sans-serif}.blob[data-v-efd49af4]{position:absolute;width:300px;height:300px;background:#6366f1;filter:blur(80px);opacity:.15;z-index:0;border-radius:50%}.blob-1[data-v-efd49af4]{top:-50px;left:-50px}.blob-2[data-v-efd49af4]{bottom:-50px;right:-50px;background:#06b6d4}.login-card[data-v-efd49af4]{position:relative;z-index:1;width:100%;max-width:400px;background:#1a1d2ecc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px;box-shadow:0 20px 50px #0000004d}.login-brand h1[data-v-efd49af4]{font-size:26px;color:#fff;text-align:center;margin:0;font-weight:800}.login-brand p[data-v-efd49af4]{font-size:14px;color:#94a3b8;text-align:center;margin-bottom:30px}.form-group[data-v-efd49af4]{margin-bottom:20px}.form-label[data-v-efd49af4]{display:block;color:#94a3b8;font-size:13px;margin-bottom:8px;font-weight:600}.form-input[data-v-efd49af4]{width:100%;padding:12px 16px;background:#1e2235;border:1px solid #2a2f45;border-radius:12px;color:#fff;transition:all .3s}.form-input[data-v-efd49af4]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f133}.form-options[data-v-efd49af4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.checkbox-container[data-v-efd49af4]{display:flex;align-items:center;gap:8px;cursor:pointer;color:#94a3b8;font-size:13px}.forgot-link[data-v-efd49af4]{color:#6366f1;text-decoration:none;font-size:13px;font-weight:600}.btn-submit[data-v-efd49af4]{width:100%;padding:14px;background:#6366f1;color:#fff;border:none;border-radius:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.3s}.btn-submit[data-v-efd49af4]:hover{background:#4f46e5;transform:translateY(-2px)}.btn-submit[data-v-efd49af4]:disabled{opacity:.6;cursor:not-allowed}footer[data-v-efd49af4]{margin-top:30px;text-align:center;font-size:11px;color:#64748b;letter-spacing:.5px}.slide-up[data-v-efd49af4]{animation:slideUp-efd49af4 .6s ease-out}@keyframes slideUp-efd49af4{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-enter-active[data-v-efd49af4],.fade-leave-active[data-v-efd49af4]{transition:opacity .5s}.fade-enter-from[data-v-efd49af4],.fade-leave-to[data-v-efd49af4]{opacity:0}.acc-grid[data-v-69c3ad1f]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media(max-width:900px){.acc-grid[data-v-69c3ad1f]{grid-template-columns:1fr}}.dash-topbar[data-v-a2db2b9a]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:10px 16px;background:var(--bg-sidebar);border-radius:var(--radius-md);border:1px solid var(--border)}.dash-clock[data-v-a2db2b9a]{display:flex;align-items:center;gap:8px}.clock-icon[data-v-a2db2b9a]{font-size:18px}.clock-time[data-v-a2db2b9a]{font-size:20px;font-weight:700;font-family:Courier New,monospace;color:var(--primary-light);letter-spacing:2px}.dash-actions[data-v-a2db2b9a]{display:flex;align-items:center;gap:12px}.btn-refresh[data-v-a2db2b9a]{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--bg-input);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s}.btn-refresh.spinning[data-v-a2db2b9a]{animation:spin-a2db2b9a .8s ease-in-out}@keyframes spin-a2db2b9a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auto-refresh-toggle[data-v-a2db2b9a]{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);cursor:pointer}.auto-refresh-toggle input[data-v-a2db2b9a]{accent-color:var(--primary)}.stat-card[data-v-a2db2b9a]{position:relative;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.stat-card[data-v-a2db2b9a]:active{transform:scale(.97)}.stat-gradient-1[data-v-a2db2b9a]{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important}.stat-gradient-2[data-v-a2db2b9a]{background:linear-gradient(135deg,#3b82f6,#06b6d4)!important}.stat-gradient-3[data-v-a2db2b9a]{background:linear-gradient(135deg,#10b981,#34d399)!important}.stat-gradient-4[data-v-a2db2b9a]{background:linear-gradient(135deg,#f59e0b,#ef4444)!important}.stat-card h4[data-v-a2db2b9a],.stat-card p[data-v-a2db2b9a]{color:#fff!important}.stat-icon-bg[data-v-a2db2b9a]{position:absolute;top:-10px;right:-10px;width:60px;height:60px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-sparkline[data-v-a2db2b9a]{position:absolute;bottom:4px;left:10px;right:10px;height:20px;opacity:.6}.stat-sparkline svg[data-v-a2db2b9a]{width:100%;height:100%}.pulse-anim[data-v-a2db2b9a]{animation:pulse-a2db2b9a .4s ease-out}@keyframes pulse-a2db2b9a{0%{box-shadow:0 0 #6366f166}to{box-shadow:0 0 0 15px #6366f100}}.donut-grid[data-v-a2db2b9a]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:768px){.donut-grid[data-v-a2db2b9a]{grid-template-columns:1fr}}.donut-card[data-v-a2db2b9a]{display:flex;align-items:center;gap:16px;padding:16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-sidebar);cursor:pointer;transition:transform .2s,border-color .2s}.donut-card[data-v-a2db2b9a]:active{transform:scale(.97)}.donut-card[data-v-a2db2b9a]:hover{border-color:var(--primary)}.donut-chart[data-v-a2db2b9a]{width:70px;height:70px;flex-shrink:0}.circular-chart[data-v-a2db2b9a]{display:block}.circle-bg[data-v-a2db2b9a]{fill:none;stroke:var(--bg-input);stroke-width:3}.circle-fill[data-v-a2db2b9a]{fill:none;stroke-width:3;stroke-linecap:round;animation:donut-anim-a2db2b9a 1.5s ease-out forwards;transform-origin:center;transform:rotate(-90deg)}@keyframes donut-anim-a2db2b9a{0%{stroke-dasharray:0,100}}.stroke-cutting[data-v-a2db2b9a]{stroke:#f59e0b}.stroke-sewing[data-v-a2db2b9a]{stroke:#3b82f6}.stroke-finishing[data-v-a2db2b9a]{stroke:#06b6d4}.donut-text[data-v-a2db2b9a]{fill:var(--text-primary);font-size:8px;font-weight:700;text-anchor:middle}.donut-label[data-v-a2db2b9a]{display:flex;flex-direction:column;gap:2px}.donut-icon[data-v-a2db2b9a]{font-size:18px}.donut-label strong[data-v-a2db2b9a]{font-size:14px;color:var(--text-primary)}.donut-count[data-v-a2db2b9a]{font-size:12px;color:var(--text-muted)}.dashboard-grid-2[data-v-a2db2b9a]{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:900px){.dashboard-grid-2[data-v-a2db2b9a]{grid-template-columns:1fr}}.division-bars[data-v-a2db2b9a]{display:flex;flex-direction:column;gap:16px}.division-bar-row[data-v-a2db2b9a]{display:flex;align-items:center;gap:14px}.division-bar-label[data-v-a2db2b9a]{display:flex;align-items:center;gap:8px;min-width:200px}.division-bar-icon[data-v-a2db2b9a]{font-size:18px}.division-bar-name[data-v-a2db2b9a]{font-size:14px;font-weight:600;color:var(--text-primary)}.division-bar-count[data-v-a2db2b9a]{font-size:12px;color:var(--text-muted);margin-left:auto}.division-bar-pct[data-v-a2db2b9a]{font-size:14px;font-weight:700;color:var(--text-primary);min-width:45px;text-align:right}.progress-track[data-v-a2db2b9a]{flex:1;height:10px;background:var(--bg-input);border-radius:100px;overflow:hidden}.progress-track-sm[data-v-a2db2b9a]{height:6px}.progress-fill[data-v-a2db2b9a]{height:100%;border-radius:100px;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill[data-v-a2db2b9a]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2));border-radius:100px;animation:shimmer-a2db2b9a 2s infinite}@keyframes shimmer-a2db2b9a{0%{opacity:0}50%{opacity:1}to{opacity:0}}.fill-primary[data-v-a2db2b9a]{background:linear-gradient(90deg,var(--primary),var(--primary-light))}.fill-success[data-v-a2db2b9a]{background:linear-gradient(90deg,#059669,var(--success))}.fill-warning[data-v-a2db2b9a]{background:linear-gradient(90deg,#d97706,var(--warning))}.fill-info[data-v-a2db2b9a]{background:linear-gradient(90deg,#2563eb,var(--info))}.fill-accent[data-v-a2db2b9a]{background:linear-gradient(90deg,#0891b2,var(--accent))}.pipeline-item[data-v-a2db2b9a]{padding:20px 24px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s,border-left .2s;border-left:3px solid transparent}.pipeline-item[data-v-a2db2b9a]:hover{background:var(--bg-card-hover)}.pipeline-item.expanded[data-v-a2db2b9a]{border-left-color:var(--primary);background:var(--bg-card-hover)}.pipeline-item[data-v-a2db2b9a]:last-child{border-bottom:none}.pipeline-header[data-v-a2db2b9a]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.pipeline-info[data-v-a2db2b9a]{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.po-number[data-v-a2db2b9a]{font-size:15px;font-weight:700;color:var(--primary-light)}.pipeline-meta[data-v-a2db2b9a]{font-size:13px;color:var(--text-secondary)}.pipeline-deadline[data-v-a2db2b9a]{font-size:12px;color:var(--warning)}.pipeline-overall[data-v-a2db2b9a]{flex-shrink:0}.overall-ring[data-v-a2db2b9a]{position:relative;width:44px;height:44px}.mini-ring[data-v-a2db2b9a]{width:44px;height:44px;transform:rotate(-90deg)}.ring-text[data-v-a2db2b9a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:800;color:var(--text-primary)}.pipeline-stages[data-v-a2db2b9a]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media(max-width:900px){.pipeline-stages[data-v-a2db2b9a]{grid-template-columns:1fr}}.pipeline-stage[data-v-a2db2b9a]{display:flex;flex-direction:column;gap:4px}.stage-label[data-v-a2db2b9a]{display:flex;justify-content:space-between;align-items:center}.stage-name[data-v-a2db2b9a]{font-size:11px;font-weight:600;color:var(--text-secondary)}.stage-qty[data-v-a2db2b9a]{font-size:11px;color:var(--text-muted)}.pipeline-detail[data-v-a2db2b9a]{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.pipeline-detail-grid[data-v-a2db2b9a]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media(max-width:900px){.pipeline-detail-grid[data-v-a2db2b9a]{grid-template-columns:repeat(2,1fr)}}.detail-card[data-v-a2db2b9a]{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;display:flex;align-items:center;gap:10px;transition:transform .2s}.detail-card[data-v-a2db2b9a]:active{transform:scale(.95)}.detail-card-icon[data-v-a2db2b9a]{font-size:20px}.detail-card-body h4[data-v-a2db2b9a]{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1}.detail-card-body p[data-v-a2db2b9a]{font-size:11px;color:var(--text-muted);margin-top:2px}.detail-card-pct[data-v-a2db2b9a]{margin-left:auto;font-size:14px;font-weight:700}.detail-complete[data-v-a2db2b9a]{border-color:#10b9814d}.detail-complete .detail-card-pct[data-v-a2db2b9a]{color:var(--success)}.detail-active[data-v-a2db2b9a]{border-color:#6366f14d}.detail-active .detail-card-pct[data-v-a2db2b9a]{color:var(--primary-light)}.detail-pending .detail-card-pct[data-v-a2db2b9a]{color:var(--text-muted)}.activity-list[data-v-a2db2b9a]{max-height:460px;overflow-y:auto}.activity-item[data-v-a2db2b9a]{display:flex;gap:12px;padding:14px 24px;border-bottom:1px solid var(--border);transition:background .2s;animation:slideIn-a2db2b9a .3s ease-out both}@keyframes slideIn-a2db2b9a{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.activity-item[data-v-a2db2b9a]:hover{background:var(--bg-card-hover)}.activity-item[data-v-a2db2b9a]:last-child{border-bottom:none}.activity-dot[data-v-a2db2b9a]{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.dot-primary[data-v-a2db2b9a]{background:var(--primary)}.dot-success[data-v-a2db2b9a]{background:var(--success)}.dot-info[data-v-a2db2b9a]{background:var(--info)}.activity-content[data-v-a2db2b9a]{flex:1;min-width:0}.activity-action[data-v-a2db2b9a]{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary);flex-wrap:wrap}.activity-meta[data-v-a2db2b9a]{display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:wrap}.activity-po[data-v-a2db2b9a]{font-size:12px;color:var(--primary-light);font-weight:600}.activity-footer[data-v-a2db2b9a]{font-size:11px;color:var(--text-muted);margin-top:4px}.brand-card[data-v-a2db2b9a]{position:relative;overflow:hidden;border-radius:var(--radius-md, 12px);background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);min-height:320px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(99,102,241,.3)}.brand-bg-particles[data-v-a2db2b9a]{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle[data-v-a2db2b9a]{position:absolute;font-size:20px;opacity:.15;animation:floatUp-a2db2b9a 6s ease-in-out infinite}@keyframes floatUp-a2db2b9a{0%{transform:translateY(100%) rotate(0);opacity:0}20%{opacity:.2}80%{opacity:.15}to{transform:translateY(-100%) rotate(360deg);opacity:0}}.brand-content[data-v-a2db2b9a]{position:relative;z-index:1;text-align:center;padding:30px 20px}.brand-logo-ring[data-v-a2db2b9a]{width:70px;height:70px;border-radius:50%;margin:0 auto 16px;background:linear-gradient(135deg,#6366f1,#a78bfa,#6366f1);background-size:200% 200%;animation:gradientSpin-a2db2b9a 3s ease-in-out infinite;display:flex;align-items:center;justify-content:center;box-shadow:0 0 25px #6366f166,0 0 50px #6366f126}@keyframes gradientSpin-a2db2b9a{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.brand-logo-inner[data-v-a2db2b9a]{width:58px;height:58px;border-radius:50%;background:#0f0c29;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#a78bfa;letter-spacing:2px}.brand-name[data-v-a2db2b9a]{font-size:28px;font-weight:900;letter-spacing:6px;margin:0;display:flex;justify-content:center;gap:2px}.brand-letter[data-v-a2db2b9a]{display:inline-block;color:#fff;animation:letterWave-a2db2b9a 2s ease-in-out infinite;text-shadow:0 0 10px rgba(99,102,241,.5)}@keyframes letterWave-a2db2b9a{0%,to{transform:translateY(0);color:#e2e8f0}50%{transform:translateY(-6px);color:#a78bfa}}.brand-subtitle[data-v-a2db2b9a]{font-size:16px;letter-spacing:12px;color:#ffffff80;font-weight:300;margin-top:4px}.brand-tagline[data-v-a2db2b9a]{margin-top:16px}.tagline-text[data-v-a2db2b9a]{font-size:11px;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(90deg,#64748b,#a78bfa,#6366f1,#a78bfa,#64748b);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer-a2db2b9a 3s linear infinite}@keyframes textShimmer-a2db2b9a{to{background-position:200% center}}.brand-divider[data-v-a2db2b9a]{width:60px;height:2px;margin:14px auto;background:linear-gradient(90deg,transparent,#6366f1,transparent);animation:dividerPulse-a2db2b9a 2s ease-in-out infinite}@keyframes dividerPulse-a2db2b9a{0%,to{opacity:.4;width:40px}50%{opacity:1;width:80px}}.brand-motto[data-v-a2db2b9a]{font-size:11px;color:#ffffff59;font-style:italic;margin:0}@media(max-width:480px){.dash-topbar[data-v-a2db2b9a]{flex-direction:column;gap:10px;align-items:stretch}.dash-actions[data-v-a2db2b9a]{justify-content:space-between}.stat-icon-bg[data-v-a2db2b9a]{display:none}.brand-name[data-v-a2db2b9a]{font-size:22px;letter-spacing:4px}.brand-card[data-v-a2db2b9a]{min-height:260px}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-popup{background:var(--bg-card, #1e1e2e);border-radius:20px 20px 0 0;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:24px;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:769px){.modal-overlay{align-items:center}.modal-popup{border-radius:16px;max-height:85vh}}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border, #333)}.modal-head-left{display:flex;align-items:center;gap:10px}.modal-head h3{font-size:18px;font-weight:800;color:var(--primary-light, #818cf8);margin:0}.modal-close{width:36px;height:36px;border-radius:50%;border:1px solid var(--border, #333);background:transparent;color:var(--text-primary, #e2e8f0);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.modal-close:hover{background:var(--bg-input, #2a2a3e)}.modal-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.modal-info-item{background:var(--bg-sidebar, #16161e);border-radius:10px;padding:12px}.modal-info-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted, #64748b);margin-bottom:4px}.modal-info-value{font-size:14px;font-weight:700;color:var(--text-primary, #e2e8f0)}.modal-info-highlight{color:var(--primary-light, #818cf8);font-size:16px}.modal-donut-section{display:flex;align-items:center;gap:20px;justify-content:center;padding:16px 0;margin-bottom:16px}.modal-donut{width:100px;height:100px}.modal-donut .circle-fill{stroke-width:3.5}.donut-text-lg{font-size:9px!important;font-weight:800!important}.modal-donut-label{text-align:center}.modal-overall-pct{display:block;font-size:11px;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:1px}.modal-overall-num{font-size:28px;font-weight:900;color:var(--primary-light, #818cf8)}.modal-stages{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.modal-stage-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-sidebar, #16161e);border-radius:10px;border:1px solid var(--border, #333);transition:transform .2s}.modal-stage-card:active{transform:scale(.98)}.modal-stage-icon{font-size:22px;flex-shrink:0}.modal-stage-info{min-width:70px}.modal-stage-name{display:block;font-size:12px;font-weight:700;color:var(--text-primary, #e2e8f0)}.modal-stage-qty{font-size:11px;color:var(--text-muted, #64748b)}.modal-stage-bar{flex:1}.modal-stage-pct{font-size:14px;font-weight:800;color:var(--text-primary, #e2e8f0);min-width:40px;text-align:right}.modal-flow{display:flex;align-items:center;justify-content:center;gap:0;padding:16px 0 8px}.flow-step{display:flex;align-items:center}.flow-dot{width:40px;height:40px;border-radius:50%;background:var(--bg-input, #2a2a3e);border:2px solid var(--border, #333);display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s}.flow-dot.flow-done{background:#10b98133;border-color:#10b981}.flow-dot.flow-active{background:#6366f133;border-color:#6366f1;animation:flowPulse 2s infinite}@keyframes flowPulse{0%,to{box-shadow:0 0 #6366f14d}50%{box-shadow:0 0 0 6px #6366f100}}.flow-line{width:24px;height:2px;background:var(--border, #333)}.flow-line-done{background:#10b981}@media(max-width:480px){.modal-info-grid{grid-template-columns:1fr}.modal-donut-section{flex-direction:column}.flow-dot{width:32px;height:32px;font-size:14px}.flow-line{width:16px}}.stat-modal-summary{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:12px;margin-bottom:16px;color:#fff}.sm-gradient-1{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.sm-gradient-2{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.sm-gradient-3{background:linear-gradient(135deg,#10b981,#34d399)}.sm-gradient-4{background:linear-gradient(135deg,#f59e0b,#ef4444)}.stat-modal-icon{font-size:32px}.stat-modal-num{font-size:24px;font-weight:900}.stat-modal-label{font-size:12px;opacity:.85}.stat-modal-list{max-height:50vh;overflow-y:auto}.stat-modal-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border, #333);cursor:pointer;transition:background .2s}.stat-modal-item:hover{background:var(--bg-card-hover, #2a2a3e)}.stat-modal-item:last-child{border-bottom:none}.stat-modal-rank{width:28px;height:28px;border-radius:50%;background:var(--bg-input, #2a2a3e);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-muted, #64748b);flex-shrink:0}.stat-modal-info{flex:1;min-width:0}.stat-modal-po{display:block;font-size:13px;font-weight:700;color:var(--primary-light, #818cf8)}.stat-modal-meta{font-size:11px;color:var(--text-muted, #64748b)}.stat-modal-right{text-align:right;flex-shrink:0}.stat-modal-qty{display:block;font-size:13px;font-weight:700;color:var(--text-primary, #e2e8f0);margin-bottom:2px}.gudang-grid[data-v-34ccd06c]{display:grid;grid-template-columns:1fr 1.5fr;gap:1.5rem;align-items:start}@media(max-width:900px){.gudang-grid[data-v-34ccd06c]{grid-template-columns:1fr}}[data-v-088d7da0]{box-sizing:border-box;font-family:Times New Roman,serif;color:#000}.print-container[data-v-088d7da0]{padding:1cm;width:100%;max-width:29.7cm;margin:0 auto;background:#fff}.print-header[data-v-088d7da0]{text-align:center;margin-bottom:5px}.print-header h2[data-v-088d7da0]{margin:0;font-size:18px;letter-spacing:1px}.divider[data-v-088d7da0]{border-top:1.5px solid #000;margin-bottom:20px}.doc-meta[data-v-088d7da0]{display:flex;justify-content:space-between;margin-bottom:20px;font-size:12px}.meta-table[data-v-088d7da0]{width:100%;border-collapse:collapse}.meta-table td[data-v-088d7da0]{padding:2px 0;vertical-align:top;font-weight:700}.items-table table[data-v-088d7da0]{width:100%;border-collapse:collapse}.items-table th[data-v-088d7da0],.items-table td[data-v-088d7da0]{border:1px solid #000;padding:8px;font-size:11px}.signatures[data-v-088d7da0]{display:flex;justify-content:space-between;margin-top:40px}.sign-box[data-v-088d7da0]{text-align:center;width:30%}.sign-box .space[data-v-088d7da0]{height:60px}@media print{@page{size:landscape;margin:10mm}body[data-v-088d7da0] *{visibility:hidden}.print-container[data-v-088d7da0],.print-container[data-v-088d7da0] *{visibility:visible}.print-container[data-v-088d7da0]{position:absolute;left:0;top:0}}.report-filter{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.period-tabs{display:flex;gap:6px}.date-input-group{display:flex;gap:10px;align-items:center}.date-input-group .form-input,.date-input-group .form-select{max-width:200px}@media(max-width:768px){.report-filter{flex-direction:column;align-items:stretch}.period-tabs{width:100%;overflow-x:auto}.date-input-group{width:100%}.date-input-group .form-input,.date-input-group .form-select{max-width:100%;flex:1}}