:root{--primary:#3875f6;--primary-dark:#1d4ed8;--primary-glow:#3875f659;--primary-text:#fff;--secondary:#fdcf00;--secondary-glow:#fdcf004d;--accent:#38bdf8;--background:#080c16;--surface:#0f172a;--surface-hover:#17243c;--text:#f8fafc;--text-dim:#94a3b8;--text-muted:#64748b;--border:#94a3b81f;--glass:#0f172abf;--glass-card:#111a30cc;--glass-border:#94a3b824;--card-inner:#ffffff09;--card-inner-border:#ffffff14;--input-bg:#141f38;--section-bg:#ffffff0a;--bg:#0f172a;--card:#111a30;--badge-bg:#3875f61f;--badge-border:#3875f652;--banner-bg:linear-gradient(135deg,#0d206059 0%,#fdcf001a 100%);--mockup-header:#ffffff0a;--error:#ef4444;--success:#10b981;--font-sans:"Inter",system-ui,-apple-system,sans-serif}[data-theme=light]{--primary:#0d2060;--primary-dark:#081540;--primary-glow:#0d206038;--primary-text:#fff;--secondary:#b45309;--secondary-glow:#b4530933;--accent:#2563eb;--background:#f8fafd;--surface:#fff;--surface-hover:#f1f5f9;--text:#0d1b3e;--text-dim:#475569;--text-muted:#64748b;--border:#0d206017;--glass:#ffffffeb;--glass-card:#fffffff5;--glass-border:#0d20601a;--card-inner:#0d206006;--card-inner-border:#0d20600f;--input-bg:#f8fafc;--section-bg:#0d206009;--bg:#f8fafd;--card:#fff;--badge-bg:#0d206012;--badge-border:#0d206038;--banner-bg:linear-gradient(135deg,#0d20600f 0%,#fdcf0014 100%);--mockup-header:#0d206008;--error:#dc2626;--success:#10b981}html{box-sizing:border-box;-webkit-text-size-adjust:100%;width:100%;max-width:100%;overflow-x:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);width:100%;max-width:100%;color:var(--text);font-family:var(--font-sans);min-height:100vh;line-height:1.6;transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}.bg-gradient{z-index:-1;background:radial-gradient(circle at 50% 10%,#3875f614 0%,transparent 50%),radial-gradient(circle at 80% 80%,#fdcf000d 0%,transparent 60%),var(--background);width:100%;height:100%;transition:background .3s;position:fixed;top:0;left:0}[data-theme=light] .bg-gradient{background:radial-gradient(circle at 50% 10%,#0d20600d 0%,transparent 50%),radial-gradient(circle at 80% 80%,#fdcf000f 0%,transparent 60%),var(--background)}.bg-blur-1{filter:blur(100px);z-index:-1;background:radial-gradient(circle,#0d206059 0%,#0000 70%);width:50%;height:50%;animation:22s ease-in-out infinite alternate float;position:fixed;top:-15%;right:-10%}[data-theme=light] .bg-blur-1{background:radial-gradient(circle,#0d206017 0%,#0000 70%)}.bg-blur-2{filter:blur(100px);z-index:-1;background:radial-gradient(circle,#fdcf001f 0%,#0000 70%);width:50%;height:50%;animation:18s ease-in-out infinite alternate-reverse float;position:fixed;bottom:-15%;left:-10%}[data-theme=light] .bg-blur-2{background:radial-gradient(circle,#fdcf0012 0%,#0000 70%)}.hero-grid-pattern{background-image:linear-gradient(to right,var(--border)1px,transparent 1px),linear-gradient(to bottom,var(--border)1px,transparent 1px);opacity:.4;pointer-events:none;z-index:0;background-size:48px 48px;height:700px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 30%,#000 70%,#0000 100%);mask-image:radial-gradient(60% 50% at 50% 30%,#000 70%,#0000 100%)}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(8%,8%)scale(1.08)}}.glass-card{background:var(--glass-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s;box-shadow:0 10px 30px -10px #0000004d}[data-theme=light] .glass-card{box-shadow:0 10px 25px -5px #0f172a0f,0 0 1px 1px #0f172a0a}.glass-card:hover{border-color:var(--primary);box-shadow:0 20px 40px -15px #0006,0 0 25px -10px var(--primary-glow);transform:translateY(-4px)}[data-theme=light] .glass-card:hover{box-shadow:0 20px 35px -10px #0f172a1f,0 0 20px -8px var(--primary-glow)}h1{letter-spacing:-.03em;color:var(--text);margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.15}h2{letter-spacing:-.02em;color:var(--text);margin-bottom:.75rem;font-size:2rem;font-weight:800}p{color:var(--text-dim)}.badge-glow{background:var(--badge-bg);border:1px solid var(--badge-border);color:var(--primary);box-shadow:0 0 20px var(--primary-glow);border-radius:9999px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.badge-glow:hover{background:var(--badge-bg);border-color:var(--primary);transform:translateY(-1px)}.pulse-dot{background:var(--primary);width:8px;height:8px;box-shadow:0 0 10px var(--primary);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--primary-glow);transform:scale(.95)}70%{transform:scale(1);box-shadow:0 0 0 8px #0000}to{transform:scale(.95);box-shadow:0 0 #0000}}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-dim);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input{background:var(--input-bg,var(--surface));border:1.5px solid var(--border);width:100%;color:var(--text);border-radius:10px;padding:.7rem 1rem;font-size:.95rem;font-weight:500;transition:border-color .2s,background .2s,box-shadow .2s}.form-input:focus{border-color:var(--primary);background:var(--input-bg,var(--surface));outline:none;box-shadow:0 0 0 3px #00c8531f}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}textarea.form-input{resize:vertical;min-height:80px}.btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--primary);color:var(--primary-text);box-shadow:0 4px 20px var(--primary-glow)}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 8px 30px var(--primary-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--card-inner);color:var(--text);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.btn-block{width:100%}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 2rem}.nav-company-subtitle{display:block}.hero-cta-group{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2.5rem;display:flex}.dashboard-header-actions{align-items:center;gap:.75rem;display:flex}.portfolio-hero-card{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;margin-bottom:1.25rem;padding:2rem;display:flex}.portfolio-stat-pill{background:var(--card-inner);border:1px solid var(--card-inner-border);border-radius:16px;flex-shrink:0;align-items:center;gap:1.5rem;padding:1rem 1.5rem;display:flex}.table-scroll-container{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.mobile-table-hint{display:none}@media (max-width:768px){.container{padding:0 1.25rem}main{width:100%!important;min-width:0!important;max-width:100%!important;padding-top:1.5rem!important;padding-bottom:3rem!important}h1{font-size:1.85rem}h2{font-size:1.4rem}.glass-card{border-radius:16px;padding:1.5rem}.portfolio-hero-card{flex-wrap:wrap;align-items:flex-start;padding:1.5rem}.page-header-row{flex-flow:wrap!important;justify-content:space-between!important;align-items:flex-start!important;gap:.75rem!important;display:flex!important}.page-header-row>div:first-child{flex:60%!important;min-width:0!important}.mobile-table-hint{color:var(--primary);background:var(--badge-bg);border:1px solid var(--badge-border);border-radius:999px;align-items:center;gap:.35rem;margin-bottom:.75rem;padding:.35rem .75rem;font-size:.75rem;display:inline-flex}.kpi-grid{grid-template-columns:repeat(2,1fr)!important}.form-grid-2{grid-template-columns:1fr!important}table{font-size:.82rem}.filter-bar{flex-wrap:wrap;gap:.5rem}}@media (max-width:640px){.nav-company-subtitle{display:none!important}.hero-cta-group{flex-direction:column;width:100%;padding:0 .25rem}.hero-cta-group .btn{text-align:center;justify-content:center;width:100%!important;min-width:unset!important}.page-header-row{flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:.75rem!important}.page-header-row>div:first-child{flex:unset!important;width:100%!important}.dashboard-header-actions{align-items:center!important;gap:.5rem!important;width:100%!important;display:flex!important}.dashboard-header-actions .btn{text-align:center!important;flex:1!important;justify-content:center!important;min-width:0!important;padding:.6rem .75rem!important;font-size:.82rem!important}.portfolio-hero-card{gap:1rem;padding:1.4rem;flex-flow:column!important;align-items:stretch!important}.portfolio-hero-card>div:first-child{width:100%;flex:unset!important}.portfolio-stat-pill{box-sizing:border-box!important;flex-shrink:unset!important;grid-template-columns:1fr 1fr!important;gap:.5rem!important;width:100%!important;padding:.75rem 1rem!important;display:grid!important}.portfolio-stat-divider{display:none!important}.sub-metrics-grid{grid-template-columns:1fr!important}.donut-layout-grid{grid-template-columns:1fr!important;gap:1.5rem!important}}@media (max-width:480px){.container{padding:0 1rem}h1{font-size:1.5rem}h2{font-size:1.2rem}.glass-card{border-radius:14px;padding:1.25rem}.btn{padding:.65rem .85rem;font-size:.85rem}.kpi-grid{grid-template-columns:1fr!important}.kpi-value{font-size:1.3rem!important}table{font-size:.78rem}table th,table td{padding:.5rem .6rem!important}.filter-bar input,.filter-bar select{width:100%;min-width:unset!important}.modal-box{border-radius:16px!important;max-width:100%!important}.month-grid{grid-template-columns:repeat(2,1fr)!important}.pemegang-label{font-size:.75rem}}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.min-h-screen{min-height:100vh}.fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.gradient-text-hero{background:linear-gradient(120deg,#3875f6 0%,#60a5fa 38%,#fdcf00 88%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .gradient-text-hero{background:linear-gradient(120deg,#0d2060 0%,#1d4ed8 42%,#fdcf00 88%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.footer-watermark{letter-spacing:-.04em;background:linear-gradient(#ffffff14 0%,#ffffff03 100%);-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-background-clip:text;background-clip:text;font-size:clamp(3.5rem,16vw,13rem);font-weight:900;line-height:.95}[data-theme=light] .footer-watermark{background:linear-gradient(#0d20600f 0%,#0d206003 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brand-logo-img{object-fit:contain;width:auto;max-width:220px;height:38px;display:block}.logo-light{display:none!important}.logo-dark,[data-theme=light] .logo-light{display:block!important}[data-theme=light] .logo-dark{display:none!important}