@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary: #000000;--primary-light: #1e293b;--primary-dim: #f8fafc;--accent: #000000;--accent-hover: #333333;--accent-dim: #f1f5f9;--bg: #f8fafc;--bg-alt: #f1f5f9;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e8f0;--border-focus: #000000;--text: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--text-light: #ffffff;--text-dark: #0f172a;--text-2: #475569;--text-3: #64748b;--success: #10b981;--success-dim: rgba(16, 185, 129, .1);--error: #ef4444;--error-dim: rgba(239, 68, 68, .1);--warning: #f59e0b;--warning-dim: rgba(245, 158, 11, .1);--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-premium: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--font: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", sans-serif;--header-h: 72px;--sidebar-w: 260px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--accent-red: #e11d48;--red: #ef4444;--red-dim: rgba(239, 68, 68, .1);--green: #10b981;--green-dim: rgba(16, 185, 129, .1);--blue: #3b82f6;--blue-dim: rgba(59, 130, 246, .1);--purple: #8b5cf6;--purple-dim: rgba(139, 92, 246, .1);--orange: #f59e0b;--orange-dim: rgba(245, 158, 11, .1)}.text-accent{color:var(--accent-red)!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) both}.animate-fade-scale{animation:fadeInScale .6s cubic-bezier(.16,1,.3,1) both}html,body{scroll-behavior:smooth;overflow-x:hidden;width:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:var(--transition)}input,select{font-family:inherit}a{color:inherit;text-decoration:none}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--accent)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden;padding:16px;background:var(--bg)}.login-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;-webkit-mask-image:radial-gradient(circle at center,var(--bg),transparent 80%);mask-image:radial-gradient(circle at center,var(--bg),transparent 80%)}.login-bg-blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.35}.login-bg-blob--1{width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);top:-150px;left:-150px}.login-bg-blob--2{width:450px;height:450px;background:radial-gradient(circle,rgba(255,255,255,.05),transparent 70%);bottom:-100px;right:-100px}.login-container{position:relative;z-index:1;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:24px}.mrp-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:#f1f5f9;overflow:hidden}.mrp-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/DSC01628.JPG);background-size:cover;background-position:center}.login-logo{width:48px;height:48px;border-radius:var(--radius);background:#fff;display:flex;align-items:center;justify-content:center;position:relative;background:#f1f5f9;overflow:hidden}.mrp-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/DSC01628.JPG);background-size:cover;background-position:center}.mrp-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f172a66,#0f172a33)}.mrp-login-container{position:relative;z-index:10;width:100%;max-width:1100px;padding:40px;display:grid;grid-template-columns:1fr 420px;align-items:center;gap:60px}.mrp-hero-content{color:#fff}.mrp-brand{display:flex;align-items:center;gap:16px;margin-bottom:32px}.mrp-brand-logo{height:48px;width:auto;filter:brightness(0) invert(1)}.mrp-brand-divider{width:1px;height:24px;background:#ffffff4d}.mrp-brand-name{font-family:var(--font-heading);font-size:14px;font-weight:700;letter-spacing:.1em}.mrp-hero-title{font-family:var(--font-heading);font-size:72px;font-weight:800;line-height:1.1;margin-bottom:16px;letter-spacing:-.02em;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) both}.landing-hero-subtitle{font-size:48px;font-weight:800;color:var(--accent);margin-bottom:24px;letter-spacing:.1em;text-transform:uppercase}.mrp-hero-subtitle{font-size:18px;line-height:1.6;opacity:.8;margin-bottom:40px;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .2s both}.mrp-hero-badges{display:flex;gap:12px}.mrp-badge{padding:6px 16px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.mrp-login-card-wrap{perspective:1000px}.mrp-login-card{background:#ffffffb3;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);padding:48px;border-radius:40px;border:1px solid rgba(255,255,255,.5);box-shadow:0 25px 60px -12px #0003;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) both}.mrp-card-header{margin-bottom:32px}.mrp-card-title{font-family:var(--font-heading);font-size:28px;font-weight:800;color:var(--primary);margin-bottom:8px}.mrp-card-desc{font-size:14px;color:var(--text-3)}.mrp-form{display:flex;flex-direction:column;gap:20px}.mrp-field{display:flex;flex-direction:column;gap:8px}.mrp-label{font-size:13px;font-weight:700;color:var(--text-2)}.mrp-input{width:100%;height:48px;padding:0 16px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:14px;transition:var(--transition)}.mrp-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #2563eb1a}.mrp-password-wrap{position:relative}.mrp-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-3)}.mrp-submit-btn{height:52px;background:var(--primary);color:#fff;border-radius:var(--radius);font-size:14px;font-weight:800;letter-spacing:.05em;margin-top:10px;display:flex;align-items:center;justify-content:center}.mrp-submit-btn:hover{background:#000;transform:translateY(-2px)}.mrp-card-footer{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:24px}.mrp-toggle-btn,.mrp-forgot-btn{font-size:13px;font-weight:600;color:var(--accent)}.mrp-alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600}.mrp-alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fee2e2}.mrp-alert.success{background:#f0fdf4;color:#166534;border:1px solid #dcfce7}.mrp-footer-bar{position:absolute;bottom:0;left:0;right:0;padding:20px;text-align:center;color:#ffffff80;font-size:12px;font-weight:600;z-index:10}@media (max-width: 1024px){.app-sidebar{position:fixed;left:-280px;top:0;bottom:0;z-index:2000;box-shadow:20px 0 50px #0000001a;transition:transform .4s cubic-bezier(.4,0,.2,1)}.app-sidebar.open{transform:translate(280px)}.app-main{margin-left:0!important;width:100%!important}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1999;opacity:0;pointer-events:none;transition:opacity .3s}.sidebar-overlay.visible{opacity:1;pointer-events:auto}}@media (max-width: 768px){.mrp-login-page{padding:16px;display:flex;justify-content:center;align-items:center;background-attachment:fixed}.mrp-login-container{display:block!important;width:100%!important;max-width:440px!important;padding:0!important;margin:0 auto!important}.mrp-hero-content{display:none!important}.mrp-login-card-wrap{width:100%!important}.mrp-login-card{padding:40px 24px!important;width:100%!important;margin:0!important;box-sizing:border-box!important}.mrp-card-title,.mrp-card-desc{text-align:center!important}.mrp-login-container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;margin:0!important;padding:20px!important}.mrp-login-card-wrap{width:100%!important;max-width:400px!important}.mrp-login-card{width:100%!important;padding:40px 20px!important}.cp-header-top{flex-direction:column;align-items:flex-start;gap:16px}.cp-header-actions{width:100%;overflow-x:auto;padding-bottom:4px}.cp-grid{grid-template-columns:1fr!important}.landing-category-grid{gap:12px;padding:0 10px}.landing-cat-pill{min-width:120px;padding:12px}}@media (max-width: 968px){.mrp-login-container{grid-template-columns:1fr;max-width:500px;margin:0 auto;gap:30px}.mrp-hero-content{text-align:center}.mrp-brand{justify-content:center}.mrp-hero-title{font-size:42px}}.login-brand{display:flex;align-items:center;gap:14px}.login-logo{width:48px;height:48px;border-radius:var(--radius);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--bg);box-shadow:0 0 32px var(--accent-glow)}.login-title{font-size:20px;font-weight:800;letter-spacing:.08em;color:var(--text)}.login-subtitle{font-size:12px;color:var(--text-2);letter-spacing:.04em}.login-card{width:100%;background:#0f172ae6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(148,163,184,.1);border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-lg),0 0 50px #1e293b33;animation:fadeInScale .6s cubic-bezier(.22,1,.36,1) both}@media (max-width: 480px){.login-card{padding:32px 20px}}.login-card-header{margin-bottom:28px}.login-card-title{font-size:22px;font-weight:700;margin-bottom:8px}.login-card-desc{font-size:13px;color:var(--text-2);line-height:1.5}.landing-recent-swiper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;cursor:grab;gap:0;-webkit-overflow-scrolling:touch;padding-bottom:4px}.landing-recent-swiper.dragging{scroll-behavior:auto;scroll-snap-type:none}.landing-recent-page{flex:0 0 100%;display:flex;flex-direction:column;gap:12px;scroll-snap-align:start;scroll-snap-stop:always;padding:4px}.form-group{display:flex;flex-direction:column;gap:7px}.form-label{font-size:12px;font-weight:600;color:var(--text-2);letter-spacing:.04em;text-transform:uppercase}.input-wrapper{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.form-input{width:100%;padding:11px 14px 11px 40px;background:#1e293b;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius);color:#f1f5f9;font-size:14px;transition:border-color var(--transition),box-shadow var(--transition);outline:none}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-input::placeholder{color:var(--text-3)}.form-input:disabled{opacity:.5}.input-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-3);padding:4px;transition:color var(--transition)}.input-eye:hover{color:var(--text-2)}.form-error{padding:10px 14px;background:var(--red-dim);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:#fca5a5;font-size:13px}.btn-login{width:100%;padding:13px;background:#fff;color:var(--bg);font-size:15px;font-weight:700;border-radius:var(--radius);transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 20px #ffffff1a;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.btn-login:hover:not(:disabled){background:#f0f0f0;transform:translateY(-1px);box-shadow:0 6px 28px #ffffff26}.btn-login:active{transform:translateY(0)}.btn-login:disabled{opacity:.5;cursor:not-allowed}.login-footer-note{margin-top:20px;display:flex;align-items:center;gap:6px;justify-content:center;font-size:11px;color:var(--text-3)}.login-version{font-size:11px;color:var(--text-3)}.page-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--accent)}.page-loading p{color:var(--text-2);font-size:14px}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);background:#0c0e14eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.header-inner{height:100%;max-width:1400px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.header-brand{display:flex;align-items:center;gap:12px}.header-logo{width:34px;height:34px;border-radius:var(--radius-sm);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--bg);flex-shrink:0}.header-brand-text{display:flex;flex-direction:column}.header-title{font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--text);line-height:1.2}.header-subtitle{font-size:10px;color:var(--text-3);letter-spacing:.02em}.header-right{display:flex;align-items:center;gap:12px}.header-user{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2);background:var(--surface);border:1px solid var(--border);padding:5px 12px;border-radius:100px}.btn-signout{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);color:var(--text-2);font-size:13px;transition:all var(--transition)}.btn-signout:hover{color:var(--red);border-color:#ef444466}.home-page{min-height:100vh;display:flex;flex-direction:column}.home-main{flex:1;padding-top:var(--header-h);display:flex;flex-direction:column}.search-section{background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%);border-bottom:1px solid var(--border);padding:36px 20px 28px}.search-section-inner{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.search-heading{font-size:26px;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1.25}.search-subheading{font-size:13px;color:var(--text-2);margin-top:-8px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:4px}.cat-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);cursor:pointer;text-align:left;position:relative;overflow:hidden}.cat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.05));opacity:0;transition:opacity var(--transition)}.cat-card:hover:before,.cat-card--active:before{opacity:1}.cat-card:hover{border-color:var(--accent);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #0006,0 0 20px var(--accent-glow);background:var(--surface-2)}.cat-card--active{border-color:#fff!important;background:#ffffff1a!important;box-shadow:0 0 16px #ffffff0d}.cat-card--mekanikal{--card-accent: var(--accent)}.cat-card--elektrikal{--card-accent: var(--orange)}.cat-card--elektronikal{--card-accent: var(--purple)}.cat-card--arsitektur{--card-accent: var(--green)}.cat-icon{font-size:22px;line-height:1}.cat-name{font-size:13px;font-weight:700;color:var(--text)}.cat-desc{font-size:10px;color:var(--text-3);line-height:1.3}.cat-arrow{position:absolute;bottom:10px;right:12px;font-size:14px;color:var(--text-3);transition:all var(--transition)}.cat-card:hover .cat-arrow,.cat-card--active .cat-arrow{color:#fff;transform:translate(3px)}.content-area{flex:1;max-width:1400px;margin:0 auto;width:100%;padding:20px;display:flex;gap:20px;align-items:flex-start;min-width:0}.mobile-filter-toggle{display:none;align-items:center;gap:8px;padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);font-size:13px;margin-bottom:12px;transition:all var(--transition)}.mobile-filter-toggle:hover{border-color:var(--border-2);color:var(--text)}.sidebar{flex-shrink:0;width:var(--sidebar-w);position:sticky;top:calc(var(--header-h) + 20px)}.sidebar-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-weight:600;font-size:15px;border-bottom:1px solid var(--border)}.sidebar-mobile-header button{color:var(--text-2);font-size:16px}.sidebar-overlay{display:none}.filter-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.filter-header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition)}.filter-header:hover{background:var(--surface-2)}.filter-header-left{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.filter-header-right{display:flex;align-items:center;gap:8px}.filter-badge{padding:2px 8px;background:var(--accent-dim);color:var(--accent);border-radius:100px;font-size:10px;font-weight:600}.filter-chevron{font-size:18px;color:var(--text-3);transition:transform var(--transition);display:inline-block}.filter-chevron.open{transform:rotate(90deg)}.filter-reset-btn{padding:3px 6px;color:var(--text-3);border-radius:var(--radius-sm);transition:all var(--transition)}.filter-reset-btn:hover{color:var(--red);background:var(--red-dim)}.filter-body{padding:4px 0 12px}.filter-section{padding:10px 16px;border-top:1px solid var(--border)}.filter-section:first-child{border-top:none}.filter-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:8px}.filter-checkboxes{display:flex;flex-direction:column;gap:6px}.filter-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.filter-checkbox{width:15px;height:15px;accent-color:var(--accent);border-radius:3px;cursor:pointer}.filter-range{display:flex;align-items:center;gap:8px}.filter-range-sep{color:var(--text-3);flex-shrink:0}.filter-input{flex:1;padding:7px 10px;background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);color:var(--text);font-size:12px;outline:none;transition:border-color var(--transition)}.filter-input:focus{border-color:var(--accent)}.filter-input::placeholder{color:var(--text-3)}.filter-select{width:100%;padding:7px 10px;background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);color:var(--text);font-size:12px;outline:none;cursor:pointer;transition:border-color var(--transition)}.filter-select:focus{border-color:var(--accent)}.filter-select option{background:var(--surface)}.filter-vendor-wrapper{position:relative}.filter-input--vendor{width:100%;padding-right:30px}.filter-vendor-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--text-3);transition:color var(--transition)}.filter-vendor-clear:hover{color:var(--text-2)}.results-area{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;max-width:100%}.sortbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sortbar-left{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:12px;flex-wrap:wrap}.sortbar-options{display:flex;flex-wrap:wrap;gap:6px}.sortbar-btn{padding:4px 12px;background:var(--surface);border:1px solid var(--border);border-radius:100px;color:var(--text-2);font-size:12px;transition:all var(--transition)}.sortbar-btn:hover{border-color:var(--border-2);color:var(--text)}.sortbar-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.sortbar-count{font-size:12px;color:var(--text-3);white-space:nowrap}.searchbar-wrapper{position:relative;display:flex;align-items:center}.searchbar-icon{position:absolute;left:16px;color:var(--text-3);pointer-events:none}.searchbar-input{width:100%;padding:14px 48px 14px 50px;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);color:var(--text);font-size:15px;outline:none;transition:border-color var(--transition),box-shadow var(--transition);box-shadow:var(--shadow)}.searchbar-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow),var(--shadow)}.searchbar-input::placeholder{color:var(--text-3)}.searchbar-clear{position:absolute;right:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);border-radius:50%;color:var(--text-2);transition:all var(--transition)}.searchbar-clear:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-2)}.table-wrapper{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;-webkit-overflow-scrolling:touch}.catalog-table{width:100%;border-collapse:collapse;font-size:13px}.catalog-table thead{border-bottom:1px solid var(--border-2)}.catalog-table th{padding:12px 14px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);white-space:nowrap;-webkit-user-select:none;user-select:none}.catalog-table th.sortable{cursor:pointer;transition:color var(--transition)}.catalog-table th.sortable:hover{color:var(--text-2)}.catalog-table th.sortable{display:flex;align-items:center;gap:4px}.sort-icon-neutral{font-size:11px;color:var(--text-3)}.catalog-row{border-bottom:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast);animation:fadeInScale .4s cubic-bezier(.22,1,.36,1) both}.catalog-row:hover{background:var(--surface-2);transform:scale(1.002) translate(4px);box-shadow:-4px 0 0 0 var(--accent)}.catalog-row:last-child{border-bottom:none}.catalog-table td{padding:11px 14px;color:var(--text-2);vertical-align:middle}.col-kode{width:110px}.col-nama{flex:1;min-width:180px}.col-divisi{width:110px;white-space:nowrap}.col-vendor{width:130px}.col-harga{width:140px;white-space:nowrap}.col-satuan,.col-tahun{width:70px}.kode-badge{font-family:var(--font-mono);font-size:11px;padding:2px 7px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-3);white-space:nowrap}.nama-text{color:var(--text);font-weight:500;display:block}.sub-kat{display:block;font-size:11px;color:var(--text-3);margin-top:2px}.harga-value{color:var(--green);font-weight:600;font-family:var(--font-mono);font-size:12px}.divisi-badge{display:inline-block;padding:2px 9px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.02em;border:1px solid var(--border-2);background:var(--surface-2);color:var(--text-2)}.divisi-mekanikal,.divisi-elektrikal,.divisi-elektronikal,.divisi-arsitektur{background:var(--surface-2);color:var(--text-2)}.divisi-badge:hover{background:#fff;color:var(--bg);border-color:#fff}.table-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:12px;color:var(--text-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.table-state--error{color:#fca5a5}.table-empty-icon{font-size:36px}.table-empty-title{font-size:15px;font-weight:600;color:var(--text-2)}.table-empty-desc{font-size:13px;color:var(--text-3);text-align:center;max-width:360px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0f172a80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{width:100%;max-width:680px;background:#fff;border-radius:32px;box-shadow:0 40px 100px -20px #0000004d;max-height:calc(100vh - 48px);overflow-y:auto;position:relative;animation:modal-pop .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 40px 100px -20px #0003;border:1px solid rgba(255,255,255,.8);animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-hero{padding:40px 48px;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #f1f5f9;position:relative}.modal-close-btn{position:absolute;top:32px;right:32px;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000000d}.modal-close-btn:hover{background:#f1f5f9;color:#0f172a;transform:rotate(90deg)}.modal-price-spotlight{margin:-24px 48px 0;background:#0f172a;border-radius:24px;padding:32px 40px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 40px -10px #0f172a4d;position:relative;z-index:10}.modal-info-grid{padding:48px;display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.info-item-box{display:flex;gap:20px;padding:20px;background:#f8fafc;border-radius:20px;border:1px solid #f1f5f9;transition:all .3s ease}.info-item-box:hover{background:#fff;border-color:var(--primary);box-shadow:0 10px 20px #00000008;transform:translateY(-2px)}.info-icon-wrapper{width:48px;height:48px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 4px 10px #0000000d}.modal-franco-section{padding:0 48px 48px}.franco-card{padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;transition:all .2s ease}.franco-card:hover{border-color:var(--primary);background:#f8fafc}.queue-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease}.queue-overlay.visible{opacity:1;visibility:visible}.queue-sidebar{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;background:#fff;z-index:10001;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;box-shadow:-20px 0 50px #0000001a}.queue-sidebar.open{transform:translate(0)}.queue-header{padding:32px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.queue-icon-bg{width:44px;height:44px;border-radius:12px;background:#2563eb1a;display:flex;align-items:center;justify-content:center}.queue-close-btn{width:40px;height:40px;border-radius:50%;background:#f8fafc;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer}.queue-content{flex:1;overflow-y:auto;padding:32px}.queue-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.queue-empty-icon{width:80px;height:80px;border-radius:50%;background:#f8fafc;display:flex;align-items:center;justify-content:center}.queue-item-card{padding:20px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:20px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:flex-start;transition:all .2s ease}.queue-item-card:hover{background:#fff;border-color:var(--primary);box-shadow:0 10px 20px #00000008}.qty-controls{display:flex;align-items:center;gap:12px;background:#fff;padding:4px;border-radius:10px;border:1px solid #e2e8f0}.qty-controls button{width:24px;height:24px;border-radius:6px;background:#f1f5f9;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#0f172a}.qty-controls span{font-size:14px;font-weight:700;min-width:20px;text-align:center}.remove-item-btn{margin-top:12px;width:100%;height:32px;border-radius:8px;background:transparent;border:1px solid #fee2e2;color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.remove-item-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.queue-footer{padding:32px;background:#fff;border-top:1px solid #f1f5f9;box-shadow:0 -20px 40px #00000005}.queue-submit-btn{flex:1;height:48px;background:var(--primary);color:#fff;border-radius:14px;border:none;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 10px 20px -5px #2563eb4d}.queue-clear-btn{padding:0 20px;height:48px;background:#f1f5f9;color:#64748b;border-radius:14px;border:none;font-weight:700;cursor:pointer}.floating-queue-btn{position:fixed;bottom:32px;right:32px;width:64px;height:64px;border-radius:20px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px -10px #2563eb80;cursor:pointer;z-index:999;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.floating-queue-btn:hover{transform:scale(1.1) translateY(-5px)}.queue-badge{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;padding:0 6px;background:#ef4444;color:#fff;border-radius:12px;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 4px 10px #ef44444d}.modal-header{padding:32px 40px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #f1f5f9;background:linear-gradient(to bottom,#f8faff,#fff)}.modal-close{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff;color:#94a3b8;border:1px solid #f1f5f9;transition:all .2s;cursor:pointer;box-shadow:0 2px 4px #00000005}.modal-close:hover{background:#fef2f2;color:#ef4444;border-color:#fee2e2;transform:rotate(90deg)}.modal-nama{font-size:26px;font-weight:800;color:#0f172a;margin-bottom:0;line-height:1.3}.modal-harga-box{background:#f8fafc;border:none;border-bottom:1px solid #f1f5f9;border-radius:0;padding:32px 40px;margin-bottom:0;display:flex;justify-content:space-between;align-items:center}.modal-harga-label{font-size:12px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.modal-base-price-val{font-size:36px;font-weight:800;color:var(--accent);margin-bottom:4px}.modal-harga-satuan{font-size:14px;color:var(--text-2);font-weight:600}.modal-all-locations{margin-top:32px;padding-top:32px;border-top:1px solid var(--border)}.modal-all-locations-title{font-size:20px}.modal-loc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.modal-loc-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:var(--transition)}.modal-loc-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.modal-details{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.modal-detail-row{display:flex;align-items:center;gap:12px}.md-label{min-width:140px;font-size:13px;font-weight:700;color:var(--text-2)}.md-value{font-size:14px;color:var(--text);font-weight:600}.modal-footer-note{font-size:12px;color:var(--text-2);text-align:center;padding-top:24px;border-top:1px solid var(--border);font-style:italic}.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:4px 0}.pagination-info{font-size:12px;color:var(--text-3)}.pagination-controls{display:flex;align-items:center;gap:4px}.page-btn{min-width:32px;height:32px;padding:0 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);font-size:13px;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.page-btn:hover:not(:disabled){border-color:var(--border-2);color:var(--text)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.page-btn--nav{padding:0 10px}.page-dots{padding:0 6px;color:var(--text-3);font-size:14px}@media (max-width: 1024px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){:root{--header-h: 54px}.header-subtitle,.header-user{display:none}.search-section{padding:32px 16px 24px}.search-heading{font-size:24px;margin-bottom:12px}.search-subheading{font-size:13px;line-height:1.5;max-width:100%}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cat-card{padding:18px 16px}.cat-name{font-size:12px}.content-area{flex-direction:column;padding:16px;gap:16px}.mobile-filter-toggle{display:flex;width:100%}.col-lokasi,.col-keterangan{display:none}.catalog-table th,.catalog-table td{padding:10px 12px}.col-nama{min-width:200px;max-width:250px;white-space:normal;word-break:break-word}.catalog-row:hover{transform:none;box-shadow:none}.table-wrapper{margin:0 -16px;border-radius:0;border-left:none;border-right:none;box-shadow:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.sortbar{flex-direction:column;align-items:flex-start}.sortbar-options{gap:4px}.modal-card{padding:20px 18px}.modal-harga-value{font-size:22px}.md-label{min-width:110px}}@media (max-width: 480px){.header-title{font-size:13px}.btn-signout span{display:none}.search-section{padding:28px 20px}.searchbar-input{font-size:16px;padding:14px 40px 14px 48px}.cat-card{padding:20px 16px}.table-wrapper{margin:0 -20px;border-radius:0;border-left:none;border-right:none}}.landing-wrapper{background:var(--bg);min-height:100vh}.landing-hero-wrapper{position:relative;min-height:100vh;background:var(--primary);overflow:hidden;display:flex;flex-direction:column}.landing-header{position:relative;z-index:100;height:80px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.landing-header-menu{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:14px;cursor:pointer;transition:all .2s ease}.landing-header-menu:hover{background:#fff3;transform:scale(1.05)}.landing-search-container{flex:1;display:flex;justify-content:center;max-width:none}.landing-search-bar{display:flex;align-items:center;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:100px;padding:4px 6px 4px 24px;height:52px;width:100%;max-width:680px;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 6px -1px #0000001a,0 10px 15px -3px #0000000d,inset 0 0 0 1px #ffffff80}.landing-search-bar:focus-within{background:#fff;border-color:var(--accent-red);box-shadow:0 20px 40px #f8717126;transform:translateY(-2px)}.landing-category-select{display:flex;align-items:center;gap:8px;min-width:160px;position:relative}.landing-cat-trigger{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#0f172a;font-size:14px;font-weight:800;cursor:pointer;background:transparent;padding:8px 0;transition:all .3s ease;letter-spacing:-.01em}.cat-arrow{opacity:.4;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.cat-arrow.open{transform:rotate(180deg)}.landing-cat-menu{position:absolute;top:calc(100% + 12px);left:-24px;width:260px;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:12px;box-shadow:0 20px 50px #0000001a;border:1px solid rgba(255,255,255,.5);display:flex;flex-direction:column;gap:4px;z-index:1000;animation:slideUpFade .3s cubic-bezier(.16,1,.3,1)}.landing-cat-item{width:100%;padding:12px 16px;border-radius:12px;text-align:left;font-size:13px;font-weight:600;color:#64748b;transition:all .2s ease;background:transparent;border:none}.landing-cat-item:hover{background:#f8fafc;color:var(--primary)}.landing-cat-item.active{background:var(--primary);color:#fff}.landing-cat-divider{width:1px;height:24px;background:#e2e8f0;margin-right:12px}.landing-search-input{flex:1;background:none;border:none;color:#1e293b;font-size:14px;font-weight:500;outline:none}.landing-search-input::placeholder{color:#94a3b8}.landing-search-btn{width:44px;height:44px;border-radius:50%;background:#0056b3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.landing-search-btn:hover{background:var(--accent-hover);transform:scale(1.1)}.search-clear-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#94a3b8;background:transparent;margin-right:8px;transition:all .2s ease;flex-shrink:0;padding:0;border:none;cursor:pointer}.search-clear-btn:hover{background:#f1f5f9;color:#475569;transform:scale(1.05)}.landing-hero-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.landing-hero-image img{width:100%;height:100%;object-fit:cover}.landing-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#000000e6,#0006)}.landing-hero-text{position:relative;z-index:10;padding:60px 40px;max-width:800px;flex:1;display:flex;flex-direction:column;justify-content:flex-start;color:#fff;margin-top:40px}.landing-hero-title{font-family:var(--font-heading);font-size:84px;font-weight:800;line-height:1;margin-bottom:8px}.landing-hero-subtitle{font-family:var(--font-heading);font-size:48px;font-weight:800;color:var(--accent-red);margin-bottom:24px;letter-spacing:-1px;text-shadow:0 4px 15px rgba(0,0,0,.3)}.landing-hero-desc{font-size:18px;line-height:1.6;opacity:.7;margin-bottom:40px}.landing-cta-btn{background:#0056b3;color:#fff;padding:18px 48px;border-radius:50px;font-size:16px;font-weight:800;border:none;cursor:pointer;transition:all .4s;box-shadow:0 10px 30px #0006;position:relative;overflow:hidden}.landing-cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transition:all .6s}.landing-cta-btn:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 15px 40px #0056b366}.landing-cta-btn:hover:before{left:100%}.landing-category-section{max-width:1200px;margin:-100px auto 60px;padding:36px;background:#fff;border-radius:32px;box-shadow:0 20px 60px #00000026;border:1px solid #f1f5f9;position:relative;z-index:20;overflow:hidden}.landing-category-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:32px 32px;opacity:.4;pointer-events:none}.landing-prices-section{padding:80px 40px;background:var(--bg)}.landing-section-title{text-align:center;font-size:24px;font-weight:900;color:var(--primary);margin-bottom:28px;letter-spacing:-.02em;position:relative;text-transform:uppercase}.landing-section-title:after{content:"";display:block;width:60px;height:4px;background:var(--accent);margin:12px auto 0;border-radius:2px}.landing-category-carousel-wrap{position:relative;width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center}.landing-category-grid{display:flex;gap:16px;overflow-x:auto;padding:16px 20px;width:100%;justify-content:safe center;scrollbar-width:none}.landing-category-grid::-webkit-scrollbar{display:none}.landing-category-grid.carousel-mode{scroll-snap-type:x mandatory}.landing-category-grid.dragging{scroll-behavior:auto;scroll-snap-type:none}.carousel-item{scroll-snap-align:start}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#fff;border:1px solid var(--border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:all var(--transition)}.carousel-nav-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.carousel-nav-btn.left{left:-20px}.carousel-nav-btn.right{right:-20px}.landing-cat-pill{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 24px;background:#fff;border:1px solid var(--border);border-radius:20px;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);min-width:150px;flex-shrink:0;box-shadow:0 4px 6px -1px #0000000d;position:relative;overflow:hidden}.landing-cat-pill:hover{transform:translateY(-10px);border-color:var(--accent-red);box-shadow:0 20px 40px -12px #f8717140}.landing-cat-pill:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent);opacity:0;transition:opacity .3s}.landing-cat-pill:hover:after{opacity:1}.landing-cat-pill-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--primary-dim);color:#000;border-radius:16px;transition:all .4s}.landing-cat-pill:hover .landing-cat-pill-icon{background:#000;color:#fff;transform:scale(1.1) rotate(5deg)}.landing-cat-pill-label{font-size:15px;font-weight:700;color:var(--text);text-align:center;white-space:nowrap}.cp-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column;position:relative;overflow-x:hidden}.cp-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(#e2e8f0 1.2px,transparent 1.2px);background-size:40px 40px;opacity:.5;pointer-events:none;z-index:0}.cp-header{position:sticky;top:0;z-index:1000;height:88px;background:linear-gradient(180deg,#0f172af2,#0f172acc);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:24px;box-shadow:0 10px 30px -10px #0000004d}.mobile-only{display:none!important}.cp-header-back{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1)}.cp-header-back:hover{background:#ffffff1a;transform:scale(1.05);border-color:#fff3}.cp-header-search-container{flex:1;display:flex;justify-content:center}.cp-header-actions{display:flex;gap:12px}.cp-title-section{padding:120px 32px 100px;background-color:#0f172a;background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(224,108,117,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(15,23,42,.2) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(15,23,42,.2) 0px,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b);position:relative;overflow:hidden;text-align:center;z-index:1}.cp-title-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),url(/DSC01628.JPG);background-size:60px 60px,60px 60px,cover;background-position:center;opacity:.25;mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2) saturate(.8);mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%);pointer-events:none;z-index:-1}@keyframes titleGlowMove{0%{transform:translate(-30%,-30%) scale(1)}50%{transform:translate(-20%,-20%) scale(1.1)}to{transform:translate(-30%,-30%) scale(1)}}.cp-title-glow{position:absolute;top:0;left:0;width:150%;height:150%;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.08),transparent 50%);filter:blur(80px);animation:titleGlowMove 15s ease-in-out infinite;pointer-events:none;z-index:-1}.cp-title-container{max-width:1200px;margin:0 auto;text-align:center}.cp-title-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#ffffff14;color:var(--accent-red);border-radius:100px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:24px;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 25px -5px #0000004d,0 0 0 1px #ffffff0d;transition:all .3s ease}.cp-title-badge:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px)}.cp-title-main{font-size:52px;font-weight:900;color:#fff;line-height:1.1;margin-bottom:16px;letter-spacing:-3px;text-shadow:0 10px 40px rgba(0,0,0,.5)}.cp-title-main .text-accent{color:var(--accent-red);text-shadow:0 0 30px rgba(248,113,113,.3)}.cp-title-desc{max-width:600px;margin:0 auto;color:#ffffffb3;font-size:16px;line-height:1.6}.cp-pills-bar{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:10px;padding:18px 28px;background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid rgba(226,232,240,.5);position:relative;z-index:100;box-shadow:0 4px 16px -8px #0f172a08}.cp-pills-bar::-webkit-scrollbar{display:none}.cp-pills-sep{width:2px;height:24px;background:#e2e8f0b3;margin:0 4px;flex-shrink:0;border-radius:10px}.cp-pill,.cp-flat-pill{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid transparent;border-radius:100px;padding:8px 20px;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap;height:40px;box-shadow:0 2px 6px -2px #0f172a0d,inset 0 0 0 1px #e2e8f0cc;flex-shrink:0;font-size:13.5px;font-weight:600;color:#64748b;cursor:pointer;letter-spacing:.1px}.cp-pill:hover,.cp-flat-pill:hover{transform:translateY(-2px);box-shadow:0 10px 20px -6px #0f172a1f,inset 0 0 0 1px #cbd5e180;background:#f8fafc;color:#334155}.cp-pill--active,.cp-flat-pill--active{border-color:transparent!important;font-weight:700;transform:translateY(-2px);background:linear-gradient(135deg,#0f172a,#1e293b)!important;color:#fff!important;box-shadow:0 10px 24px -8px #0f172a80,inset 0 1px 1px #ffffff1a!important;letter-spacing:.3px}.cp-pill-group{display:flex;align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:100px;padding:3px 5px 3px 3px;transition:all .22s cubic-bezier(.16,1,.3,1);white-space:nowrap;height:40px;box-shadow:0 1px 3px #0000000d;flex-shrink:0}.cp-pill-group:hover{border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 8px 20px -4px #0000001f;background:#fafbfc}.cp-pill-group--active{border-color:transparent!important;box-shadow:0 0 0 2px currentColor,0 8px 20px -4px #00000026}.cp-pill-main{display:flex;align-items:center;gap:7px;padding:0 10px;height:100%;border:none;background:transparent;font-size:13px;font-weight:700;color:#475569;cursor:pointer;transition:color .2s;letter-spacing:-.01em}.cp-pill-icon{color:#94a3b8;flex-shrink:0;transition:color .2s}.cp-pill-group:hover .cp-pill-icon{color:#64748b}.cp-pill-group--active .cp-pill-main{color:inherit;font-weight:800}.cp-pill-group--active .cp-pill-icon{color:inherit}.cp-pill-toggle{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;border-radius:100px;background:#f1f5f9;cursor:pointer;color:#94a3b8;transition:all .2s ease;flex-shrink:0}.cp-pill-group:hover .cp-pill-toggle{background:#e2e8f0;color:#64748b}.cp-pill-group--active .cp-pill-toggle{background:#fff6;color:inherit}.cp-pill-toggle svg{transition:transform .25s cubic-bezier(.16,1,.3,1)}.cp-pill-toggle svg.rotated{transform:rotate(180deg)}.cp-pill-toggle--open{background:#00000014!important;color:inherit!important}.cp-pill-active-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0;opacity:.7;margin-left:2px;animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.cp-pill-dropdown{z-index:2000;animation:slideUpFade .22s cubic-bezier(.16,1,.3,1)}.cp-pill-dropdown-inner{background:#fff;border:1px solid #e8edf5;border-radius:20px;box-shadow:0 8px 24px -4px #0000001f,0 32px 64px -12px #00000029;display:flex;flex-direction:column;min-width:320px;max-width:520px;overflow:visible;padding:12px;gap:8px}.cp-pill-dd-label{display:flex;align-items:center;gap:8px;padding:6px 4px 2px}.cp-pill-dd-label-icon{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cp-pill-dd-close{width:26px;height:26px;border-radius:7px;border:1px solid #e2e8f0;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;flex-shrink:0}.cp-pill-dd-close:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444}.cp-pill-dd-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:300px;overflow-y:auto;scrollbar-width:none}.cp-pill-dd-cards::-webkit-scrollbar{display:none}.cp-pill-dd-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;text-align:center}.cp-pill-dd-card:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 8px 16px -4px #0000001a}.cp-pill-dd-card-icon{width:44px;height:44px;border-radius:12px;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;transition:all .2s ease;letter-spacing:-.5px}.cp-pill-dd-card:hover .cp-pill-dd-card-icon{background:#1e293b;color:#fff}.cp-pill-dd-card-label{font-size:11px;font-weight:600;color:#475569;line-height:1.3;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:color .2s}.cp-pill-dd-card:hover .cp-pill-dd-card-label{color:#0f172a}.cp-pill-dd-card-badge{position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:50%;background:#10b981;color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}.cp-pill-dd-card--active{background:var(--card-bg, #fef2f2);border-color:var(--card-color, #ef4444);box-shadow:0 0 0 1px var(--card-color, #ef4444)}.cp-pill-dd-card--active .cp-pill-dd-card-icon{background:var(--card-color, #ef4444);color:#fff}.cp-pill-dd-card--active .cp-pill-dd-card-label{color:var(--card-color, #ef4444);font-weight:700}.cp-pill-dd-card--active:hover{transform:translateY(-3px);filter:brightness(.96)}.cp-pill-dd-footer{padding-top:4px}.cp-pill-dd-footer-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,#1e3a5f,#0f172a);color:#ffffffeb;border:none;border-radius:12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.01em}.cp-pill-dd-footer-btn strong{color:#fff;font-weight:800}.cp-pill-dd-footer-btn:hover{background:linear-gradient(135deg,#2563eb,#1e3a5f);transform:translateY(-1px);box-shadow:0 6px 16px -4px #1e3a5f73}.cp-list{padding:12px 32px 40px;display:flex;flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;width:100%}.cp-item{width:100%;background:#fff;border-radius:24px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left;transition:all .4s cubic-bezier(.16,1,.3,1);border:1px solid #f1f5f9;cursor:pointer;box-shadow:0 4px 6px -1px #00000005;position:relative;overflow:hidden}.cp-item:hover{transform:translateY(-4px) scale(1.01);border-color:var(--accent-red);box-shadow:0 20px 40px -12px #f8717126}.cp-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(248,113,113,.03),transparent 70%);opacity:0;transition:opacity .4s ease}.cp-item:hover:after{opacity:1}.cp-item-name{font-family:var(--font-heading);font-size:20px;font-weight:800;color:var(--primary);margin-bottom:8px;line-height:1.3}.cp-item-brand{font-size:13px;font-weight:700;color:#000}.cp-price-card{background:#f8fafc;padding:16px 20px;border-radius:16px;border:1px solid #f1f5f9;transition:all .3s ease}.cp-item:hover .cp-price-card--green{box-shadow:0 10px 20px -5px #10b98126}.cp-price-card-val{font-family:var(--font-heading);font-size:22px;font-weight:800;color:var(--primary);letter-spacing:-.01em}.cp-list-container{display:flex;flex-direction:column;gap:20px}.cp-suggestion--cross{background:#fef2f2;border-left:4px solid var(--accent-red);display:flex!important;align-items:center;padding:16px 24px!important;text-align:left!important;border-bottom:1px solid rgba(248,113,113,.1);border-radius:12px;margin:0 32px 20px}.cp-jump-btn{margin-left:auto;background:var(--accent-red)!important;color:#fff!important;padding:8px 16px!important;border-radius:10px!important;font-size:13px!important;font-weight:700!important;box-shadow:0 4px 12px #f8717133;transition:all .3s ease;border:none;cursor:pointer}.cp-jump-btn:hover{background:#ef4444!important;transform:translate(4px);box-shadow:0 8px 20px #f871714d}.cp-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:100px 24px;color:#94a3b8;text-align:center;background:#ffffff80;border-radius:32px;border:1px dashed #e2e8f0;margin-top:20px}.cp-state-icon{font-size:48px;color:#cbd5e1;margin-bottom:8px}.cp-state-title{font-size:18px;font-weight:800;color:#1e293b;letter-spacing:-.01em}.cp-state-desc{font-size:14px;color:#64748b;max-width:300px;line-height:1.5}.cp-item-badges{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.cp-item-type-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em}.cp-item-type-badge.type-material{background:#dbeafe;color:#1d4ed8}.cp-item-type-badge.type-jasa{background:#fef3c7;color:#b45309}.cp-item-type-badge.type-upah{background:#fef3c7;color:#92400e}.cp-item-type-badge.type-alat{background:#e0e7ff;color:#4338ca}.cp-item-type-badge.type-material-jasa{background:#f3e8ff;color:#7c3aed}.cp-item-date{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;display:flex;align-items:center;gap:4px;background:#f3f4f6;color:#6b7280}.cp-item-date svg{width:10px;height:10px;flex-shrink:0}.cp-item-left{flex:1;min-width:0}.cp-item-name{font-size:14px;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-item-locations{margin-top:8px;display:flex;flex-direction:column;gap:4px}.cp-loc-badge-label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.cp-loc-badges{display:flex;flex-wrap:wrap;gap:4px}.cp-loc-badge{height:20px;padding:0 8px;background:#f1f5f9;color:#475569;border-radius:100px;font-size:9.5px;font-weight:600;display:inline-flex;align-items:center;border:1px solid #e2e8f0;white-space:nowrap}.cp-loc-badge--active{background:var(--accent-glow);color:var(--accent);border-color:#3b82f633}.cp-item-vendor{font-size:10.5px;color:#777;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.cp-item{padding:14px;align-items:flex-start;gap:12px}.cp-item-name{white-space:normal;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;font-size:13.5px}.cp-item-vendor{white-space:normal;display:block;margin-top:4px;line-height:1.3;font-size:10px}.cp-item-right{margin-top:2px}}.cp-item-right{text-align:right;flex-shrink:0}.cp-item-label{font-size:10.5px;color:#888}.cp-item-price{font-size:13px;font-weight:700;color:#000;white-space:nowrap}.cp-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:0;background:transparent;flex-shrink:0}.cp-page-nav{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s ease;box-shadow:0 2px 4px #00000005}.cp-page-nav:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cp-page-nav:disabled{opacity:.4;cursor:not-allowed}.cp-page-btn{min-width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:14px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 4px #00000005}.cp-page-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.cp-page-btn--active{background:var(--primary);color:#fff!important;border-color:var(--primary);font-weight:700;box-shadow:0 8px 16px -4px #1e293b33}.cp-page-dots{font-size:14px;color:#888;padding:0 4px}.cp-sort-bar{display:flex;align-items:center;padding:12px 32px 4px;margin-top:10px}.cp-stats-pill{display:inline-flex;align-items:center;gap:8px;background:#f1f5f9;padding:6px 14px;border-radius:100px;border:1px solid #e2e8f0;transition:all .3s ease}.cp-stats-pill:hover{background:#f8fafc;border-color:var(--primary-dim);box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.cp-stats-icon{color:var(--primary)}.cp-stats-text{font-size:13px;font-weight:700;color:#475569;letter-spacing:.02em}@media (max-width: 640px){.cp-view-toggle{display:none!important}}.cp-view-toggle{margin-left:auto;display:flex;background:#f1f5f9;padding:4px;border-radius:12px;border:1px solid #e2e8f0;gap:2px}.cp-view-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease;border:none;background:transparent;cursor:pointer}.cp-view-btn:hover{color:var(--primary);background:#ffffff80}.cp-view-btn--active{background:#fff!important;color:var(--primary)!important;box-shadow:0 2px 8px #00000014}.cp-list--grid .cp-list-container{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:20px!important;width:100%!important}.cp-list--grid .cp-item{flex-direction:column!important;align-items:stretch!important;padding:16px!important;gap:12px!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.cp-list--grid .cp-item-clickable,.cp-list--grid .cp-item-info{width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.cp-list--grid .cp-item-name{white-space:normal!important;word-break:break-word!important;width:100%!important;box-sizing:border-box!important}.cp-list--grid .cp-item-prices{width:100%!important;border-left:none!important;padding-left:0!important;border-top:1px solid #f1f5f9!important;padding-top:16px!important}.cp-list--grid .cp-item-price-list{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.cp-list--grid .cp-price-card{width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.cp-list--grid .cp-price-card-body{flex-direction:column!important;align-items:flex-start!important;gap:6px!important;width:100%!important;box-sizing:border-box!important}.cp-list--grid .cp-price-card-left{width:100%!important;flex-wrap:wrap!important}.cp-list--grid .cp-price-card-val{text-align:left!important;width:100%!important}.cp-list--grid .cp-price-card-loc{white-space:normal!important;word-break:break-word!important}.cp-list--grid .cp-detail-panel{padding:16px 14px!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.cp-list--grid .cp-detail-grid{grid-template-columns:1fr!important;gap:12px!important;width:100%!important;box-sizing:border-box!important}.cp-list--grid .cp-detail-section{width:100%!important;box-sizing:border-box!important;overflow:hidden!important}@media (max-width: 640px){.cp-list--grid .cp-list{padding:10px 16px 40px!important;overflow:visible!important}.cp-list--grid .cp-list-container{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;padding:4px 2px!important;overflow:visible!important}.cp-list--grid .cp-item{display:flex!important;flex-direction:column!important;height:100%!important;padding:16px 14px!important;gap:12px!important;border-radius:20px!important;background:#fff!important}.cp-list--grid .cp-item-name{font-size:14px!important;font-weight:800!important;line-height:1.3!important;margin:8px 0 4px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.cp-list--grid .cp-item-vendor{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#64748b!important;margin-bottom:4px!important}.cp-list--grid .cp-item-date{font-size:10px!important;color:#94a3b8!important}.cp-list--grid .cp-item-info span{font-size:9px!important;padding:2px 6px!important}.cp-list--grid .cp-item-prices{margin-top:auto!important;padding-top:12px!important;width:100%!important}.cp-list--grid .cp-price-card{padding:8px!important;border-radius:10px!important}.cp-list--grid .cp-price-card-body{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.cp-list--grid .cp-price-card-val{font-size:13.5px!important;text-align:left!important;width:100%}.cp-list--grid .cp-price-card-loc{min-width:0!important;width:100%}.cp-list--grid .cp-price-card-loc span{font-size:9.5px!important;max-width:none!important}}@media (min-width: 640px){.cp-hero{height:260px}.cp-list,.cp-sort-bar{max-width:1000px;margin:0 auto;width:100%}.cp-pills-bar{justify-content:center}}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:9998;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-backdrop--open{opacity:1;pointer-events:auto}.sidebar-drawer{position:fixed;top:0;left:0;bottom:0;width:80px;background:linear-gradient(180deg,#0f172a,#1e293b);z-index:9999;transition:width .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;will-change:width,transform;transform:translateZ(0);overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar-drawer::-webkit-scrollbar{display:none}@media (min-width: 1025px){.sidebar-drawer:hover{width:280px;box-shadow:20px 0 50px #0003}}@media (max-width: 1024px){.sidebar-drawer{width:280px;transform:translate(-100%);overflow-y:auto;visibility:hidden;pointer-events:none}.sidebar-drawer--open{transform:translate(0);visibility:visible;pointer-events:auto}.sidebar-brand-text,.sidebar-section-label,.sidebar-item span,.sidebar-user-info{opacity:1!important;transform:none!important;pointer-events:auto!important}.sidebar-brand{padding:32px 24px!important}.sidebar-bottom{padding:24px!important}.sidebar-user{padding:12px!important}}.sidebar-brand{padding:32px 18px;display:flex;align-items:center;justify-content:flex-start;gap:20px;margin-bottom:8px;transition:padding .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@media (min-width: 1025px){.sidebar-drawer:hover .sidebar-brand{padding:32px 28px}}.sidebar-logo-img{min-width:44px;width:44px;height:44px;object-fit:contain;background:transparent;padding:4px;border-radius:8px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-brand-text{opacity:0;transform:translate(-20px);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);pointer-events:none;white-space:nowrap}.sidebar-brand-name{font-weight:800;font-size:14px;color:#fff;letter-spacing:.05em}.sidebar-brand-sub{font-weight:600;font-size:11px;color:#fff9;margin-top:2px}@media (min-width: 1025px){.sidebar-drawer:hover .sidebar-brand-text{opacity:1;transform:translate(0);pointer-events:auto}}.sidebar-close{width:34px;height:34px;background:#ffffff1a;color:#ffffffb3;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);cursor:pointer}.sidebar-section-label{padding:12px 24px;font-size:10px;font-weight:800;color:#fff3;text-transform:uppercase;letter-spacing:.2em;opacity:0;transition:opacity .3s cubic-bezier(.16,1,.3,1);will-change:opacity}@media (min-width: 1025px){.sidebar-drawer:hover .sidebar-section-label{opacity:1}}.sidebar-menu{list-style:none;padding:0 16px}.sidebar-item{width:100%;height:48px;display:flex;align-items:center;justify-content:flex-start;padding:0 16px;border-radius:12px;color:#ffffff80;font-size:14px;font-weight:700;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;margin-bottom:8px;position:relative;border:none;background:transparent;cursor:pointer;overflow:hidden;pointer-events:auto!important;z-index:10}.sidebar-item svg{min-width:20px;margin-right:24px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-item:hover svg{transform:scale(1.1)}.sidebar-item span{opacity:0;transform:translate(-16px);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}@media (min-width: 1025px){.sidebar-drawer:hover .sidebar-item span{opacity:1;transform:translate(0)}}.sidebar-item--active{background:#3b82f6!important;color:#fff!important;box-shadow:0 10px 25px #3b82f666}.sidebar-item--active:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;background:#60a5fa;border-radius:0 4px 4px 0;transform:translateZ(0);box-shadow:0 0 10px #60a5fa}.sidebar-badge-lock{margin-left:auto;font-size:9px;padding:2px 8px;background:#ffffff26;border-radius:100px;color:#fffc;font-weight:800}.sidebar-bottom{margin-top:auto;padding:16px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05);transition:padding .5s cubic-bezier(.4,0,.2,1),background-color .5s ease;position:relative;z-index:10}@media (min-width: 1025px){.sidebar-drawer:hover .sidebar-bottom{padding:24px}}.sidebar-user{display:flex;align-items:center;gap:12px;padding:4px;background:#ffffff0d;border-radius:14px;margin-bottom:16px;transition:all .3s ease;overflow:hidden;border:1px solid rgba(255,255,255,.05)}@media (min-width: 1025px){.sidebar-drawer:hover .sidebar-user{padding:12px;border-radius:16px}}.sidebar-user-info{opacity:0;transform:translate(-10px);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}@media (min-width: 1025px){.sidebar-drawer:hover .sidebar-user-info{opacity:1;transform:translate(0)}}@media (min-width: 768px){.md-hide{display:none!important}}.sidebar-avatar{width:42px;height:42px;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:800;flex-shrink:0;box-shadow:0 4px 12px #3b82f64d}.sidebar-user-name{font-size:14px;font-weight:800;color:#fff}.sidebar-user-role{font-size:11px;color:#fff9;margin-top:2px}.sidebar-item--logout:hover{background:#ef444433!important;color:#fca5a5!important}.sidebar-item--logout{color:#fb7185}.sidebar-item--logout:hover{background:#fff1f2!important;color:#ef4444!important}.main-layout-content{min-height:100vh;background:var(--bg);color:var(--text);margin-left:80px;transition:margin-left .3s cubic-bezier(.16,1,.3,1);will-change:margin-left;transform:translateZ(0);position:relative}@media (min-width: 1025px){.sidebar-drawer:hover+.main-layout-content{margin-left:280px}}@media (max-width: 1024px){.main-layout-content{margin-left:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;padding-right:0!important}}.sidebar-item--logout:hover{background:#fdecea;color:#c0392b}.sidebar-bottom-divider{height:1px;background:#ffffff1a;margin:12px 20px 8px}.sidebar-bottom{margin-top:auto;border-top:1px solid #f0f0f0;padding:12px 10px 0;display:flex;flex-direction:column}.sidebar-divider{height:1px;background:#ffffff1a;margin:4px 12px}.sidebar-item--update{color:var(--text-secondary);font-weight:600;justify-content:space-between}.sidebar-item--update:hover{background:var(--surface-2);color:var(--text)}.sidebar-badge-lock{font-size:10px;font-weight:700;letter-spacing:.05em;background:#001f3f;color:#fff;padding:2px 7px;border-radius:20px;margin-left:auto;flex-shrink:0}.ud-gate-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f1f5f9;padding:24px;font-family:Inter,sans-serif}.ud-gate-card{width:100%;max-width:400px;background:#0f172af5;border:1px solid rgba(148,163,184,.18);border-radius:24px;padding:40px 32px 32px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 24px 60px #00000073;animation:ud-gate-in .35s cubic-bezier(.22,1,.36,1)}@keyframes ud-gate-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ud-gate-icon-wrap{width:64px;height:64px;border-radius:20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:4px}.ud-gate-title{font-size:22px;font-weight:800;color:#f1f5f9;letter-spacing:-.02em;text-align:center}.ud-gate-desc{font-size:13.5px;color:#94a3b8;text-align:center;line-height:1.5}.ud-gate-input-wrap{width:100%;position:relative;display:flex;align-items:center}.ud-gate-input{width:100%;padding-right:44px!important}.ud-gate-eye{position:absolute;right:12px;font-size:18px;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.6;transition:opacity .2s}.ud-gate-eye:hover{opacity:1}.ud-gate-btn{width:100%;height:48px;background:#fff;color:#000;border-radius:12px;font-size:14px;font-weight:800;font-family:Inter,sans-serif;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s,transform .15s;margin-top:4px}.ud-gate-btn:hover{opacity:.9;transform:translateY(-1px)}.ud-gate-btn:active{transform:translateY(0)}.ud-gate-back{font-size:13px;color:#64748b;display:flex;align-items:center;gap:4px;transition:color .2s;font-family:Inter,sans-serif}.ud-gate-back:hover{color:#94a3b8}.ud-input{width:100%;height:44px;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:0 16px;font-size:14px;color:var(--text-dark);font-family:Inter,sans-serif;outline:none;transition:all .2s;box-shadow:inset 0 1px 2px #00000008}.ud-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.ud-input::placeholder{color:#94a3b8;opacity:.5}.ud-input option{background:#1e293b;color:#f1f5f9}.ud-textarea{min-height:110px;padding:14px 16px;line-height:1.6;resize:vertical;height:auto}.ud-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative}.ud-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(#e2e8f0 1.2px,transparent 1.2px);background-size:40px 40px;opacity:.5;pointer-events:none;z-index:0}.ud-header{height:80px;background:#0f172ae6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:0 40px;display:flex;align-items:center;justify-content:flex-start;gap:24px;position:sticky;top:0;z-index:1000}.ud-header-title{display:flex;align-items:center;gap:16px;color:#fff}.ud-header-title h1{font-size:20px;font-weight:800;color:#fff;margin:0}.ud-header-menu{color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#ffffff1a;border:none;cursor:pointer;padding:8px;border-radius:12px}.ud-header-menu:hover{background:#0f172a0d}.ud-tabs{display:flex;gap:8px;padding:12px 40px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:80px;z-index:999;overflow-x:auto;scrollbar-width:none}.ud-tabs::-webkit-scrollbar{display:none}.ud-tab{padding:10px 20px;border-radius:100px;font-size:14px;font-weight:700;color:var(--text-2);transition:var(--transition);display:flex;align-items:center;gap:8px;border:1px solid transparent;white-space:nowrap}.ud-tab:hover{background:#f1f5f9;color:var(--primary)}.ud-tab--active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #0f172a33}.ud-content{padding:40px;max-width:1400px;margin:0 auto;position:relative;z-index:1}.ud-section{background:#fff;border-radius:32px;border:1px solid rgba(226,232,240,.8);padding:40px;box-shadow:0 20px 50px #0f172a0d}.landing-recent-section{padding:80px 40px;background:#f8fafc}.landing-recent-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;color:var(--primary);margin-bottom:32px}.landing-price-card{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:#fff;border-radius:20px;border:1px solid var(--border);margin-bottom:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;border-left:5px solid var(--accent)}.landing-price-card:hover{transform:translate(10px);box-shadow:0 10px 20px #0000000d;border-color:var(--accent)}.landing-price-card-name{font-size:17px;font-weight:700;color:var(--text);margin-bottom:4px}.landing-price-card-vendor{font-size:13px;color:var(--text-secondary);font-weight:600}.landing-price-card-date{font-size:11px;color:var(--text-muted);margin-top:8px;display:flex;align-items:center;gap:4px}.landing-price-card-value{font-size:18px;font-weight:800;color:var(--accent)}.landing-view-all-btn{background:#fff;color:var(--primary);border:1px solid var(--border);padding:12px 32px;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s}.landing-view-all-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.ud-section{box-shadow:var(--shadow-sm);margin-bottom:32px}.ud-section-title{font-size:18px;font-weight:800;color:var(--primary);margin-bottom:24px;display:flex;align-items:center;gap:12px}.ud-section-title--danger{color:#dc2626}.ud-form-stack{display:flex;flex-direction:column;gap:20px}.ud-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.ud-form-group{display:flex;flex-direction:column;gap:8px}.ud-label{font-size:12px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.ud-label-row{display:flex;align-items:center;justify-content:space-between}.ud-dash-btn{font-size:10px;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-glow);padding:2px 6px;border-radius:4px;font-weight:700;transition:all .2s;cursor:pointer}.ud-dash-btn:hover{background:var(--accent);color:#fff}.ud-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.ud-btn{height:48px;padding:0 24px;border-radius:var(--radius);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;transition:var(--transition);cursor:pointer}.ud-btn--primary{background:var(--primary);color:#fff;border:none}.ud-btn--primary:hover:not(:disabled){background:#1e293b;transform:translateY(-1px)}.ud-btn--primary:disabled{opacity:.5;cursor:not-allowed}.ud-btn--ghost{background:#f1f5f9;color:var(--text-2);border:1px solid var(--border)}.ud-btn--ghost:hover{background:#e2e8f0;color:var(--primary)}.ud-btn--danger{background:#dc2626;color:#fff;border:none}.ud-btn--danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.ud-btn--sm{height:36px;padding:0 16px;font-size:13px}.ud-alert{padding:16px;border-radius:var(--radius);font-size:14px;font-weight:600;display:flex;align-items:center;gap:12px;margin-top:16px}.ud-alert--ok{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.ud-alert--err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.ud-search-bar{display:flex;gap:12px;margin-bottom:24px;align-items:center;background:#fff;padding:12px;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ud-search-input{flex:1;height:48px;border:none!important;background:transparent!important;padding:0 16px!important;font-size:15px;font-weight:500;color:var(--text);outline:none}.ud-search-btn{width:48px;height:48px;border-radius:12px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.ud-search-btn:hover{background:#1e293b;transform:scale(1.05)}.ud-table-wrapper{width:100%;overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-sm)}.ud-table{width:100%;border-collapse:collapse;text-align:left}.ud-table th{background:#f8fafc;padding:16px 24px;font-weight:700;color:var(--text-2);text-transform:uppercase;font-size:11px;letter-spacing:.05em;border-bottom:1px solid var(--border)}.ud-table td{padding:20px 24px;border-bottom:1px solid #f1f5f9;color:var(--text);font-size:14px}.ud-item-name{font-weight:700;color:var(--primary);margin-bottom:4px}.ud-item-subtext{font-size:12px;color:var(--text-2)}.ud-result-list{display:flex;flex-direction:column;gap:8px}.ud-result-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:background .15s}.ud-result-item:hover{background:#f1f5f9}.ud-result-kode{font-size:11px;font-weight:700;letter-spacing:.05em;color:#94a3b8;margin-right:8px;font-family:Inter,sans-serif}.ud-result-name{font-size:14px;font-weight:600;color:#0f172a;font-family:Inter,sans-serif}.ud-result-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.ud-divisi-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.ud-divisi-mekanikal{background:#dbeafe;color:#1d4ed8}.ud-divisi-elektrikal{background:#fef9c3;color:#a16207}.ud-divisi-elektronikal{background:#ede9fe;color:#6d28d9}.ud-divisi-arsitektur{background:#dcfce7;color:#15803d}.ud-empty{text-align:center;color:#94a3b8;font-size:14px;padding:24px}.ud-edit-form-wrap{margin-top:16px;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.ud-edit-form-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:13.5px;font-weight:600;color:#475569;font-family:Inter,sans-serif}.ud-edit-form-header form,.ud-edit-form-wrap>form{padding:16px}.ud-confirm-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-align:center;margin-top:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:14px}.ud-confirm-icon{color:#dc2626}.ud-confirm-title{font-size:18px;font-weight:800;color:#0f172a}.ud-confirm-desc{font-size:14px;color:#475569;line-height:1.6}.ud-confirm-actions{display:flex;gap:10px;margin-top:4px}.ud-csv-guide{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;margin-bottom:24px}.ud-analysis-wrap{margin-bottom:24px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000008}.ud-analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.ud-analysis-left{display:flex;align-items:center;gap:16px}.ud-analysis-icon{color:var(--accent);background:#f0f7ff;border-radius:12px;padding:10px}.ud-analysis-left h3{font-size:16px;font-weight:700;color:#0f172a;margin:0}.ud-analysis-left p{font-size:13px;color:#64748b;margin:2px 0 0}.ud-analysis-pills{display:flex;gap:10px}.ud-pill{padding:6px 12px;border-radius:99px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.ud-pill--new{background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7}.ud-pill--update{background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.ud-analysis-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.ud-ana-btn{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.ud-ana-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000000d;border-color:var(--accent)}.ud-ana-btn:disabled{opacity:.5;cursor:not-allowed;background:#f8fafc}.ud-ana-btn-icon{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f1f5f9;color:#64748b}.ud-ana-btn-info{display:flex;flex-direction:column}.ud-ana-btn-info strong{font-size:14px;color:#0f172a}.ud-ana-btn-info span{font-size:11px;color:#64748b}.ud-ana-btn--sync{background:#f0f7ff;border-color:#dbeafe}.ud-ana-btn--sync .ud-ana-btn-icon{background:var(--accent);color:#fff}.ud-ana-btn--reset:hover:not(:disabled){border-color:#ef4444;background:#fff5f5}.ud-analysis-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;background:#f8fafc;border-radius:16px;border:2px dashed #e2e8f0;margin-bottom:24px;color:#64748b;font-size:14px}@media (max-width: 640px){.ud-analysis-header{flex-direction:column;align-items:flex-start;gap:16px}.ud-analysis-actions{grid-template-columns:1fr}}.ud-csv-guide-title{font-size:12px;font-weight:700;color:#475569;margin-bottom:8px;font-family:Inter,sans-serif}.ud-csv-code{font-size:11px;color:#001f3f;background:#e0e7ff;padding:6px 10px;border-radius:6px;display:block;word-break:break-all;font-family:Courier New,monospace}.ud-dropzone{border:2px dashed #cbd5e1;border-radius:14px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:border-color .2s,background .2s;background:#f8fafc}.ud-dropzone:hover{border-color:#001f3f;background:#f0f4ff}.ud-dropzone-icon{color:#94a3b8}.ud-dropzone:hover .ud-dropzone-icon{color:#001f3f}.ud-dropzone-label{font-size:14px;font-weight:600;color:#475569;text-align:center}.ud-dropzone-hint{font-size:12px;color:#94a3b8}.ud-csv-preview{margin-top:20px}.ud-csv-preview-label{font-size:13px;font-weight:700;color:#15803d;margin-bottom:8px;display:flex;align-items:center;gap:6px}.ud-csv-preview-label:before{content:"✓"}.ud-csv-preview-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid #e2e8f0}.ud-csv-preview-table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;font-size:13px}.ud-csv-preview-table th{background:#f1f5f9;color:#475569;font-weight:700;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:10px 12px;text-align:left;border-bottom:1px solid #e2e8f0}.ud-csv-preview-table td{padding:9px 12px;color:#0f172a;border-bottom:1px solid #f1f5f9}.ud-csv-more{padding:8px 12px;font-size:12px;color:#94a3b8;text-align:center;background:#f8fafc;border-top:1px solid #e2e8f0}.ud-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ud-spin .6s linear infinite}@keyframes ud-spin{to{transform:rotate(360deg)}}.ud-manage-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.ud-manage-header .ud-section-title{margin-bottom:0}.ud-filter-toggle-btn{height:44px;padding:0 12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#334155;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 2px 8px #0000000a;position:relative;white-space:nowrap;flex-shrink:0}@media (max-width: 640px){.ud-filter-toggle-btn span{display:block}}.ud-filter-toggle-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.ud-filter-toggle-btn.active{background:#1e293b;color:#fff;border-color:#1e293b}.ud-filter-toggle-btn.has-active{border-color:var(--accent)}.ud-filter-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--accent);border-radius:50%;border:2px solid #fff}.ud-filter-toggle-btn.active .ud-filter-dot{border-color:#1e293b}.ud-manage-controls{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;margin-top:12px;margin-bottom:24px;box-shadow:0 10px 25px -5px #0000000d;display:flex;flex-direction:column;gap:20px;animation:ud-slide-down .3s cubic-bezier(.16,1,.3,1) both}@keyframes ud-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ud-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.ud-filter-item{display:flex;flex-direction:column;gap:8px}.ud-filter-item label{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.ud-select{height:44px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:0 12px;font-size:14px;color:#0f172a;font-weight:600;cursor:pointer;outline:none;transition:all .2s}.ud-select:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px var(--accent-glow)}.ud-sort-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-top:1px solid #f1f5f9;padding-top:20px}@media (max-width: 640px){.ud-sort-controls{flex-direction:column;align-items:stretch}}.ud-sort-group{display:flex;gap:8px}.ud-sort-group .ud-select{flex:1}.ud-sort-order-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;transition:all .2s}.ud-sort-order-btn:hover{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-glow)}.ud-reset-filters-btn{height:44px;padding:0 20px;border-radius:10px;font-size:13px;font-weight:700;color:#ef4444;background:#fef2f2;border:1px solid #fecaca;transition:all .2s;cursor:pointer}.ud-reset-filters-btn:hover{background:#fee2e2;transform:translateY(-1px)}.ud-search-input-wrap{position:relative;flex:1;display:flex;align-items:center}.ud-search-btn-icon{width:44px;height:44px;background:var(--primary);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;cursor:pointer;border:none}.ud-search-btn-icon:hover{background:var(--accent-hover)}.ud-manage-list{display:flex;flex-direction:column;gap:16px}.ud-item-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.ud-item-card:hover{border-color:var(--accent);box-shadow:var(--shadow-premium);transform:translateY(-2px)}.ud-card-main{display:flex;justify-content:space-between;gap:24px}.ud-card-left{flex:1}.ud-card-kode{font-size:11px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.ud-card-name{font-size:18px;font-weight:800;color:var(--primary);margin-bottom:4px}.ud-card-brand{font-size:14px;color:var(--accent);font-weight:700;margin-bottom:12px}.ud-card-loc{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.ud-card-right{text-align:right}.ud-price-num{font-size:20px;font-weight:800;color:var(--primary)}.ud-card-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--border)}.ud-footer-btn{height:40px;padding:0 20px;border-radius:8px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;transition:var(--transition);cursor:pointer}.ud-footer-btn--edit{background:#f1f5f9;color:var(--primary);border:none}.ud-footer-btn--edit:hover{background:#e2e8f0}.ud-footer-btn--del{background:#fef2f2;color:#dc2626;border:none}.ud-footer-btn--del:hover{background:#fee2e2}.cp-item-price-list{margin-top:12px;display:flex;flex-direction:column;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 14px}.cp-price-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.cp-price-loc{font-size:11px;font-weight:600;color:#64748b;display:flex;align-items:center;gap:4px}.cp-price-val{font-size:13px;font-weight:700;color:#000}.cp-price-unit{font-size:11px;color:#94a3b8;font-weight:400}.ud-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:32px;padding:16px 0;border-top:1px solid #e2e8f0}.ud-pagination-info{font-size:13px;color:#64748b;font-weight:500}.ud-pagination-controls{display:flex;align-items:center;gap:12px}.ud-page-number{font-size:13px;font-weight:600;color:#0f172a}.ud-page-btn{height:38px;padding:0 16px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;transition:all .2s;cursor:pointer}.ud-page-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.ud-page-btn:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9}@media (max-width: 640px){.ud-card-main{flex-direction:column;gap:20px}.ud-card-right{text-align:left;min-width:unset}.ud-price-num{justify-content:flex-start}.ud-pagination{flex-direction:column;align-items:center;gap:20px;text-align:center}}.lp2-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:#fff}.lp2-page{min-height:100vh;background:#f1f5f9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;font-family:Inter,sans-serif}.lp2-brand{display:flex;align-items:center;gap:14px;margin-bottom:32px}.lp2-logo{width:48px;height:48px;border-radius:14px;background:#fff;color:var(--bg);font-size:22px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 0 25px #1e293b}.lp2-logo-img{width:56px;height:56px;border-radius:14px;object-fit:contain;box-shadow:0 0 20px #1e293bb3;background:#fff;padding:4px}.lp2-brand-name{font-size:18px;font-weight:800;color:#0f172a;letter-spacing:-.02em}.lp2-brand-sub{font-size:12px;color:#777;margin-top:2px}.lp2-card{width:100%;max-width:400px;background:#0f172af2;border:1px solid rgba(148,163,184,.15);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #0f172a80}.lp2-tabs{display:flex;background:#0003;border-bottom:1px solid rgba(148,163,184,.1)}.lp2-tab{flex:1;padding:16px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;color:#555;transition:color .2s,border-bottom .2s;border-bottom:2px solid transparent}.lp2-tab--active{color:#fff;background:#94a3b80d;border-bottom-color:#fff}.lp2-card-header{padding:24px 24px 0;display:flex;align-items:center;gap:16px}.lp2-card-header-icon{width:44px;height:44px;border-radius:12px;background:#1e293b;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(148,163,184,.2)}.lp2-card-header-title{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.01em}.lp2-card-header-sub{font-size:13px;color:#94a3b8;margin-top:4px}.lp2-error-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:12px 14px;border-radius:10px;display:flex;align-items:center;font-size:13px;color:#ef4444;font-weight:500}.lp2-form{padding:24px;display:flex;flex-direction:column;gap:16px}.lp2-field{display:flex;flex-direction:column;gap:6px}.lp2-label{font-size:11px;font-weight:600;letter-spacing:.06em;color:#888;text-transform:uppercase}.lp2-input{width:100%;height:46px;background:#1e293b;border:1px solid rgba(148,163,184,.2);border-radius:10px;padding:0 14px;font-size:15px;color:#f1f5f9;font-family:Inter,sans-serif;outline:none;transition:all .2s}.lp2-input:focus{border-color:#64748b;background:#1e293b;box-shadow:0 0 0 4px #64748b26}.lp2-input::placeholder{color:#64748b}.lp2-input-wrap{position:relative;display:flex;align-items:center}.lp2-input-wrap .lp2-input{padding-right:44px}.lp2-eye{position:absolute;right:14px;color:#94a3b8;display:flex;align-items:center;transition:color .2s}.lp2-eye:hover{color:#fff}.lp2-error{font-size:13px;color:#ef4444;text-align:center}.lp2-success{font-size:13px;color:#22c55e;text-align:center}.lp2-btn-primary{width:100%;height:48px;background:#fff;color:#000;border-radius:10px;font-size:14px;font-weight:800;font-family:Inter,sans-serif;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;transition:opacity .2s}.lp2-btn-primary:hover{opacity:.9}.lp2-btn-primary:disabled{opacity:.5;cursor:not-allowed}.lp2-footer{margin-top:24px;font-size:11px;color:#444;text-align:center}.landing-recent-swiper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.landing-recent-swiper::-webkit-scrollbar{display:none}.landing-recent-page{flex:0 0 100%;min-width:100%;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px}.skeleton{background:var(--surface-2);background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite linear;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.table-row-skeleton{height:48px;width:100%;margin-bottom:8px;border-radius:var(--radius)}.card-skeleton{height:80px;width:100%;border-radius:12px;margin-bottom:12px}.table-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:var(--surface);border-radius:var(--radius-xl);border:1px dashed var(--border);margin-top:20px}.empty-illustration{position:relative;margin-bottom:24px;color:var(--accent);display:flex;align-items:center;justify-content:center}.icon-main{z-index:2;background:var(--surface);padding:10px;border-radius:50%}.icon-pulse{position:absolute;width:60px;height:60px;background:var(--accent-dim);border-radius:50%;animation:pulse-ring 2s infinite;z-index:1}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.8}to{transform:scale(2);opacity:0}}.table-empty-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:8px}.table-empty-desc{font-size:14px;color:var(--text-2);max-width:400px;line-height:1.6}.empty-reset-btn{margin-top:24px;padding:10px 24px;background:var(--accent);color:#fff;border-radius:var(--radius-full);font-weight:600;font-size:14px;transition:all .2s}.empty-reset-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-dim)}.ud-csv-guide{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:20px}.ud-csv-guide-title{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:8px}.ud-csv-code-wrap{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin:10px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.ud-csv-code{font-family:var(--font-mono);font-size:11px;color:#475569;word-break:break-all;flex:1;line-height:1.5}.ud-copy-btn{background:#001f3f;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:700;cursor:pointer;transition:opacity .2s;white-space:nowrap}.ud-copy-btn:hover{opacity:.8}.ud-csv-guide-note{font-size:12px;color:#64748b;margin-top:8px}.ud-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .3s ease;overflow:auto}.ud-modal-card{background:#fff;width:100%;max-width:700px;max-height:90vh;border-radius:20px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .3s cubic-bezier(.16,1,.64,1);position:relative;margin:auto}.ud-modal-card--sm{max-width:450px}.ud-modal-header{padding:20px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.ud-modal-title{display:flex;align-items:center;gap:12px;color:var(--accent)}.ud-modal-title h3{font-size:16px;font-weight:800;color:#0f172a}.ud-modal-title p{font-size:13px;color:#64748b;font-weight:500;margin-top:2px}.ud-modal-close{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;background:transparent;transition:all .2s}.ud-modal-close:hover{background:#f1f5f9;color:#0f172a}.ud-modal-body{padding:24px;overflow-y:auto;flex:1;color:#334155;font-size:14px;line-height:1.6}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.ud-modal-overlay--nested{z-index:10001;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ud-modal-footer{padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}@media (max-width: 640px){.ud-modal-card{max-height:95vh;border-radius:16px}.ud-modal-body{padding:16px}}.cp-item-extras{display:flex;justify-content:flex-end;gap:8px;font-size:10px;color:#888;margin-top:3px;font-family:var(--font-mono);font-weight:500}.modal-harga-extras{display:flex;flex-direction:column;gap:6px;margin:10px 0;padding:10px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.modal-harga-extra{display:flex;justify-content:space-between;align-items:center}.extra-label{font-size:10.5px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.extra-value{font-size:14px;font-weight:700;color:var(--text-2);font-family:var(--font-mono)}@media (max-width: 768px){.cp-item-extras{justify-content:flex-start;margin-top:4px}}.cp-subpills-bar--l3{gap:4px}.cp-subpills-bar--l3 .cp-subpill{font-size:.75rem;padding:4px 10px;background:#ffffff08;border-color:#ffffff1a;color:#fff9}.cp-subpills-bar--l3 .cp-subpill--active{background:var(--accent-glow);color:var(--accent);border-color:var(--accent-dim)}.ud-cat-selector{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ud-cat-pill{padding:8px 16px;border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text-2);transition:all .2s;cursor:pointer}.ud-cat-pill:hover{background:var(--surface-3);border-color:var(--accent-dim)}.ud-cat-pill.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px var(--accent-dim)}.ud-cat-pill--new{border:1px dashed var(--accent);color:var(--accent);background:transparent}.ud-cat-pill--new:hover{background:var(--accent-glow)}.ud-cat-pill--new.active{background:var(--accent-dim);color:#fff;border-style:solid}.ud-new-cat-input-wrap.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.cp-item-brand{color:var(--accent);font-weight:600;font-size:13px;margin-top:2px;margin-bottom:4px}.ud-edit-form{display:flex;flex-direction:column;gap:16px}.ud-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ud-form-group{display:flex;flex-direction:column}.ud-form-group--full{grid-column:span 2}.ud-label{font-size:.7rem;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;display:block}@media (max-width: 640px){.ud-label{font-size:.8rem}}.ud-input{width:100%;height:42px;padding:0 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;color:#0f172a;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:inset 0 2px 4px #00000003}.ud-input:hover{background:#fff;border-color:#cbd5e1}.ud-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626,inset 0 2px 4px #00000003}.ud-form-section{padding:20px;background:#fff;border-radius:12px;border:1.5px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d}.ud-form-section-title{font-size:.8rem;font-weight:800;color:#475569;margin:0 0 16px;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:8px;border-bottom:2px solid #e2e8f0;padding-bottom:8px}.ud-variants-editor{display:flex;flex-direction:column;gap:12px}.ud-variant-edit-row{display:grid;grid-template-columns:1.2fr 1.5fr .8fr 1.2fr 1.2fr 44px;gap:12px;padding:16px;background:#f8fafc;border-radius:12px;border:1.5px solid #cbd5e1;align-items:flex-end}.ud-variant-edit-row-flex{display:flex;flex-wrap:wrap;gap:12px;padding:16px;background:#f8fafc;border-radius:12px;border:1.5px solid #cbd5e1;align-items:flex-end}.ud-variant-edit-row-flex>.ud-var-field{flex:1 1 130px}.ud-variant-edit-row-flex>.ud-var-field--loc{flex:1 1 200px}.ud-variant-edit-row-flex>.ud-var-del-btn{flex:0 0 44px}.ud-compact-form-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 12px}.ud-grid-4-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 14px}@media (max-width: 992px){.ud-grid-4-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 576px){.ud-grid-4-cols{grid-template-columns:1fr}}.ud-grid-4-cols .ud-form-group{margin:0;display:flex;flex-direction:column;gap:3px}.ud-grid-4-cols .ud-label{font-size:10px;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.ud-compact-form-grid .ud-form-group{margin:0;gap:2px}.ud-col-span-2{grid-column:span 2}.ud-col-span-4{grid-column:span 4}.ud-col-span-5{grid-column:span 5}.ud-input--compact{height:30px!important;padding:0 8px!important;font-size:12px!important;border-radius:6px!important;border-width:1px!important}.ud-compact-form-grid .ud-label{font-size:10px;font-weight:700;margin-bottom:2px;color:#475569}.ud-variant-edit-row-compact{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;background:#f8fafc;border-radius:6px;border:1px solid #cbd5e1;align-items:flex-end}.ud-variant-edit-row-compact>.ud-var-field{flex:1 1 90px;gap:2px}.ud-variant-edit-row-compact>.ud-var-field--loc{flex:1 1 140px}.ud-variant-edit-row-compact>.ud-var-del-btn{flex:0 0 30px;height:30px;width:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:0}.ud-variant-edit-row-compact .ud-var-field label{font-size:9px;font-weight:700;margin:0;color:#475569}.ud-section-pill{display:inline-block;font-size:11px;font-weight:800;color:#0284c7;background:#e0f2fe;padding:4px 10px;border-radius:100px;margin:14px 0 10px;letter-spacing:.08em;text-transform:uppercase}@media (max-width: 1024px){.ud-compact-form-grid{grid-template-columns:repeat(2,1fr)}.ud-col-span-5{grid-column:span 2}}@media (max-width: 640px){.ud-compact-form-grid{grid-template-columns:1fr}.ud-col-span-2,.ud-col-span-5{grid-column:span 1}}.ud-var-field{display:flex;flex-direction:column;gap:6px}.ud-var-field label{font-size:11px;font-weight:800;color:#475569;text-transform:uppercase;margin-left:2px}.ud-input--sm{height:44px;padding:0 12px;font-size:15px;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:8px;color:#0f172a!important;font-weight:600;width:100%}.ud-input--sm:focus{border-color:var(--accent)!important;background:#fff!important;box-shadow:0 0 0 3px var(--accent-glow)}.ud-var-del-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fee2e2;border:1.5px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;transition:all .2s}.ud-var-del-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.ud-variants-footer{display:flex;justify-content:center;margin-top:12px}.ud-btn-add-var{background:#f0f7ff;border:1.5px dashed var(--accent);color:var(--accent);padding:10px 24px;border-radius:10px;font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.ud-btn-add-var:hover{background:var(--accent);color:#fff;border-color:var(--accent)}@media (max-width: 1100px){.ud-variant-edit-row{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 640px){.ud-modal-title h3{font-size:18px}.ud-modal-body{padding:16px;font-size:15px}.ud-label{font-size:13px!important}.ud-var-field label{font-size:12px}.ud-input{font-size:16px}.ud-variant-edit-row{grid-template-columns:1fr;padding-bottom:72px;position:relative;gap:16px}.ud-var-del-btn{position:absolute;right:16px;bottom:16px;margin:0;width:100%;max-width:120px}}.ud-upload-modes{display:flex;gap:20px;background:#f8fafc;padding:16px;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:20px;flex-wrap:wrap}.ud-upsert-toggle{display:flex;align-items:center}.ud-upsert-label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;color:#475569}.ud-upsert-label--danger{color:#dc2626!important}.ud-upsert-label--danger strong{color:#dc2626}.ud-upsert-checkbox{width:16px;height:16px;cursor:pointer}@media (max-width: 640px){.ud-upload-modes{flex-direction:column;gap:12px}.ud-upsert-toggle{border-left:none!important;padding-left:0!important;border-bottom:1px solid #e2e8f0;padding-bottom:12px}.ud-upsert-toggle:last-child{border-bottom:none;padding-bottom:0}}.cp-item{display:flex!important;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;text-align:left!important;padding:16px!important;border-radius:12px!important;background:#fff!important;box-shadow:0 4px 12px #00000008!important;transition:all .3s ease!important}.cp-item:hover{transform:translateY(-4px)!important;box-shadow:0 12px 24px #0000000f!important}.cp-item-info{margin-bottom:4px}.cp-item-name{font-size:1.05rem!important;font-weight:800!important;color:#1e293b!important;margin-bottom:0!important;line-height:1.2!important}.cp-item-brand{font-size:.85rem!important;font-weight:700!important;color:#475569!important;text-transform:uppercase;letter-spacing:.02em}.cp-item-vendor{font-size:.75rem!important;color:#64748b!important;margin-top:0}.cp-item-prices{border-top:1px solid rgba(0,0,0,.05);padding-top:6px}.cp-price-type-tag{font-size:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:2px 8px;border-radius:6px;font-weight:800;text-transform:uppercase;margin-left:8px;letter-spacing:.04em;box-shadow:0 4px 12px #2563eb40;border:1px solid rgba(255,255,255,.15)}.cp-price-more-hint{font-size:11px;color:#94a3b8;margin-top:10px;font-style:italic;padding-left:4px}.cp-item-price-list{display:flex!important;flex-direction:column!important;gap:4px!important;margin-top:4px}.cp-price-card{position:relative;background:#f8fafc;border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;border:1px solid #e2e8f0;transition:all .2s ease}.cp-price-card:hover{transform:translateY(-2px);background:#e0e7ff}.cp-price-card--green{background:#f0fdf4;border-color:#dcfce7}.cp-price-card--green:hover{background:#dcfce7}.cp-price-card-type-tag{position:absolute;top:-8px;right:8px;background:#2563eb;color:#fff;font-size:8px;font-weight:800;padding:2px 8px;border-radius:4px;box-shadow:0 4px 8px #2563eb33;text-transform:uppercase;letter-spacing:.03em}.cp-price-card--green .cp-price-card-type-tag{background:#16a34a;box-shadow:0 4px 8px #16a34a33}.cp-price-card-body{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:8px}.cp-price-card-loc{display:flex;align-items:center;gap:4px;color:#475569;font-weight:600;font-size:13px;line-height:1.2;flex:1;min-width:100px}.cp-price-card--green .cp-price-card-loc{color:#166534}.cp-price-card-loc svg{color:#94a3b8;width:10px;height:10px;flex-shrink:0}.cp-price-card--green .cp-price-card-loc svg{color:#16a34a}.cp-price-card-val{color:#0f172a;font-weight:800;font-size:17px;text-align:right;letter-spacing:-.01em;white-space:nowrap}.cp-price-card--green .cp-price-card-val{color:#14532d}.cp-price-card-unit{font-size:11px;font-weight:600;color:#94a3b8;margin-left:2px}.cp-price-card--green .cp-price-card-unit{color:#166534}.modal-all-locations-title{color:#fff!important;font-size:1rem;font-weight:700;margin-top:-1px;margin-bottom:12px;opacity:.9}.modal-loc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:12px}.modal-loc-card{background:linear-gradient(145deg,#1e293bb3,#0f172acc);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00000026;position:relative;overflow:hidden}.modal-loc-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,#3b82f6,#06b6d4);opacity:.5}.modal-loc-card:hover{transform:translateY(-2px);background:linear-gradient(145deg,#1e293be6,#0f172ae6);border-color:#2563eb66}.modal-loc-name{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#cbd5e1!important;margin-bottom:10px!important}.modal-loc-name svg{color:#06b6d4;width:12px;height:12px}.modal-sp-list{display:flex;flex-direction:column;gap:6px}.modal-sp-row{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.04)}.md-var-label{color:#94a3b8;font-size:11px!important;font-weight:400!important;text-transform:none!important;letter-spacing:normal!important}.modal-sp-row span:last-child{color:#fff;font-weight:700;font-size:16px;text-shadow:none}.modal-sp-row span:last-child span.price-unit{font-size:11px;font-weight:400;color:#64748b;margin-left:2px}.ud-price-display-main{background:linear-gradient(135deg,#22c55e1a,#10b9810d);padding:10px 16px 14px;border-radius:12px;border:1px solid rgba(34,197,94,.15);margin-bottom:20px}.modal-base-price-val{background:linear-gradient(to right,#4ade80,#2dd4bf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:32px;font-weight:900;filter:drop-shadow(0 0 15px rgba(74,222,128,.3))}.ud-upload-container{display:flex;flex-direction:column;gap:24px;animation:fadeIn .4s ease-out}.ud-stepper{display:flex;justify-content:space-between;align-items:flex-start;max-width:600px;margin:0 auto 32px;position:relative;width:100%}.ud-stepper:before{content:"";position:absolute;top:18px;left:10%;right:10%;height:2px;background:#e2e8f0;z-index:0}.ud-step{display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1;position:relative;background:transparent;flex:1}.ud-step-icon{width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-weight:700;font-size:14px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.ud-step--active .ud-step-icon{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 0 4px var(--accent-glow);transform:scale(1.1)}.ud-step--complete .ud-step-icon{border-color:var(--green);background:var(--green);color:#fff}.ud-step-label{font-size:12px;font-weight:600;color:#64748b;text-align:center;transition:color .3s}.ud-step--active .ud-step-label{color:var(--accent)}.ud-step--complete .ud-step-label{color:var(--green)}.ud-upload-grid{display:flex;flex-direction:column;gap:24px;align-items:center;max-width:900px;margin:0 auto;width:100%;background:#fff;padding:40px;border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow-lg)}.ud-upload-main{width:100%;display:flex;flex-direction:column;gap:24px}.ud-upload-actions-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding-top:24px;border-top:1px solid var(--border);flex-wrap:wrap}.ud-upload-stats{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary);font-weight:600}@media (max-width: 900px){.ud-upload-grid{flex-direction:column}.ud-guide-card,.ud-upload-main{width:100%!important}}.ud-guide-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;height:fit-content}.ud-guide-title{font-size:15px;font-weight:700;color:#0f172a;margin-bottom:16px;display:flex;align-items:center;gap:8px}.ud-guide-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.ud-guide-item{display:flex;gap:12px;font-size:13px;color:#64748b;line-height:1.4}.ud-guide-num{width:20px;height:20px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#475569;flex-shrink:0}.ud-template-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;font-size:13px;font-weight:600;color:#475569;transition:all .2s}.ud-template-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.ud-review-container{display:flex;flex-direction:column;gap:16px;animation:slideUp .4s ease-out}.ud-review-summary-bar{position:sticky;top:0;z-index:10;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 20px;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;box-shadow:0 4px 12px #0000000d}.ud-review-stats{display:flex;gap:16px}.ud-stat-item{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#334155}.ud-stat-dot{width:8px;height:8px;border-radius:50%}.ud-stat-dot--new{background:var(--green)}.ud-stat-dot--update{background:var(--orange)}.ud-stat-dot--same{background:#94a3b8}.ud-rv-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.ud-rv-card:hover{box-shadow:0 4px 20px #00000014}.cp-item-wrap .cp-item{border:none;background:transparent;padding:0;width:100%;text-align:left;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;cursor:default}.ud-item-card.cp-item-wrap,.ud-rv-card.cp-item-wrap{padding:0;display:flex;flex-direction:column;gap:0}.ud-item-card .ud-card-footer{border-top:1px solid #f1f5f9;padding:14px 20px;background:#fbfbfc;display:flex;justify-content:space-between;align-items:center;gap:16px}.ud-card-footer-left{display:flex;align-items:center;gap:10px}.ud-card-footer-right{display:flex;align-items:center;gap:8px}.ud-footer-id-badge{background:#f1f5f9;padding:4px 10px;border-radius:6px;color:#64748b;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;font-weight:700;border:1px solid #e2e8f0}.ud-footer-btn{height:34px;padding:0 16px;border-radius:10px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;transition:all .2s;cursor:pointer}.ud-footer-btn--edit{background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.ud-footer-btn--edit:hover{background:#2563eb;color:#fff;border-color:#2563eb;transform:translateY(-1px)}.ud-footer-btn--del{background:#fff1f2;color:#e11d48;border:1px solid #ffe4e6}.ud-footer-btn--del:hover{background:#e11d48;color:#fff;border-color:#e11d48;transform:translateY(-1px)}@media (max-width: 768px){.cp-item-wrap .cp-item{flex-direction:column;gap:16px}}.ud-rv-header{padding:14px 18px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #f1f5f9}.ud-rv-info{display:flex;flex-direction:column;gap:4px}.ud-rv-kode{font-family:var(--font-mono);font-size:11px;font-weight:600;color:#94a3b8;letter-spacing:.05em}.ud-rv-name{font-size:15px;font-weight:700;color:#0f172a}.ud-rv-status{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase}.ud-rv-status--new{background:#f0fdf4;color:#16a34a}.ud-rv-status--update{background:#fff7ed;color:#ea580c}.ud-rv-status--same{background:#f8fafc;color:#64748b}.ud-rv-body{padding:18px}.mrp-login-container{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;background:transparent;position:relative;overflow:hidden}.ud-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ud-comp-side{display:flex;flex-direction:column;gap:8px}.ud-comp-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.ud-comp-row{display:flex;justify-content:space-between;padding:6px 10px;background:#f8fafc;border-radius:6px;font-size:13px}.ud-comp-row--changed{background:#fff7ed;color:#9a3412;font-weight:600}.ud-rv-footer{padding:12px 18px;background:#fbfbfc;display:flex;justify-content:flex-end;gap:12px}.ud-success-screen{text-align:center;padding:60px 40px;display:flex;flex-direction:column;align-items:center;gap:20px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;animation:zoomIn .5s cubic-bezier(.34,1.56,.64,1)}.ud-success-circle{width:80px;height:80px;background:#f0fdf4;color:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.ud-success-title{font-size:24px;font-weight:800;color:#0f172a}.ud-success-desc{font-size:15px;color:#475569;max-width:400px;line-height:1.5}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ud-search-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;min-height:32px}.ud-filter-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--accent-glow);border:1px solid var(--accent);border-radius:99px;font-size:11px;font-weight:700;color:var(--accent);transition:all .2s;animation:zoomIn .2s ease-out}.ud-filter-pill:hover{background:var(--accent);color:#fff}.ud-filter-pill-close{display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:opacity .2s}.ud-filter-pill-close:hover{opacity:1}.ud-search-clear{color:#94a3b8;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-right:8px}.ud-search-clear:hover{color:var(--error)}.ud-manage-controls{margin-bottom:24px;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:inset 0 2px 4px #00000005}.ud-filter-toggle-btn.has-active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.ud-sort-order-btn{width:44px;height:44px;border:1px solid #e2e8f0;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.ud-sort-order-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.rotate-180{transform:rotate(180deg)}@media (max-width: 600px){.ud-stepper{margin-bottom:24px;gap:4px}.ud-step-label{font-size:10px;letter-spacing:-.02em}.ud-review-summary-bar{flex-direction:column;gap:16px;padding:16px;align-items:stretch;position:relative}.ud-review-stats{justify-content:space-around;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.ud-rev-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ud-rev-actions .ud-btn{justify-content:center;width:100%;font-size:13px}}.ud-btn--danger{background:var(--red)!important;color:#fff!important;border:1px solid var(--red)!important}.ud-btn--danger:hover{background:#dc2626!important;border-color:#dc2626!important}.ud-text-green{color:var(--green)!important}.ud-text-red{color:var(--red)!important}.ud-dropzone--complete{border-color:var(--green)!important;background:#22c55e0d!important}.ud-dropzone--complete .ud-dropzone-label{color:var(--green)!important}.ud-analysis-board{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;margin-bottom:24px}.ud-analysis-content{display:grid;grid-template-columns:1fr 1fr 1fr;padding:24px;gap:24px}@media (max-width: 800px){.ud-analysis-content{grid-template-columns:1fr;gap:16px;padding:16px}}.ud-analysis-footer{padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}@media (max-width: 600px){.ud-analysis-footer{flex-direction:column-reverse;gap:12px}.ud-analysis-footer .ud-btn{width:100%;justify-content:center}}.ud-analysis-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-top:16px;box-shadow:0 4px 12px #00000008;animation:slideUp .3s ease-out}.ud-analysis-header-mini{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.ud-analysis-title-group{display:flex;gap:12px;align-items:center}.ud-analysis-h4{font-size:14px;font-weight:700;color:#0f172a;margin:0}.ud-analysis-p{font-size:11px;color:#64748b;margin:2px 0 0}.ud-analysis-pills-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.ud-analysis-stat{display:flex;flex-direction:column;gap:4px}.ud-stat-label{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.ud-pill{padding:8px 12px;background:#f1f5f9;border-radius:8px;font-size:13px;font-weight:700;color:#475569;display:flex;align-items:center;gap:6px;border:1px solid transparent}.ud-pill--new{background:#f0fdf4;color:#16a34a;border-color:#16a34a1a}.ud-pill--update{background:#eff6ff;color:#3b82f6;border-color:#3b82f61a}.ud-csv-preview-table-wrap{margin-top:24px;border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto;max-height:480px}.ud-csv-preview-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.ud-csv-preview-table th{background:#f8fafc;padding:12px 16px;text-align:left;font-weight:700;color:#475569;border-bottom:2px solid #e2e8f0;position:sticky;top:0;z-index:5}.ud-csv-preview-table td{padding:10px 16px;border-bottom:1px solid #f1f5f9;color:#1e293b}.ud-csv-preview-table tr:last-child td{border-bottom:none}.ud-force-action-card{display:flex;justify-content:space-between;align-items:center;padding:18px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #0000000f;margin-top:8px}.ud-force-text{display:flex;gap:14px;align-items:center;color:#0f172a}.ud-force-text p{font-size:14px;font-weight:700;margin:0}.ud-force-text span{font-size:12px;color:#64748b;display:block;margin-top:2px}.ud-rv-card--same{opacity:.8!important;border:1px dashed #cbd5e1!important;background:#f1f5f9!important;box-shadow:none!important}.ud-rv-card--same .ud-rv-header{background:#e2e8f0!important}.ud-rv-card--same .ud-rv-status--same{background:#94a3b8}.ud-table-input{width:100%;padding:8px 12px;background:transparent;border:1px solid transparent;border-radius:8px;font-size:13px;color:#1e293b;font-family:var(--font);transition:all .2s cubic-bezier(.4,0,.2,1)}.ud-table-input:hover{background:#1e293b0a;border-color:#cbd5e1}.ud-table-input:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-dim),0 4px 12px #0000000d;transform:translateY(-1px);outline:none}.ud-analysis-card{display:flex;gap:16px;align-items:center;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005}.ud-analysis-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000f;border-color:var(--accent)}.ud-analysis-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.ud-analysis-card:hover .ud-analysis-icon{transform:rotate(-8deg) scale(1.1)}.ud-bg-blue{background:var(--accent)!important}.ud-bg-slate{background:#64748b!important}.ud-bg-green{background:var(--green)!important}.ud-analysis-num{font-size:24px;font-weight:800;color:#0f172a;letter-spacing:-.02em}.ud-analysis-label{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.ud-csv-preview-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:16px;color:#64748b;background:#f8fafc;border-bottom:2px solid #e2e8f0}.ud-csv-preview-table tr:hover td{background:#fdfdfd}.ud-csv-preview-table td{transition:background .1s ease;position:relative}.ud-td--diff{background:#f59e0b0a!important}.ud-td--diff .ud-table-input{color:#d97706!important;font-weight:600}.ud-tr--new{background:#22c55e08!important}.ud-tr--new td:first-child{padding-left:48px!important}.ud-tr--new td:first-child:before{content:"NEW";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:800;background:var(--green);color:#fff;padding:2px 6px;border-radius:4px;letter-spacing:.05em;pointer-events:none}.ud-tr--same{opacity:.55!important;background:#f8fafc!important;transition:opacity .3s ease}.ud-tr--same:hover{opacity:.9!important}.ud-tr--same td:first-child{padding-left:48px!important;position:relative}.ud-tr--same td:first-child:before{content:"SAME";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:800;background:#94a3b8;color:#fff;padding:2px 6px;border-radius:4px;letter-spacing:.05em;pointer-events:none}.ud-csv-preview-table-wrap::-webkit-scrollbar{width:8px;height:8px}.ud-csv-preview-table-wrap::-webkit-scrollbar-track{background:#f1f5f9}.ud-csv-preview-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ud-csv-preview-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ud-section--history{padding:0;background:var(--surface);border-radius:24px;border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-premium);overflow:hidden;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1)}.ud-history-header{padding:36px 40px;background:linear-gradient(180deg,#f8fafc,#fff);border-bottom:1px solid #f1f5f9}.ud-history-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.ud-history-title-left{display:flex;align-items:center;gap:16px}.ud-history-title-icon{width:48px;height:48px;border-radius:14px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px -5px #0003}.ud-history-main-title{font-family:var(--font-heading);font-size:26px;font-weight:800;color:var(--primary-light);letter-spacing:-.03em;line-height:1.2}.ud-history-sub-title{font-family:var(--font);font-size:13px;color:var(--text-muted);margin-top:2px;font-weight:500}.ud-btn-refresh-premium{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-family:var(--font);font-size:13px;font-weight:700;color:var(--text-secondary);box-shadow:0 2px 8px #0000000a;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.ud-btn-refresh-premium:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 8px 20px #00000026}.ud-history-filters{display:grid;grid-template-columns:1fr 240px;gap:20px;align-items:flex-end}.ud-history-search{position:relative;display:flex;align-items:center}.ud-history-search-icon{position:absolute;left:20px;color:#94a3b8;pointer-events:none;transition:color .2s}.ud-history-search input{width:100%;height:52px;padding:0 20px 0 54px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;font-family:var(--font);font-size:14px;font-weight:500;color:var(--text);transition:all .25s ease;outline:none}.ud-history-search input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #0000000f}.ud-history-search input:focus~.ud-history-search-icon{color:var(--primary)}.ud-history-action-filter{display:flex;flex-direction:column;gap:6px}.ud-history-action-filter label{font-family:var(--font);font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.12em}.ud-history-action-filter select{height:52px;padding:0 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;font-family:var(--font);font-size:14px;font-weight:600;color:var(--text);cursor:pointer;outline:none;transition:all .25s ease}.ud-history-action-filter select:focus,.ud-history-action-filter select:hover{background:#fff;border-color:#cbd5e1}.ud-history-table-header{display:grid;grid-template-columns:160px minmax(0,1fr) 140px;gap:16px;padding:12px 32px;background:#f8fafc;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.ud-h-col{font-family:var(--font);font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:8px}.ud-h-col--user{justify-content:flex-end}.ud-history-list{background:#fff}.ud-history-row{display:grid;grid-template-columns:160px minmax(0,1fr) 140px;gap:16px;padding:16px 32px;border-bottom:1px solid #f1f5f9;transition:all .15s ease;align-items:center}.ud-history-row:hover{background:#f8fafc}.ud-history-row:last-child{border-bottom:none}.ud-h-cell{display:flex;align-items:center;gap:12px;text-transform:none}.ud-h-cell--date{gap:12px}.ud-h-cell--user{justify-content:flex-end}.ud-h-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b;flex-shrink:0;transition:transform .2s ease}.ud-history-row:hover .ud-h-icon{transform:scale(1.05)}.ud-h-icon--green{background:#ecfdf5;color:#10b981;border:1px solid #a7f3d0}.ud-h-icon--blue{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.ud-h-icon--red{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3}.ud-h-icon--purple{background:#f5f3ff;color:#8b5cf6;border:1px solid #ddd6fe}.ud-h-icon--sync{background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.ud-h-icon--orange{background:#fff7ed;color:#ea580c;border:1px solid #ffedd5}.ud-h-date-text{display:flex;flex-direction:column;gap:1px}.ud-h-date-main{font-family:var(--font);font-size:14px;font-weight:700;color:var(--primary-light);letter-spacing:-.01em}.ud-h-date-sub{font-family:var(--font);font-size:11px;font-weight:500;color:#94a3b8;display:flex;align-items:center;gap:4px}.ud-h-activity-content{display:flex;flex-direction:column;gap:4px;width:100%}.ud-h-activity-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ud-h-activity-bottom{display:flex;align-items:center}.ud-h-activity-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ud-h-item-name{font-family:var(--font);font-size:15px;font-weight:700;color:#0f172a;letter-spacing:-.01em;line-height:1.3}.ud-h-item-kode{font-family:var(--font-mono, monospace);font-size:11px;font-weight:700;color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;padding:2px 6px;border-radius:4px}.ud-h-status-pill{font-family:var(--font);font-size:10px;font-weight:800;padding:3px 10px;border-radius:100px;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 2px 4px #00000005}.ud-h-details{font-family:var(--font);font-size:12px;font-weight:500;color:#475569;background:#f1f5f9;padding:4px 10px;border-radius:6px;border:1px solid #e2e8f0;display:inline-block;margin-top:2px}.ud-h-user-wrap{display:flex;align-items:center;gap:10px;padding:4px 12px;background:#f8fafc;border-radius:100px;border:1px solid #f1f5f9;transition:all .2s ease}.ud-history-row:hover .ud-h-user-wrap{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.ud-h-avatar{width:24px;height:24px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:11px;font-weight:800;box-shadow:0 2px 6px #00000026;flex-shrink:0}.ud-h-user-name{font-family:var(--font);font-size:12px;font-weight:700;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.ud-history-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 40px;color:#94a3b8}.ud-history-state p{font-family:var(--font);font-size:14px;font-weight:500}.ud-pagination--history{padding:20px 32px;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;gap:12px}@media (max-width: 900px){.ud-history-row,.ud-history-table-header{grid-template-columns:140px 1fr;padding-left:20px;padding-right:20px}.ud-history-row{padding-top:14px;padding-bottom:14px}.ud-h-cell--user,.ud-h-col--user{display:none}.ud-history-header{padding:24px 20px}.ud-history-filters{margin-bottom:20px}.ud-pagination--history{padding:16px 20px}}@media (max-width: 640px){.ud-section--history{border-radius:16px}.ud-history-header{padding:20px 20px 0}.ud-history-title-row{margin-bottom:16px;flex-direction:column;align-items:flex-start;gap:12px}.ud-history-main-title{font-size:20px}.ud-history-title-icon{width:36px;height:36px}.ud-btn-refresh-premium{width:100%;justify-content:center;padding:10px 16px;font-size:13px}.ud-history-filters{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.ud-history-search input{height:46px;font-size:13px;border-radius:12px;padding-left:44px}.ud-history-search-icon{left:14px}.ud-history-action-filter{flex-direction:row;align-items:center;gap:12px}.ud-history-action-filter label{white-space:nowrap;flex-shrink:0;font-size:11px}.ud-history-action-filter select{flex:1;height:46px;font-size:13px;border-radius:12px;padding:0 16px}.ud-history-table-header{display:none}.ud-history-list{padding-bottom:12px}.ud-history-row{display:flex;flex-direction:column;gap:0;padding:16px 20px;grid-template-columns:none;border-bottom:1px solid #f1f5f9;align-items:stretch}.ud-history-row:last-child{border-bottom:none}.ud-h-cell--date{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;margin-bottom:10px}.ud-h-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0}.ud-h-date-text{flex:1;min-width:0}.ud-h-date-main{font-size:13px;font-weight:700}.ud-h-date-sub{font-size:11px}.ud-h-cell--user{display:flex!important;width:auto;flex-shrink:0;align-items:center;justify-content:flex-end}.ud-h-user-wrap{flex-direction:row;gap:8px;align-items:center}.ud-h-avatar{width:22px;height:22px;font-size:10px}.ud-h-user-name{font-size:11px;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#475569}.ud-h-cell--activity{padding-left:48px;width:100%}.ud-h-activity-wrap{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:6px}.ud-h-item-name{font-size:14px;font-weight:700;width:100%;line-height:1.35;word-break:break-word}.ud-h-item-kode{font-size:10px;padding:2px 6px}.ud-h-status-pill{font-size:10px;padding:3px 8px}.ud-h-details{display:inline-block;font-size:11px;color:#475569;margin-top:4px}.ud-history-state{padding:40px 20px}.ud-history-state p{font-size:13px;text-align:center}.ud-pagination--history{padding:14px 20px;flex-wrap:wrap;gap:8px}}.cp-loc-panel{position:absolute;top:calc(100% + 12px);right:0;width:360px;max-height:560px;background:#fffffff2;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(0,0,0,.05);border-radius:24px;box-shadow:0 20px 50px #00000026;display:flex;flex-direction:column;overflow:hidden;z-index:1000;animation:fadeInScale .3s cubic-bezier(.16,1,.3,1) both}.cp-loc-panel--tree{width:380px;max-height:600px}.cp-loc-tree-node{display:flex;align-items:center;width:100%;padding-right:16px}.cp-loc-tree-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:40px;color:var(--text-muted);transition:all .2s;flex-shrink:0}.cp-loc-tree-toggle:hover{color:var(--accent);background:#00000008}.cp-loc-tree-subs{display:flex;flex-direction:column;padding-bottom:8px;background:#00000004}.cp-loc-tree-btn--sub{padding-left:48px!important}.cp-loc-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.03)}.cp-loc-panel-header span{font-family:var(--font-heading);font-size:14px;font-weight:800;color:var(--primary);letter-spacing:.05em}.cp-loc-panel-search{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#00000005;margin:12px 24px;border-radius:12px;border:1px solid transparent;transition:all .3s ease}.cp-loc-panel-search:focus-within{background:#fff;border-color:var(--accent);box-shadow:0 4px 12px #3b82f61a}.cp-loc-panel-search svg{color:var(--text-muted)}.cp-loc-panel-search-input{flex:1;border:none;background:transparent;font-size:14px;font-weight:500;color:var(--text);outline:none}.cp-loc-panel-list{flex:1;overflow-y:auto;padding:0;margin-bottom:0}.cp-loc-panel-list::-webkit-scrollbar{width:5px}.cp-loc-panel-list::-webkit-scrollbar-track{background:transparent}.cp-loc-panel-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.cp-loc-panel-list::-webkit-scrollbar-thumb:hover{background:#0003}.cp-loc-group{margin-bottom:4px}.cp-loc-group-header-wrap{display:flex;align-items:center;width:100%;padding:12px 16px;border-radius:12px;transition:all .2s ease}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 600px){.help-grid{grid-template-columns:1fr}}.help-card{display:flex;gap:16px;padding:16px;background:#f8fafc;border-radius:16px;border:1px solid #f1f5f9;transition:all .3s ease}.help-card:hover{background:#fff;box-shadow:0 10px 25px #0000000d;border-color:#e2e8f0;transform:translateY(-2px)}.help-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.help-card-content h3{font-size:14px;font-weight:800;color:#0f172a;margin-bottom:4px}.help-card-content p{font-size:12px;color:#64748b;line-height:1.5;margin:0}.cp-loc-group-name{font-size:14px;font-weight:700;color:var(--text)}.cp-loc-group-header-wrap:hover{background:#00000008}.cp-loc-panel-list{flex:1;overflow-y:auto;padding:10px 0;margin-bottom:12px}.cp-loc-tree{display:flex;flex-direction:column}.cp-loc-tree-group{display:flex;flex-direction:column;border-bottom:1px solid rgba(0,0,0,.03)}.cp-loc-tree-group:last-child{border-bottom:none}.cp-loc-tree-item{display:block}.cp-loc-tree-btn{display:flex;align-items:center;gap:10px;flex:1;padding:8px 0;transition:all .2s ease;text-align:left}.cp-loc-tree-btn:hover{background:#0000000a}.cp-loc-tree-btn span{font-size:13px;font-weight:500;color:var(--text)}.cp-loc-unified-col:first-child .cp-loc-tree-btn span{font-weight:600}.cp-loc-checkbox{width:18px;height:18px;border:1px solid #cbd5e1;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .2s;flex-shrink:0;z-index:2}.cp-loc-panel-reset{font-size:14px;font-weight:700;color:var(--text-muted);transition:color .2s ease}.cp-loc-panel-reset:hover{color:var(--error)}.cp-loc-panel-done{padding:12px 24px;background:var(--primary);color:#fff;border-radius:12px;font-size:14px;font-weight:800;transition:all .3s ease;flex:1}.cp-loc-panel-done:hover{background:#000;transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.landing-recent-section{padding:20px 5% 80px;background:#fff;display:flex;justify-content:center}.landing-recent-container{background-color:var(--surface);border:1px solid var(--border);border-radius:32px;padding:32px;width:100%;max-width:860px;box-shadow:var(--shadow-lg)}.landing-recent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.landing-recent-title-group{display:flex;align-items:center;gap:12px}.landing-recent-icon-wrap{position:relative;width:40px;height:40px;background:#1e3a5f;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.landing-recent-pulse{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid #fff;animation:rph-pulse 1.8s infinite}@keyframes rph-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.landing-recent-title{color:var(--text);font-size:18px;font-weight:800;margin:0;text-transform:uppercase;letter-spacing:.05em}.landing-recent-subtitle{color:var(--text-muted);font-size:12px;margin:2px 0 0}.landing-recent-view-all{background:#1e3a5f;color:#fff;border:none;padding:8px 18px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;transition:all var(--transition);white-space:nowrap}.landing-recent-view-all:hover{background:#2c4a6e;transform:translateY(-1px);box-shadow:0 4px 12px #1e3a5f33}.landing-recent-list{display:flex;flex-direction:column;gap:10px}.rph-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:16px;padding:16px 20px;transition:all .2s ease;position:relative;overflow:hidden}.rph-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--border);border-radius:3px 0 0 3px;transition:background .2s ease}.rph-card:hover{box-shadow:0 8px 24px #1e3a5f1f;border-color:#1e3a5f;transform:translateY(-1px)}.rph-card:hover:before{background:#1e3a5f}.rph-card--top{border-color:#1e3a5f;background:linear-gradient(135deg,#f0f7ff 0%,var(--surface) 100%)}.rph-card--top:before{background:#1e3a5f;width:4px}.rph-card--recent{border-color:#1e3a5f1f}.rph-card--recent:before{background:#1e3a5f}.rph-card-info{flex:1;min-width:0}.rph-card-badges{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}.rph-badge-cat{padding:3px 8px;background:var(--primary-dim);color:var(--primary);border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.rph-badge-new{padding:3px 8px;background:var(--error-dim);color:var(--error);border-radius:6px;font-size:10px;font-weight:800}.rph-badge-top{padding:3px 8px;background:#1e3a5f;color:#fff;border-radius:6px;font-size:10px;font-weight:800}.rph-card-name{font-size:15px;font-weight:700;color:#1e3a5f;margin:0 0 8px;line-height:1.4;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rph-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}.rph-meta-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary)}.rph-card-time{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.rph-card-price{flex-shrink:0}.rph-price-badge{display:flex;flex-direction:column;align-items:flex-end;gap:4px;background:var(--surface);border:1px solid rgba(30,58,95,.15);border-radius:12px;padding:10px 14px;min-width:140px}.rph-card--top .rph-price-badge{background:#1e3a5f;border-color:#1e3a5f;box-shadow:0 4px 12px #1e3a5f33}.rph-card--top .rph-price-badge .rph-price-value{color:#fff}.rph-card--top .rph-price-badge .rph-price-value small,.rph-card--top .rph-price-badge .rph-price-loc{color:#fffc}.rph-card--top .rph-price-badge .rph-price-loc svg{stroke:#fffc}.rph-price-loc{display:flex;align-items:center;gap:4px;font-size:11px;color:#1e3a5f;font-weight:600;opacity:.7}.rph-price-value{font-size:16px;font-weight:800;color:#1e3a5f;white-space:nowrap}.rph-price-value small{font-size:12px;font-weight:400;color:#475569}.landing-recent-skeleton{height:90px;border-radius:16px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.landing-recent-empty{text-align:center;padding:40px 24px;color:var(--text-muted)}.landing-view-all-btn{background:var(--surface-2);color:var(--primary);border:1px solid var(--border);padding:10px 24px;border-radius:24px;font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition);margin-top:24px}@media (max-width: 640px){.landing-recent-container{padding:20px;border-radius:20px}.rph-card{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.rph-card-price{width:100%}.rph-price-badge{min-width:unset;width:100%;align-items:flex-start}.landing-recent-header{flex-direction:column;align-items:flex-start}.landing-recent-view-all{width:100%;text-align:center}.rph-detail-grid{grid-template-columns:1fr!important}}.rph-item-wrapper{display:flex;flex-direction:column}.rph-card-right{display:flex;align-items:center;gap:10px}.rph-expand-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);transition:all .25s ease;flex-shrink:0}.rph-expand-icon--open{background:#1e3a5f;border-color:#1e3a5f;color:#fff}.rph-expand-icon--open svg{transform:rotate(180deg)}.rph-card--expanded{border-color:#1e3a5f!important;background:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0}.rph-detail-panel{background:#f8fafc;border:1px solid #1e3a5f;border-top:none;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:20px 24px;animation:rph-slide-down .25s ease-out}@keyframes rph-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.rph-detail-loading{display:flex;align-items:center;gap:8px;color:#64748b;font-size:13px;padding:8px 0}.rph-detail-loading svg{animation:rph-spin .8s linear infinite;color:#1e3a5f}@keyframes rph-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rph-detail-content{display:flex;flex-direction:column;gap:16px}.rph-id-info-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rph-id-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:20px;font-size:11px;font-weight:700;color:#1e3a5f}.rph-po-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fffbeb;border:1px solid #fde68a;border-radius:20px;font-size:11px;font-weight:700;color:#92400e}.rph-year-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;font-size:11px;font-weight:700;color:#1e40af}.rph-detail-payment-info{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:8px;background:#f0f9ff;border-radius:8px}.rph-payment-row{display:flex;justify-content:space-between;align-items:center}.rph-payment-value{font-size:11px;font-weight:700;color:#1e3a5f}.rph-other-prices{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px}.rph-other-prices-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#1e3a5f;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.rph-other-prices-list{display:flex;flex-direction:column;gap:8px}.rph-other-price-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#f8fafc;border-radius:8px}.rph-other-price-loc{display:flex;align-items:center;gap:8px;font-size:12px;color:#475569;font-weight:600}.rph-other-tag{padding:2px 6px;background:#dbeafe;color:#1e40af;border-radius:4px;font-size:9px;font-weight:700}.rph-other-price-val{font-size:13px;font-weight:800;color:#1e3a5f}.rph-other-price-val small{font-size:11px;font-weight:400;color:var(--text-muted)}.rph-contact-notes{display:flex;flex-direction:column;gap:8px}.rph-contact-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#475569;font-weight:600}.rph-wa-btn{display:inline-flex;align-items:center;padding:4px 10px;background:#22c55e;color:#fff;border-radius:12px;font-size:10px;font-weight:800;text-decoration:none;transition:background .2s}.rph-detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.rph-detail-section{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px}.rph-detail-section-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#1e3a5f;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.rph-detail-rows{display:flex;flex-direction:column;gap:6px}.rph-detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.rph-detail-label{font-size:10px;color:var(--text-muted);font-weight:600;text-transform:uppercase;white-space:nowrap;flex-shrink:0;width:90px}.rph-detail-value{font-size:11px;color:#1e3a5f;font-weight:600;text-align:right;word-break:break-word}.rph-detail-price-box{background:#1e3a5f;border-radius:8px;padding:12px 14px;margin-bottom:10px}.rph-detail-price-label{font-size:9px;color:#ffffff80;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.rph-detail-price-value{font-size:16px;font-weight:800;color:#fff;margin-top:2px}.rph-detail-price-value span{font-size:11px;font-weight:400;color:#fff9}.rph-detail-contact{display:flex;align-items:center;gap:6px;font-size:12px;color:#475569;font-weight:600}.rph-wa-btn{display:inline-flex;align-items:center;padding:3px 10px;background:#22c55e;color:#fff;border-radius:12px;font-size:10px;font-weight:800;text-decoration:none;transition:background .2s}.rph-wa-btn:hover{background:#16a34a}.rph-detail-table{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px}.rph-detail-table-title{font-size:11px;font-weight:800;color:#1e3a5f;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.rph-detail-table-wrap{overflow-x:auto}.rph-detail-table table{width:100%;border-collapse:collapse;font-size:11px}.rph-detail-table thead tr{background:#f8fafc}.rph-detail-table th{text-align:left;padding:8px 10px;color:#64748b;font-weight:700;border-bottom:1px solid #e2e8f0;white-space:nowrap}.rph-detail-table tbody tr{border-bottom:1px solid #f1f5f9}.rph-detail-table td{padding:8px 10px;color:#475569;font-weight:500;white-space:nowrap}.rph-detail-td-price{text-align:right;font-weight:800;color:#1e3a5f}.rph-detail-notes{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;background:#fffbeb;border:1px solid #fef3c7;border-radius:10px;font-size:12px;color:#92400e;line-height:1.5}.rph-unified-footer{display:flex;flex-direction:column;gap:12px;border-top:1px solid #f1f5f9;padding-top:16px;margin-top:8px}.rph-contact-pill{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px 16px;box-shadow:0 2px 4px #00000005;transition:all .2s}.rph-contact-pill:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f614}.rph-contact-icon-box{width:36px;height:36px;background:#eff6ff;color:#3b82f6;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rph-contact-info{display:flex;flex-direction:column;flex:1}.rph-contact-label{font-size:9px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.rph-contact-value{font-size:14px;font-weight:700;color:#1e3a5f}.rph-bp-pill{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;color:#64748b}.rph-bp-pill svg{color:#1e3a5f;opacity:.7}.rph-bp-info{display:flex;flex-direction:column}.rph-bp-label{font-size:8px;font-weight:800;color:#94a3b8;text-transform:uppercase}.rph-bp-value{font-size:12px;font-weight:600;color:#475569}@media (max-width: 640px){.rph-contact-pill{flex-direction:column;align-items:flex-start;gap:12px}.rph-wa-link{width:100%;text-align:center}}.cp-unified-filter-panel{position:absolute;top:calc(100% + 8px);right:0;width:650px;max-width:92vw;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;z-index:1000;overflow:hidden;display:flex;flex-direction:column}.cp-unified-filter-body{display:flex;flex-direction:row;height:440px;max-height:75vh}.cp-filter-sidebar{width:220px;background:#f8fafc;border-right:1px solid #e2e8f0;padding:16px 12px;display:flex;flex-direction:column;gap:6px;flex-shrink:0;overflow-y:auto}.cp-filter-sidebar-title{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:0 8px;margin-bottom:8px}.cp-filter-tab-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border-radius:10px;border:none;background:transparent;color:#475569;font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:all .2s ease}.cp-filter-tab-btn:hover{background:#f1f5f9;color:#1e293b}.cp-filter-tab-btn--active{background:#fff!important;color:#1e3a5f!important;box-shadow:0 2px 8px #0000000f;font-weight:700}.cp-filter-tab-btn-left{display:flex;align-items:center;gap:10px}.cp-filter-tab-count{background:#e2e8f0;color:#334155;font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px}.cp-filter-tab-btn--active .cp-filter-tab-count{background:#1e3a5f;color:#fff}.cp-filter-content{flex:1 1 auto;padding:20px;overflow-y:auto;background:#fff}.cp-filter-content::-webkit-scrollbar{width:6px}.cp-filter-content::-webkit-scrollbar-track{background:#f8fafc}.cp-filter-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.cp-filter-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cp-filter-content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.cp-filter-content-title{font-size:15px;font-weight:700;color:#1e3a5f;display:flex;align-items:center;gap:8px}.cp-filter-search{position:relative;margin-bottom:16px}.cp-filter-search input{width:100%;padding:10px 14px 10px 36px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;color:#1e293b;outline:none;transition:all .2s}.cp-filter-search input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.cp-filter-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.cp-filter-empty{padding:32px 12px;text-align:center;color:#94a3b8;font-size:13px}.cp-loc-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0}.cp-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#1e3a5f;color:#fff;border-radius:10px;font-size:10px;font-weight:800}.cp-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172abf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:99999;display:flex;align-items:flex-end;justify-content:center;animation:fadeInModal .25s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes slideSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cp-modal-sheet{width:100%;height:85vh;max-height:85vh;background:#fff;border-radius:28px 28px 0 0;box-shadow:0 -20px 50px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:slideSheetUp .3s cubic-bezier(.16,1,.3,1);position:relative;pointer-events:auto}.cp-modal-sheet-header{padding:24px 24px 16px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;position:relative;background:#fff;z-index:10;flex-shrink:0}.cp-modal-sheet-handle{position:absolute;top:10px;left:50%;transform:translate(-50%);width:48px;height:5px;background:#cbd5e1;border-radius:100px}.cp-modal-sheet-title{margin:0;font-size:18px;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:10px}.cp-modal-sheet-close{width:36px;height:36px;border-radius:50%;background:#f1f5f9;color:#64748b;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cp-modal-sheet-close:hover{background:#e2e8f0;color:#0f172a}.cp-modal-sheet-body{display:flex;flex-direction:column;overflow:hidden;flex:1;min-height:0}.cp-modal-sheet .cp-unified-filter-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.cp-modal-sheet .cp-filter-sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:14px 20px;background:#f8fafc;border-right:none;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;flex-shrink:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cp-modal-sheet .cp-filter-sidebar::-webkit-scrollbar{display:none}.cp-modal-sheet .cp-filter-sidebar-title{display:none}.cp-modal-sheet .cp-filter-tab-btn{width:auto;white-space:nowrap;padding:8px 16px;border-radius:100px;border:1px solid #cbd5e1;background:#fff;font-size:13px;font-weight:700;flex-shrink:0}.cp-modal-sheet .cp-filter-tab-btn--active{background:#1e3a5f!important;color:#fff!important;border-color:#1e3a5f!important}.cp-modal-sheet .cp-filter-content{flex:1;min-height:0;padding:20px 24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.cp-modal-sheet .cp-loc-panel-footer{padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;gap:16px;flex-shrink:0}.cp-modal-sheet .cp-loc-panel-footer button{flex:1;text-align:center;justify-content:center}.cp-modal-sheet-list{padding:20px 24px 32px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.cp-modal-sheet-list .cp-sort-item{padding:16px 20px;border-radius:16px;font-size:15px;font-weight:700;border:1px solid #f1f5f9;background:#f8fafc;color:#334155;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s;width:100%}.cp-modal-sheet-list .cp-sort-item:hover,.cp-modal-sheet-list .cp-sort-item--active{background:#eff6ff;border-color:#3b82f6;color:#1e3a5f}.cp-item-wrapper{margin-bottom:12px;position:relative;z-index:1}.cp-item-wrapper .cp-item{overflow:visible;position:relative;z-index:1}.cp-item--expanded{border-color:#1e3a5f!important;background:#fff;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;z-index:1}.cp-detail-panel{background:#f8fafc;border:1px solid #1e3a5f;border-top:none;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:16px 20px;box-sizing:border-box!important;width:100%!important;overflow:hidden;animation:cp-slide-down .25s ease-out;position:relative;z-index:10;pointer-events:auto}@keyframes cp-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cp-detail-pills{display:flex;gap:8px;margin-bottom:20px}.cp-detail-pill{padding:6px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:100px;font-size:11px;font-weight:800;color:#1e3a5f;letter-spacing:.02em}.cp-detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px}.cp-detail-payment-val{font-size:11px;color:#1e3a5f;font-weight:800;text-align:right}.cp-detail-footer{border-top:1px solid #f1f5f9;padding-top:16px;display:flex;flex-direction:column;gap:12px}.cp-detail-extra-container{border-top:1px solid #f1f5f9;padding-top:16px;margin-top:12px}.cp-detail-box-new{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px}.cp-detail-box-header{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#1e3a5f;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.cp-detail-box-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 40px}.cp-detail-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.cp-detail-section-title{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;color:#1e3a5f;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #f1f5f9}.cp-detail-rows{display:flex;flex-direction:column;gap:5px}.cp-detail-row{display:flex;justify-content:space-between;align-items:center;gap:6px}.cp-detail-label{font-size:10px;color:#94a3b8;font-weight:700;text-transform:uppercase;white-space:nowrap;flex-shrink:0;width:100px}.cp-detail-value{font-size:10px;color:#1e3a5f;font-weight:600;text-align:right;word-break:break-word}.cp-detail-price-box{background:#1e3a5f;border-radius:8px;padding:10px 12px;margin-bottom:8px}.cp-detail-price-label{font-size:8px;color:#ffffff80;font-weight:700;text-transform:uppercase}.cp-detail-price-value{font-size:14px;font-weight:800;color:#fff;margin-top:2px}.cp-detail-price-value span{font-size:10px;font-weight:400;color:#fff9}.cp-detail-payment-info{display:flex;flex-direction:column;gap:4px;padding:6px;background:#f0f9ff;border-radius:6px}.cp-detail-payment-row{display:flex;justify-content:space-between;align-items:center}.cp-detail-payment-val{font-size:10px;font-weight:700;color:#1e3a5f}.cp-detail-other-prices{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin-bottom:12px}.cp-detail-other-prices-title{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;color:#1e3a5f;text-transform:uppercase;margin-bottom:8px}.cp-detail-other-list{display:flex;flex-direction:column;gap:6px}.cp-detail-other-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#f8fafc;border-radius:6px;font-size:11px}.cp-detail-other-item span:first-child{color:#475569;font-weight:600;display:flex;align-items:center;gap:6px}.cp-detail-other-item span:last-child{font-weight:800;color:#1e3a5f}.cp-detail-other-item small{font-size:9px;font-weight:400;color:#94a3b8}.cp-other-tag{padding:1px 5px;background:#dbeafe;color:#1e40af;border-radius:4px;font-size:8px;font-weight:700}.cp-detail-footer-row{display:flex;flex-direction:column;gap:6px}.cp-detail-contact{display:flex;align-items:center;gap:6px;font-size:11px;color:#475569;font-weight:600}.cp-wa-btn{display:inline-flex;align-items:center;padding:3px 10px;background:#22c55e;color:#fff;border-radius:12px;font-size:10px;font-weight:800;text-decoration:none;transition:background .2s}.cp-wa-btn:hover{background:#16a34a}.cp-detail-notes{display:flex;align-items:flex-start;gap:6px;padding:10px 12px;background:#fffbeb;border:1px solid #fef3c7;border-radius:8px;font-size:11px;color:#92400e;line-height:1.5}.cp-detail-notes svg{flex-shrink:0;margin-top:1px}.cp-price-expand-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;background:#f8fafc;border:none;border-top:1px solid #f1f5f9;color:#64748b;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;pointer-events:auto;position:relative;z-index:5}.cp-price-expand-btn:hover,.cp-price-expand-btn--open{background:#1e3a5f;color:#fff}@media (max-width: 768px){.cp-detail-grid{grid-template-columns:1fr 1fr}.cp-item--expanded{border-radius:16px!important}.cp-detail-panel{border-radius:0 0 16px 16px}}@media (max-width: 480px){.cp-detail-grid{grid-template-columns:1fr}}.rph-detail-notes svg{flex-shrink:0;margin-top:2px}.landing-view-all-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-stagger{opacity:0;animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}.animate-delay-1{animation-delay:.05s}.animate-delay-2{animation-delay:.1s}.animate-delay-3{animation-delay:.15s}.animate-delay-4{animation-delay:.2s}.animate-delay-5{animation-delay:.25s}.animate-delay-6{animation-delay:.3s}.animate-delay-7{animation-delay:.35s}.animate-delay-8{animation-delay:.4s}.skeleton-premium{background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:shimmer-premium 1.5s infinite linear}@keyframes shimmer-premium{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-add-antrian-main{padding:12px 24px;background:var(--primary);color:#fff;border-radius:12px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px -5px #2563eb4d}.btn-add-antrian-main:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 15px 30px -5px #2563eb66}.btn-add-antrian-sm{width:100%;padding:10px;background:#f1f5f9;color:var(--primary);border:1px solid #e2e8f0;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:12px}.btn-add-antrian-sm:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.modal-footer-bar{padding:24px 48px;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#64748b;font-weight:600}.sidebar-edge-trigger{position:fixed;top:0;left:0;width:20px;height:100vh;background:transparent;z-index:999;cursor:pointer;transition:background .3s ease}.sidebar-edge-trigger:hover{background:linear-gradient(to right,rgba(59,130,246,.05),transparent)}@keyframes sidebarPeek{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-drawer--open{animation:sidebarPeek .4s cubic-bezier(.16,1,.3,1) forwards}@media (max-width: 1024px){.cp-title-section{padding:100px 24px 60px}.cp-title-main{font-size:36px!important}}@media (max-width: 768px){.cp-header{padding:0 12px;height:70px;display:flex;align-items:center;gap:8px}.cp-header-back{flex-shrink:0;margin-right:4px}.cp-header-actions{flex-shrink:0;gap:6px!important}.cp-header-search-container{display:flex;flex:1;margin:0 12px}.cp-title-section{padding:80px 16px 40px}.cp-title-main{font-size:28px!important}.cp-title-desc{font-size:14px;max-width:100%}.ud-tabs{display:flex!important;justify-content:flex-start!important;overflow-x:auto!important;padding:12px 16px!important;gap:8px!important;scrollbar-width:none;-ms-overflow-style:none;max-width:100%!important;margin:20px 0 0!important;width:100%!important;border-radius:0!important;background:transparent!important;border-left:none!important;border-right:none!important}.ud-tabs::-webkit-scrollbar{display:none}.ud-tab{white-space:nowrap!important;flex-shrink:0!important;padding:8px 16px!important;font-size:13px!important}.ud-content{padding:24px 16px}.ud-section{padding:24px 16px;border-radius:20px}.landing-search-bar{width:100%!important;flex-direction:row!important;height:42px!important;padding:0 4px 0 12px!important;border-radius:12px!important;gap:0!important;max-width:none!important;margin:0!important;display:flex!important;align-items:center!important;overflow:hidden!important;background:#fff!important;border:1px solid #e2e8f0!important}.landing-category-select{display:none!important}.landing-search-input{flex:1!important;min-width:0!important;font-size:14px!important;border:none!important;padding:0 10px!important}.landing-search-btn{flex:0 0 34px!important;width:34px!important;height:34px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#0056b3!important;color:#fff!important}.search-clear-btn{width:24px!important;height:24px!important;margin-right:4px!important}.modal-footer-bar{padding:16px;flex-direction:column;gap:12px;text-align:center}.cp-sort-bar{padding:10px 24px!important}}@media (max-width: 640px){.cp-header{height:64px!important;padding:0 12px!important;background:#0f172af2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:8px!important;position:relative!important;z-index:100!important}.cp-header-search-container{width:100%!important;margin:0!important;display:flex!important;min-width:0!important}.landing-search-bar{width:100%!important;height:38px!important;padding:0 10px!important;background:#fff!important;border-radius:10px!important;display:flex!important;align-items:center!important;min-width:0!important}.landing-search-input{min-width:0!important;text-overflow:ellipsis!important}.cp-sort-btn span{display:none!important}.cp-sort-btn{min-width:34px!important;width:34px!important;height:34px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;flex-shrink:0!important}.cp-sort-wrap{flex-shrink:0!important}.cp-header-actions{display:flex!important;gap:6px!important;align-items:center!important}.cp-title-section{padding:70px 24px 10px!important;text-align:center!important}.cp-title-container{transform:translateY(-36px)!important}.cp-title-main{font-size:24px!important;line-height:1.3!important;margin-bottom:12px!important;letter-spacing:-.02em!important}.cp-title-desc{font-size:13px!important;line-height:1.6!important;margin:0 auto!important;max-width:100%!important;color:#ffffffb3!important}.cp-title-badge{margin-bottom:20px!important;font-size:9px!important;letter-spacing:.1em!important;padding:6px 16px!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important}.ud-header-title h1{font-size:16px}.cp-sort-bar{padding:16px 20px 8px!important;gap:12px!important}.cp-stats-pill{padding:8px 14px!important;background:#f8fafc!important}.cp-stats-text{font-size:13px!important}.cp-view-toggle{padding:4px!important}.cp-view-btn{width:34px!important;height:34px!important}.mobile-only{display:flex!important}.cp-header-back.mobile-only{width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;background:#ffffff14!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.1)!important;flex-shrink:0!important;margin-right:4px!important}.sidebar-item svg{margin-right:12px!important}.cp-pagination{gap:6px!important;padding:32px 12px!important}.cp-page-btn,.cp-page-nav{min-width:42px!important;height:42px!important;font-size:14px!important;border-radius:10px!important}}@media print{body{background:#fff!important;color:#000!important;font-size:10pt}.sidebar-drawer,.cp-header,.queue-sidebar,.main-layout-content{margin-left:0!important;background:#fff!important}.sidebar-drawer,.sidebar-backdrop,.cp-header,.cp-header-back,.cp-header-search-container,.cp-header-actions,.cp-pagination,.queue-close-btn,.remove-item-btn,.qty-controls button,.queue-submit-btn,.landing-search-bar,.cp-list-tabs{display:none!important}.cp-list-container{opacity:1!important}.cp-item{break-inside:avoid;border:1px solid #eee!important;box-shadow:none!important;margin-bottom:10px!important;padding:15px!important}.txt-highlight{background:transparent!important;text-decoration:underline;font-weight:800}}.txt-highlight{background:#00000014;color:#000;padding:0 2px;border-radius:4px;font-weight:800}.market-stats-container{max-width:1200px;margin:-160px auto 40px;padding:0 24px;position:relative;z-index:10}.market-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.market-stat-card{background:#fff;padding:24px;border-radius:24px;display:flex;align-items:center;gap:20px;box-shadow:0 10px 30px -10px #0000000d;border:1px solid #f1f5f9;transition:all .3s ease}.market-stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -10px #0000001a}.market-stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center}.market-stat-info{display:flex;flex-direction:column}.market-stat-value{font-size:24px;font-weight:800;color:#0f172a;line-height:1;margin-bottom:4px}.market-stat-label{font-size:13px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.landing-header{height:72px;padding:0 16px;display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:12px}.landing-header-menu{background:#0f172a66!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%!important;width:40px!important;height:40px!important;display:flex!important;align-items:center;justify-content:center;color:#fff!important}.landing-hero-wrapper{min-height:70vh!important}.landing-search-container{width:100%;margin-top:0!important}.landing-search-bar{display:flex!important;height:42px!important;width:100%!important;background:#fff!important;overflow:hidden!important;border-radius:100px!important;box-shadow:0 4px 15px #0000001a!important}.landing-hero-text{padding-top:40px!important;padding-bottom:50px!important}.cp-title-main{font-size:36px!important}.landing-hero-title{font-size:36px!important;margin-bottom:8px!important}.landing-hero-subtitle{font-size:22px!important;margin-bottom:24px!important}.landing-hero-desc{font-size:13px!important;margin-bottom:32px!important;line-height:1.7!important;opacity:.9}.landing-cta-btn{padding:16px 36px!important;font-size:14px!important;background:#0056b3!important;color:#fff!important;border:none!important;border-radius:100px!important}.market-stats-container{margin-top:-120px!important;padding:0 20px!important;margin-bottom:40px!important}.market-stats-grid{gap:16px!important}.market-stat-card{padding:20px!important;gap:16px!important;border-radius:20px!important}.landing-category-section{margin:-90px 16px 32px!important;padding:28px 16px 16px!important;border-radius:24px!important}.landing-recent-section{padding:10px 20px 50px!important}.landing-section-title{font-size:22px!important;margin-bottom:24px!important;letter-spacing:-.01em!important}}.cp-sort-wrap{position:relative}.cp-sort-btn{height:48px;padding:0 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.cp-sort-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px);box-shadow:0 10px 20px #0003}.cp-sort-btn--active{background:#000;border-color:#000;color:#fff;box-shadow:0 8px 16px #0000004d}.cp-sort-btn--active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.cp-sort-btn span{opacity:.9}.cp-sort-btn svg{opacity:.7}.cp-sort-menu{position:absolute;top:calc(100% + 12px);right:0;width:220px;background:#fffffff2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:20px;padding:8px;box-shadow:0 20px 50px #0003;border:1px solid rgba(255,255,255,.5);z-index:1100;animation:slideInDown .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cp-sort-item{width:100%;padding:12px 16px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;color:#1e293b;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;background:transparent;border:none}.cp-sort-item:hover{background:#f1f5f9;color:var(--accent)}.cp-sort-item--active{background:var(--accent-dim);color:var(--accent)}.cp-loc-panel{position:absolute;top:calc(100% + 12px);right:0;width:320px;background:#fff;border-radius:24px;box-shadow:0 20px 50px #00000026;border:1px solid #e2e8f0;z-index:1100;overflow:hidden;display:flex;flex-direction:column;animation:slideInDown .3s cubic-bezier(.16,1,.3,1)}.cp-loc-panel-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;font-weight:800;font-size:14px;color:#0f172a}.cp-loc-panel-search{padding:12px 24px;display:flex;align-items:center;gap:12px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.cp-loc-panel-search-input{flex:1;border:none;background:none;font-size:13px;font-weight:500;outline:none;color:#1e293b}.cp-loc-panel-list{max-height:400px;overflow-y:auto;padding:8px 0}.cp-loc-prov-row{display:flex;align-items:center;padding:4px 16px;gap:4px}.cp-loc-prov-checkbox{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .2s}.cp-loc-prov-checkbox:hover{background:#f1f5f9}.cp-loc-group-header-wrap{width:100%}.cp-loc-group-label{flex:1;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;font-weight:700;font-size:13px;color:#334155;transition:all .2s}.cp-loc-group-label:hover{background:#f1f5f9}.cp-loc-group-cities{padding:4px 16px 8px 60px;display:none;flex-direction:column;gap:4px}.cp-loc-group.expanded .cp-loc-group-cities{display:flex!important;visibility:visible!important;opacity:1!important;height:auto!important}.cp-loc-city{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:500;color:#475569;transition:all .2s;text-align:left}.cp-loc-city:hover{background:#f8fafc;color:#0f172a}.cp-loc-city.active{background:#f1f5f9;color:#000;font-weight:700}.cp-loc-checkbox{width:18px;height:18px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.cp-loc-checkbox.checked{background:#000;border-color:#000;color:#fff}.cp-loc-panel-footer{padding:16px 24px;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;gap:12px}.cp-loc-panel-reset{font-size:13px;font-weight:700;color:#64748b;padding:10px 20px;border-radius:14px;transition:all .2s}.cp-loc-panel-reset:hover{background:#f1f5f9;color:#0f172a}.cp-loc-panel-done{background:#0f172a;color:#fff;font-size:13px;font-weight:800;padding:10px 32px;border-radius:14px;box-shadow:0 4px 12px #0f172a33;transition:all .2s}.cp-loc-panel-done:hover{background:#000;transform:translateY(-1px);box-shadow:0 6px 15px #0f172a4d}.landing-header-menu{display:none}@media (max-width: 768px){.landing-header-menu{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;color:#fff;border:1px solid rgba(255,255,255,.2)}}.cp-price-expand-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;margin-top:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;font-size:12px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;outline:none!important}.cp-price-expand-btn:hover{background:#1e3a5f;border-color:#1e3a5f;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #1e3a5f26}.cp-price-expand-btn--open{background:#f1f5f9;border-color:#e2e8f0;color:#1e3a5f}.ud-item-details{display:flex;flex-direction:column;gap:4px}.ud-item-name{font-weight:700;color:#0f172a}.ud-item-subtext{font-size:12px;color:#64748b}.ud-analysis-summary-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;padding:16px 24px;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:20px}.ud-summary-info{display:flex;align-items:center;gap:32px}.ud-summary-title{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--primary);font-size:15px}.ud-summary-icon{width:36px;height:36px;background:var(--bg-alt);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary)}.ud-summary-badges{display:flex;align-items:center;gap:16px}.ud-sum-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;font-size:13px;font-weight:600}.ud-sum-dot{width:8px;height:8px;border-radius:50%}.ud-sum-badge--new{background:#f0fdf4;color:#166534}.ud-sum-badge--new .ud-sum-dot{background:#22c55e}.ud-sum-badge--update{background:#fffbeb;color:#92400e}.ud-sum-badge--update .ud-sum-dot{background:#f59e0b}.ud-sum-badge--same{background:#f8fafc;color:#475569}.ud-sum-badge--same .ud-sum-dot{background:#94a3b8}.ud-summary-actions{display:flex;gap:10px}.ud-sum-btn{height:40px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;transition:all .2s}.ud-sum-btn--primary{background:#1e3a5f;color:#fff}.ud-sum-btn--primary:hover{background:#152b47;transform:translateY(-1px)}.ud-sum-btn--ghost{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.ud-sum-btn--ghost:hover{background:#e2e8f0}.ud-analysis-table-wrap{background:#fff;border-radius:16px;border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm)}.ud-analysis-table{width:100%;border-collapse:collapse}.ud-analysis-table th{background:#f8fafc;padding:14px 20px;text-align:left;font-size:12px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.ud-analysis-table td{padding:16px 20px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.ud-table-row--new{background-color:#fcfdfc}.ud-table-row--update,.ud-table-row--same{background-color:#fff}.is-skipped{opacity:.6}.is-skipped .ud-item-desc{text-decoration:line-through;color:#94a3b8}.ud-cell-idx{color:#94a3b8;font-weight:700;font-size:12px}.ud-item-kode{font-family:inherit;font-weight:800;color:#1e3a5f;font-size:12px;margin-bottom:2px}.ud-item-desc{font-weight:600;color:var(--text);font-size:14px;line-height:1.4}.ud-item-diff{display:flex;align-items:center;gap:6px;font-size:11px;color:#d97706;margin-top:6px;background:#fef9c3;padding:2px 8px;border-radius:6px;width:fit-content}.ud-loc-text{font-weight:700;color:#475569;font-size:13px}.ud-year-tag{display:inline-block;background:#f1f5f9;color:#64748b;font-size:10px;font-weight:800;padding:1px 6px;border-radius:4px;margin:2px 0}.ud-vendor-text{font-size:12px;color:#94a3b8}.ud-price-new{font-weight:800;color:#059669;font-size:15px}.ud-price-old{font-size:11px;color:#94a3b8;text-decoration:line-through;margin-top:1px}.ud-uom-text{font-size:11px;color:#94a3b8;margin-top:2px}.ud-status-pill{padding:4px 12px;border-radius:100px;font-size:10px;font-weight:800;letter-spacing:.02em}.ud-status-pill--new{background:#dcfce7;color:#166534}.ud-status-pill--update{background:#fef9c3;color:#92400e}.ud-status-pill--same{background:#f1f5f9;color:#64748b}.ud-action-confirmed{display:flex;align-items:center;justify-content:center;gap:6px;color:#10b981;font-weight:700;font-size:13px}.ud-action-group{display:flex;gap:4px;background:#f1f5f9;padding:3px;border-radius:10px;width:fit-content;margin:0 auto}.ud-action-btn{height:32px;padding:0 14px;border-radius:8px;font-size:12px;font-weight:700;color:#64748b;display:flex;align-items:center;gap:6px;transition:all .2s cubic-bezier(.4,0,.2,1)}.ud-action-btn:hover:not(.active){background:#ffffff80;color:var(--primary)}.ud-action-btn.active{background:#fff;box-shadow:0 2px 8px #00000014}.ud-action-btn--replace.active{color:#1e3a5f}.ud-action-btn--skip.active{color:#ef4444}.ud-analysis-footer{margin-top:24px;padding:20px 24px;background:#fff;border-radius:16px;border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm)}.ud-footer-left{display:flex;align-items:center;gap:20px}.ud-footer-stat{display:flex;align-items:center;gap:10px}.ud-stat-label{font-size:14px;color:#64748b;font-weight:500}.ud-stat-value{font-size:18px;font-weight:800;color:#1e293b}.ud-stat-value--muted{color:#94a3b8}.ud-footer-divider{width:1px;height:20px;background:#e2e8f0}.ud-toggle-same-btn{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#1e3a5f;padding:8px 16px;border-radius:10px;background:#f0f7ff}.ud-toggle-same-btn:hover{background:#e0f0ff}.spin-once{animation:spin .6s cubic-bezier(.4,0,.2,1)}.ud-loc-tag{background:#f1f5f9;color:#475569;font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;text-transform:uppercase}.ud-vendor-info{display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8;margin-top:4px}.dot-divider{width:4px;height:4px;background:#cbd5e1;border-radius:50%}.ud-stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.ud-cell-price .ud-price-new{font-family:inherit;letter-spacing:-.01em}.ud-action-btn--replace.active{background:#1e3a5f;color:#fff;box-shadow:0 4px 12px #1e3a5f33}.ud-action-btn--skip.active{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444433}.ud-action-btn.active svg{animation:scaleIn .2s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.ud-focused-analysis-stage{background:#f8fafc;min-height:400px;border-radius:20px;padding:32px;border:1px solid #e2e8f0;box-shadow:0 10px 25px -5px #0000000d}.ud-analysis-focused-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.ud-af-title{display:flex;align-items:center;gap:16px;flex:1}.ud-back-btn{width:40px;height:40px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s}.ud-back-btn:hover{background:#f1f5f9;color:#0f172a}.ud-af-stats{display:flex;align-items:center;background:#fff;padding:12px 24px;border-radius:14px;border:1px solid #e2e8f0;box-shadow:var(--shadow-sm)}.ud-af-stat-box{display:flex;flex-direction:column;align-items:center;padding:0 16px}.ud-af-stat-label{font-size:10px;font-weight:800;color:#94a3b8;letter-spacing:.05em;margin-bottom:2px}.ud-af-stat-value{font-size:22px;font-weight:900}.ud-af-stat-divider{width:1px;height:30px;background:#f1f5f9}.ud-af-global-actions{display:flex;gap:8px}.ud-btn-mini{padding:8px 16px;border-radius:10px;font-size:13px;font-weight:700;transition:all .2s}.ud-btn-mini--primary{background:#0f172a;color:#fff}.ud-btn-mini--primary:hover{opacity:.9;transform:translateY(-1px)}.ud-btn-mini--ghost{background:#fff;border:1px solid #e2e8f0;color:#64748b}.ud-btn-mini--ghost:hover{background:#f8fafc;color:#0f172a}.ud-focused-table-wrapper{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.ud-analysis-table--focused th{background:#f8fafc;font-weight:800;color:#64748b;font-size:12px}.ud-item-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.ud-loc-label{background:#f1f5f9;color:#475569;font-size:10px;font-weight:800;padding:1px 6px;border-radius:4px}.ud-item-meta{font-size:12px;color:#94a3b8;margin-top:4px;display:flex;align-items:center;gap:6px}.m-dot{font-size:14px;line-height:1}.ud-diff-pill{background:#fffbeb;color:#b45309;font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;border:1px solid #fde68a}.ud-price-display{font-size:16px;letter-spacing:-.01em}.ud-price-prev-info{font-size:11px;color:#94a3b8;text-decoration:line-through;margin-top:1px}.ud-uom-small{font-size:11px;color:#94a3b8}.ud-status-badge{padding:4px 10px;border-radius:100px;font-size:10px;font-weight:800}.ud-status-badge--new{background:#f0fdf4;color:#166534}.ud-status-badge--update,.ud-status-badge--same{background:#fff7ed;color:#9a3412}.ud-choice-group{display:flex;background:#f1f5f9;padding:3px;border-radius:10px;width:fit-content;margin:0 auto}.ud-choice-btn{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;color:#64748b;transition:all .2s}.ud-choice-btn.active{background:#fff;box-shadow:0 2px 6px #0000000f}.ud-choice-btn--save.active{color:#0f172a}.ud-choice-btn--skip.active{color:#ef4444}.ud-analysis-final-footer{margin-top:24px;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:20px 24px;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #0000000d}.ud-footer-info{display:flex;gap:24px}.ud-fi-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.ud-fi-dot{width:8px;height:8px;border-radius:50%}.ud-fi-dot--green{background:#22c55e}.ud-fi-dot--red{background:#ef4444}.ud-final-actions{display:flex;gap:12px}.ud-btn-cancel-upload{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:700;color:#64748b;background:#f8fafc;transition:all .2s}.ud-btn-cancel-upload:hover{background:#f1f5f9;color:#0f172a}.ud-btn-simpan-final{padding:12px 32px;border-radius:12px;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #0f172a40;transition:all .2s}.ud-btn-simpan-final:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a4d}.ud-btn-simpan-final:active{transform:translateY(0)}.ud-btn-simpan-final:disabled{opacity:.6;pointer-events:none}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ud-analysis-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px}.ud-analysis-modal-container{background:#f8fafc;width:100%;max-width:1280px;max-height:90vh;border-radius:24px;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.ud-analysis-modal-container .ud-analysis-focused-header{padding:24px 32px;background:#fff;border-bottom:1px solid #e2e8f0;margin-bottom:0}.ud-analysis-modal-container .ud-focused-table-wrapper{flex:1;overflow-y:auto;border-radius:0;border:none;background:#fff;padding:0 32px}.ud-analysis-modal-container .ud-analysis-table--focused{border-collapse:separate;border-spacing:0}.ud-analysis-modal-container .ud-analysis-table--focused th{position:sticky;top:0;z-index:10;background:#fff;padding-top:20px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.ud-analysis-modal-container .ud-analysis-final-footer{padding:20px 32px;background:#fff;border-top:1px solid #e2e8f0;border-radius:0;margin-top:0;box-shadow:0 -4px 20px #00000008}.animate-fade-in-blur{animation:fadeInBlur .4s ease-out forwards}.animate-slide-up{animation:slideUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInBlur{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.cp-pills-bar{padding:12px 14px!important;gap:8px!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.cp-sticky-wrap{position:sticky!important;left:0!important;z-index:10!important;background:#fff!important;padding:12px 14px!important;margin:-12px 0 -12px -14px!important;display:flex!important;align-items:center!important;box-shadow:10px 0 15px -5px #0f172a0d!important}.cp-pills-sep{height:18px!important}.cp-pill,.cp-flat-pill{padding:6px 14px!important;font-size:13px!important;height:34px!important}.cp-pill-dropdown{left:10px!important;right:10px!important;width:calc(100% - 20px)!important}.cp-pill-dropdown-inner{min-width:unset!important;max-width:100%!important}.cp-pill-dd-cards{grid-template-columns:repeat(2,1fr)!important;max-height:240px!important}.cp-pill-dd-card{padding:10px 8px!important}.cp-pill-dd-card-label{font-size:11px!important;text-align:center}.cp-item-clickable{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.cp-item-info{width:100%!important}.cp-item-prices{width:100%!important;margin-left:0!important}.cp-price-card{padding:10px 12px!important}.cp-price-card-body{flex-direction:column!important;align-items:flex-start!important}.cp-price-card-left{width:100%!important}.cp-price-card-val{width:100%!important;text-align:left!important;margin-top:4px!important}.ud-analysis-table-container{overflow-x:auto!important}.ud-analysis-table{min-width:800px}}