.notification-button[data-v-2cdca42c]{color:#344767;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;font-size:1.35rem;transition:color .2s,background .2s,transform .2s;display:inline-grid;position:relative}.notification-dropdown .dropdown-menu[data-v-2cdca42c]{margin-top:.55rem;top:100%;left:auto;right:0}.notification-menu[data-v-2cdca42c]{border:1px solid #e4eaf1;border-radius:12px;width:min(360px,100vw - 24px);padding:0;overflow:hidden;box-shadow:0 12px 32px #12263f29}.notification-menu-header[data-v-2cdca42c]{color:#172b4d;border-bottom:1px solid #edf0f4;padding:.8rem 1rem;font-size:.85rem;font-weight:750}.notification-menu-item[data-v-2cdca42c]{color:#344767;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f4;align-items:center;gap:.75rem;width:100%;padding:.8rem 1rem;display:flex}.notification-menu-item[data-v-2cdca42c]:hover{background:#f8fafc}.notification-menu-icon[data-v-2cdca42c]{border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:1.1rem;display:inline-grid}.notification-menu-icon-wa[data-v-2cdca42c]{color:#128c7e;background:#25d36624}.notification-menu-icon-gas[data-v-2cdca42c]{color:#d48100;background:#f5a62326}.notification-menu-copy[data-v-2cdca42c]{flex:1;min-width:0}.notification-menu-copy strong[data-v-2cdca42c],.notification-menu-copy small[data-v-2cdca42c]{display:block}.notification-menu-copy strong[data-v-2cdca42c]{font-size:.82rem}.notification-menu-copy small[data-v-2cdca42c]{color:#7b8794;margin-top:.12rem;font-size:.72rem}.notification-menu-count[data-v-2cdca42c]{color:#fff;background:#dc3545;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:.7rem;font-weight:800;display:inline-flex}.notification-menu-ok[data-v-2cdca42c]{color:#198754;font-size:1.15rem}.gas-alert-list[data-v-2cdca42c]{background:#fffaf0;padding:.45rem 1rem .6rem 3.95rem}.gas-alert-row[data-v-2cdca42c]{color:#5b6573;justify-content:space-between;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.7rem;display:flex}.gas-alert-row .badge[data-v-2cdca42c]{flex:none;font-size:.6rem;font-weight:650}.notification-button[data-v-2cdca42c]:hover{color:#0f1b35;background:#edf1f7}.notification-button.has-notifications[data-v-2cdca42c]{color:#dc3545;background:#dc35451a;border-color:#dc354533}.notification-button.has-notifications[data-v-2cdca42c]:hover{background:#dc354529;transform:translateY(-1px)}.notification-badge[data-v-2cdca42c]{z-index:2;color:#fff;background:#dc3545;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.65rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-5px;right:-7px}.notification-pulse[data-v-2cdca42c]{pointer-events:none;border:2px solid #dc35458c;border-radius:50%;animation:1.8s ease-out infinite notification-ring-2cdca42c;position:absolute;inset:4px}@keyframes notification-ring-2cdca42c{0%{opacity:.8;transform:scale(.75)}70%,to{opacity:0;transform:scale(1.45)}}@media (width<=767.98px){.top-bar .notification-dropdown[data-v-2cdca42c]{position:static}.notification-dropdown .dropdown-menu[data-v-2cdca42c]{width:min(360px,100% - 24px);right:12px}}@media (prefers-reduced-motion:reduce){.notification-pulse[data-v-2cdca42c]{animation:none}}.main-fullscreen[data-v-b8d12416]{margin-left:0!important;padding:0!important}.main-hide-sidebar[data-v-b8d12416]{margin-left:0!important}.loading-screen[data-v-3f0a1c00]{background:var(--navy-900);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-page[data-v-533c75e1]{min-height:100vh;font-family:var(--font-family);justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.login-page-bg[data-v-533c75e1]{background:var(--navy-900);z-index:0;position:absolute;inset:0}.login-page-bg[data-v-533c75e1]:before{content:"";background:radial-gradient(circle at 15% 20%,#f5a62324,#0000 45%),radial-gradient(circle at 85% 80%,#f5a6231a,#0000 45%);position:absolute;inset:0}.login-shell[data-v-533c75e1]{z-index:1;width:100%;max-width:400px;position:relative}.login-card[data-v-533c75e1]{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 24px #0000002e,0 20px 50px #00000040}.login-card-accent[data-v-533c75e1]{background:linear-gradient(90deg,#f5a623,#f7c34a,#f5a623);height:5px}.login-card-body[data-v-533c75e1]{text-align:center;padding:2.75rem 2.25rem 2.25rem}.login-logo[data-v-533c75e1]{background:var(--navy-900);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.25rem;display:flex;box-shadow:0 6px 18px #0f1b3559}.login-logo i[data-v-533c75e1]{color:#f5a623;font-size:2rem}.login-title[data-v-533c75e1]{color:var(--heading-color);letter-spacing:.01em;margin:0 0 4px;font-size:1.4rem;font-weight:800}.login-subtitle[data-v-533c75e1]{color:var(--neutral-400);margin:0 0 1.75rem;font-size:.8rem;line-height:1.5}.btn-google[data-v-533c75e1]{width:100%;color:var(--neutral-700);cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:.7rem 1rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.btn-google[data-v-533c75e1]:hover:not(:disabled){background:#fffaf0;border-color:#f5a623;transform:translateY(-1px);box-shadow:0 4px 14px #f5a6232e}.btn-google[data-v-533c75e1]:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-demo[data-v-533c75e1]{background:var(--navy-900);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:.75rem;padding:.7rem 1rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.btn-demo[data-v-533c75e1]:hover:not(:disabled){color:#fff;background:#f5a623;transform:translateY(-1px);box-shadow:0 4px 14px #f5a6234d}.btn-demo[data-v-533c75e1]:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-demo i[data-v-533c75e1]{font-size:1.1rem}.google-spinner[data-v-533c75e1]{border:2.5px solid #f5a62340;border-top-color:#f5a623;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite login-spin-533c75e1}@keyframes login-spin-533c75e1{to{transform:rotate(360deg)}}.login-divider[data-v-533c75e1]{background:linear-gradient(90deg,#0000,#eceef1,#0000);height:1px;margin:1.5rem 0 1.1rem}.login-note[data-v-533c75e1]{color:var(--neutral-400);justify-content:center;align-items:center;gap:4px;margin:0;font-size:.8rem;display:flex}.login-demo-note[data-v-533c75e1]{color:var(--neutral-400);justify-content:center;align-items:center;gap:4px;margin:.5rem 0 0;font-size:.72rem;display:flex}.login-footer[data-v-533c75e1]{text-align:center;color:#ffffff73;letter-spacing:.02em;margin:1.5rem 0 .3rem;font-size:.75rem}.login-legal-links[data-v-533c75e1]{color:#ffffff61;justify-content:center;align-items:center;gap:.45rem;font-size:.68rem;display:flex}.login-legal-links a[data-v-533c75e1]{color:#ffffff94;text-decoration-color:#fff3}.login-legal-links a[data-v-533c75e1]:hover,.login-legal-links a[data-v-533c75e1]:focus-visible{color:var(--gold-light);-webkit-text-decoration-color:var(--gold-light);text-decoration-color:var(--gold-light)}@media (width<=420px){.login-card-body[data-v-533c75e1]{padding:2.25rem 1.5rem 1.75rem}}:root{--navy-900:#0f1b35;--navy-800:#1a2e55;--navy-700:#1e3a6e;--navy-600:#2a4a7a;--gold:#f5a623;--gold-light:#f7c34a;--gold-dark:#d48a12;--neutral-50:#fafafa;--neutral-100:#f5f5f0;--neutral-200:#eeece6;--neutral-300:#d9d6ce;--neutral-400:#a8a39a;--neutral-500:#7a756b;--neutral-600:#5c574e;--neutral-700:#3d3932;--neutral-800:#26231d;--color-success:#2b8a3e;--color-danger:#c92a2a;--color-warning:#d48a12;--color-info:#1971c2;--surface-page:#f5f5f0;--surface-card:#fff;--surface-card-alt:#fcfcf9;--surface-elevated:#fff;--sidebar-gradient:linear-gradient(180deg, var(--navy-900) 0%, var(--navy-800) 60%, var(--navy-700) 100%);--sidebar-w:265px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--border-light:1px solid var(--neutral-200);--shadow-card:0 2px 16px #0f1b350f;--shadow-card-hover:0 8px 24px #0f1b351a;--shadow-heavy:0 4px 24px #0f1b3524;--shadow-elevated:0 12px 40px #0f1b351f;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--body-color:#4a4640;--heading-color:var(--navy-900);--text-muted:var(--neutral-400);--max-read-width:65ch;--text-xs:.75rem;--text-sm:.8rem;--text-base:.88rem;--text-md:.95rem;--text-lg:1.1rem;--text-xl:clamp(1.1rem, .9rem + .8vw, 1.3rem);--text-2xl:clamp(1.3rem, 1rem + 1.2vw, 1.6rem);--text-3xl:clamp(1.5rem, 1.1rem + 1.8vw, 2rem);--text-4xl:clamp(1.8rem, 1.2rem + 2.5vw, 2.5rem)}*,:before,:after{box-sizing:border-box}a{color:var(--navy-700);text-underline-offset:2px;-webkit-text-decoration:underline #0f1b3533;text-decoration:underline #0f1b3533;text-decoration-thickness:1px;transition:color .2s}a:hover{color:var(--gold-dark);-webkit-text-decoration-color:var(--gold-dark);text-decoration-color:var(--gold-dark)}body{font-family:var(--font-family);background-color:var(--surface-page);color:var(--body-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}body.no-scroll{overflow:hidden}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.max-width-read{max-width:var(--max-read-width)}.grain-overlay{z-index:9999;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}#sidebar{width:var(--sidebar-w);z-index:1001;background:var(--sidebar-gradient);height:100dvh;transition:left .3s ease-out;position:fixed;top:0;left:0}.sidebar-scroll{width:100%;height:100%}.sidebar-wrapper{background:var(--sidebar-gradient);width:100%;position:static;overflow:visible}.sidebar-scroll.ps{overflow:hidden!important}.sidebar-scroll .ps__rail-y{z-index:40;background:0 0;width:6px}.sidebar-scroll .ps__thumb-y{background:#ffffff4d;border-radius:3px;width:6px}.sidebar-scroll:hover .ps__thumb-y{background:#ffffff80}.sidebar-scroll .ps__thumb-y:active{background:#ffffffb3}.sidebar-wrapper .sidebar-header{padding:1rem 1rem .5rem;font-size:1.5rem;font-weight:700}.sidebar-wrapper .sidebar-header img{height:1.2rem}.sidebar-wrapper .menu{margin-top:2rem;padding:0 1rem;font-weight:600}.sidebar-wrapper .menu .sidebar-title{color:#ffffff59;text-transform:uppercase;letter-spacing:.08em;margin:1.5rem 0 1rem;padding:0 1rem;font-size:.8rem;font-weight:700;list-style:none}.sidebar-wrapper .menu .sidebar-link{color:#e5e7eb;cursor:pointer;border-radius:.5rem;align-items:center;gap:12px;padding:.7rem 1rem;font-size:1rem;text-decoration:none;transition:all .25s;display:flex}.sidebar-wrapper .menu .sidebar-link:focus-visible{outline:none;box-shadow:0 0 0 2px #f5a62380}.sidebar-wrapper .menu .sidebar-link i,.sidebar-wrapper .menu .sidebar-link svg{color:#e5e7eb;flex-shrink:0;font-size:1.15rem}.sidebar-wrapper .menu .sidebar-link span{margin-left:0}.sidebar-wrapper .menu .sidebar-link:hover{background-color:#ffffff14;transform:translate(2px)}.sidebar-wrapper .menu .sidebar-link:active{transform:scale(.98)}.sidebar-wrapper .menu .sidebar-item{margin-top:.25rem;list-style:none;position:relative}.sidebar-wrapper .menu .sidebar-item.has-sub .sidebar-link:after{content:url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"white\" stroke-width=\"2\" d=\"M6 9l6 6 6-6\"/></svg>");position:absolute;top:12px;right:15px}.sidebar-wrapper .menu .sidebar-item.active .sidebar-link{background-color:var(--gold)}.sidebar-wrapper .menu .sidebar-item.active .sidebar-link span,.sidebar-wrapper .menu .sidebar-item.active .sidebar-link i,.sidebar-wrapper .menu .sidebar-item.active .sidebar-link svg{color:var(--navy-900)}.sidebar-wrapper .menu .sidebar-item.active .sidebar-link.has-sub:after{content:url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"%230f1b35\" stroke-width=\"1\" d=\"M6 9l6 6 6-6\"/></svg>")}.sidebar-wrapper .menu .submenu{max-height:0;margin:.35rem 0;padding-left:.5rem;list-style:none;transition:max-height .3s ease-out;overflow:hidden}.sidebar-wrapper .menu .submenu.active{max-height:500px;transition:max-height .3s ease-in}.sidebar-wrapper .menu .submenu .submenu-item{margin:4px 0}.sidebar-wrapper .menu .submenu .submenu-item a{border-radius:var(--radius-sm);color:#cfd8ea;align-items:center;gap:10px;padding:.65rem 1rem .65rem 2.8rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .25s;display:flex;position:relative}.sidebar-wrapper .menu .submenu .submenu-item a i{font-size:.6rem;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.sidebar-wrapper .menu .submenu .submenu-item a:focus-visible{outline:none;box-shadow:0 0 0 2px #f5a62380}.sidebar-wrapper .menu .submenu .submenu-item a:hover{color:#fff;background:#ffffff14;transform:translate(4px)}.sidebar-wrapper .menu .submenu .submenu-item.active a{background:var(--gold);color:var(--navy-900);font-weight:600}.sidebar-overlay{z-index:999;background:#0000004d;display:none;position:fixed;inset:0}#sidebar.active+.sidebar-overlay{display:block}#main{margin-left:var(--sidebar-w);padding:1rem 1.5rem}.top-bar{z-index:998;background-color:#fff;justify-content:flex-end;align-items:center;padding:10px 20px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0f1b350a}#burger-btn{background:var(--neutral-100);width:38px;height:38px;color:var(--navy-800);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .25s;display:flex}#burger-btn:hover{background-color:var(--navy-800);color:#fff;transform:translateY(-1px)}#burger-btn:active{transform:scale(.95)}#burger-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #f5a62380}.page-header{background:linear-gradient(135deg, var(--navy-900) 0%, var(--navy-800) 60%, var(--navy-700) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-heavy);margin-bottom:1.5rem;padding:0 0 8px;position:relative;overflow:hidden}.page-header:before{content:"";background:linear-gradient(180deg, var(--gold), var(--gold-light), var(--gold));width:6px;position:absolute;top:0;bottom:0;left:0}.page-header-inner{padding:1.4rem 1.75rem 1.2rem}.page-header h4{color:#fff;letter-spacing:-.01em;text-wrap:balance;margin:0 0 3px;font-size:1.3rem;font-weight:800}.page-header .sub{color:#ffffff8c;margin:0;font-size:.85rem}.filter-bar{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:.75rem 1.75rem 1rem;display:flex}.filter-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-right{align-items:center;gap:8px;display:flex}.filter-pill{color:#ffffffd9;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:4px;padding:3px 6px 3px 10px;font-size:.8rem;font-weight:500;transition:background .2s;display:inline-flex}.filter-pill:hover{background:#ffffff21}.filter-pill .pill-label{color:#ffffff80;white-space:nowrap;font-size:.75rem;font-weight:500}.filter-pill select{background:var(--gold);color:var(--navy-900);cursor:pointer;appearance:auto;border:none;border-radius:8px;outline:none;max-width:120px;margin-left:4px;padding:0 20px 0 4px;font-size:.8rem;font-weight:500}.filter-pill select option{color:#fff;background:#162444;font-weight:500}.filter-pill input[type=date]{background:var(--gold);color:var(--navy-900);cursor:pointer;-webkit-appearance:none;border:none;border-radius:8px;outline:none;max-width:120px;margin-left:4px;padding:0 20px 0 4px;font-size:.8rem;font-weight:500}.filter-pill input[type=date]::-webkit-calendar-picker-indicator{-webkit-filter:invert(.2);cursor:pointer}.filter-pill .pill-sep{color:#ffffff80;padding:0 2px;font-size:.75rem;font-weight:500}.filter-divider{background:#ffffff1a;flex-shrink:0;width:1px;height:20px}.pill-tabs-header{background:#ffffff14;border:1px solid #ffffff26;border-radius:50px;gap:2px;padding:3px;display:inline-flex;overflow:hidden}.pill-header{color:#fff9;cursor:pointer;white-space:nowrap;letter-spacing:.02em;background:0 0;border:none;border-radius:50px;padding:5px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.pill-header:focus-visible{outline:none;box-shadow:0 0 0 2px #f5a62380}.pill-header:hover{color:#fff;background:#ffffff1a}.pill-header.active{background:var(--gold);color:var(--navy-900);font-weight:700}.btn-refresh-header{color:#fff9;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;transition:all .25s;display:flex}.btn-refresh-header:focus-visible{outline:none;box-shadow:0 0 0 2px #f5a62380}.btn-refresh-header:hover{border-color:var(--gold);color:var(--gold);background:#f5a62333;transform:rotate(90deg)}.btn-refresh-header:active{transform:rotate(90deg)scale(.9)}.filter-pill-sep{color:#fff6;flex-shrink:0;padding:0 2px;font-size:.8rem;font-weight:700}.dash-timestamp{color:#fff9;align-items:center;gap:6px;font-size:.8rem;display:flex}.dash-timestamp i{font-size:.85rem}.dash-header-pct{text-align:right}.dash-header-pct .pct-label{color:#ffffff8c;margin-top:2px;font-size:.8rem}.dash-progress-wrap{padding:.8rem 1.75rem 0}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:var(--surface-card);border:none;margin-bottom:2rem;transition:box-shadow .25s,transform .25s}.card:hover{box-shadow:var(--shadow-card-hover)}.card-header-table{background:var(--navy-900);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:none;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;display:flex}.card-header-table h5{color:#fff;margin:0;font-size:1rem;font-weight:700}.card .card-header{background:var(--navy-800);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:none;padding:.75rem 1.5rem}.card .card-header h4{font-size:1.1rem;font-weight:700}.card .card-body{padding:1.5rem}.card .card-title{color:var(--heading-color);font-size:1.2rem;font-weight:700}.summary-card-new{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:var(--border-light);height:100%;padding:1.2rem 1.4rem;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.summary-card-new:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.summary-card-new:before{content:"";border-radius:var(--radius-lg) 0 0 var(--radius-lg);width:4px;position:absolute;top:0;bottom:0;left:0}.summary-card-new.accent-blue:before{background:var(--navy-600)}.summary-card-new.accent-green:before{background:var(--color-success)}.summary-card-new.accent-red:before{background:var(--color-danger)}.summary-card-new.accent-yellow:before{background:var(--gold)}.summary-card-new.accent-purple:before{background:#7c3aed}.summary-card-new.accent-teal:before{background:var(--color-info)}.scard-label{text-transform:uppercase;letter-spacing:.06em;color:var(--neutral-400);margin-bottom:.4rem;font-size:.8rem;font-weight:700}.scard-value{color:var(--heading-color);font-variant-numeric:tabular-nums;margin-bottom:.2rem;font-size:1.7rem;font-weight:800;line-height:1.1}.scard-sub{color:var(--neutral-400);font-size:.82rem}.scard-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;display:flex;position:absolute;top:1rem;right:1rem}.scard-icon.bg-blue{color:var(--navy-600);background:#2a4a7a1a}.scard-icon.bg-green{color:var(--color-success);background:#2b8a3e1a}.scard-icon.bg-red{color:var(--color-danger);background:#c92a2a1a}.scard-icon.bg-yellow{color:var(--gold);background:#f5a6231f}.scard-icon.bg-purple{color:#7c3aed;background:#7c3aed1a}.scard-icon.bg-teal{color:var(--color-info);background:#1971c21a}.summary-card-old{background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:var(--border-light);height:100%;padding:1.4rem;transition:box-shadow .25s,transform .25s}.summary-card-old:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.icon-box{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;display:flex}.data-box{background:var(--neutral-50);border-radius:12px;padding:12px 14px}.total-box{background:linear-gradient(135deg, var(--color-success), #2f9e44);color:#fff;border-radius:14px;padding:10px}.total-box-info{background:linear-gradient(135deg, var(--color-info), #1c7ed6);color:#fff;border-radius:14px;padding:10px}.bg-soft-success{color:var(--color-success);background:#2b8a3e1a}.bg-soft-info{color:var(--color-info);background:#1971c21a}.section-divider{align-items:center;gap:14px;margin:1.75rem 0 1.25rem;display:flex}.section-divider-line{background:linear-gradient(90deg, transparent, var(--neutral-300), transparent);flex:1;height:1px}.section-divider-label{text-transform:uppercase;letter-spacing:.1em;color:var(--neutral-400);white-space:nowrap;background:var(--surface-page);border:1px solid var(--neutral-200);border-radius:50px;padding:4px 14px;font-size:.8rem;font-weight:700}.section-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:var(--border-light);transition:box-shadow .25s;overflow:hidden}.section-card:hover{box-shadow:var(--shadow-card-hover)}.section-card-header{background:var(--navy-900);color:#fff;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;display:flex}.section-card-header h5{color:#fff;margin:0;font-size:1rem;font-weight:700}.section-card-body{padding:1.25rem}.distribusi-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.distribusi-avatar{object-fit:cover;border-radius:50%;width:34px;height:34px}table.dataTable{font-size:.88rem}table.dataTable th,table.dataTable td{padding:.75rem 1rem}.bg-orange,.bg-orange a{background-color:var(--gold)!important;color:var(--navy-900)!important}.bg-indigo,.bg-indigo a{background-color:var(--navy-800)!important;color:#fff!important}#tableSurat{table-layout:fixed;width:100%}#tableSurat td{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden}.cell-agno{text-overflow:ellipsis;white-space:nowrap;color:var(--navy-600);font-weight:700;line-height:1.3;display:block;overflow:hidden}.cell-agno:hover{color:var(--navy-900)}.cell-konseptor{color:var(--neutral-500);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:.85rem;font-weight:500;display:block;overflow:hidden}.group-title td{color:var(--navy-600);background:var(--neutral-50);border-top:2px solid var(--neutral-200);padding-top:10px;padding-bottom:6px;font-size:.88rem;font-weight:700}.stat-badge{cursor:pointer;transition:all .25s}.stat-badge:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 6px 16px #0f1b351a}.stat-badge:active{transform:scale(.98)}.badge-identitas-rahasia{color:var(--color-danger);background-color:#c92a2a14;border:1px solid #c92a2a40;border-radius:50px;padding:3px 10px;font-size:.7rem;font-weight:500}.badge-identitas-tidak{color:var(--color-info);background-color:#1971c214;border:1px solid #1971c240;border-radius:50px;padding:3px 10px;font-size:.7rem;font-weight:500}.badge-identitas-default{background-color:var(--neutral-100);border:1px solid var(--neutral-200);color:var(--neutral-500);border-radius:50px;padding:3px 10px;font-size:.7rem;font-weight:500}.badge-tte-sudah{color:var(--color-success);background:#2b8a3e14;border:1px solid #2b8a3e40;border-radius:50px;padding:3px 10px;font-size:.8rem;font-weight:700}.badge-tte-belum{color:var(--color-danger);background:#c92a2a14;border:1px solid #c92a2a40;border-radius:50px;padding:3px 10px;font-size:.8rem;font-weight:700}.badge-status{border-radius:50px;padding:3px 10px;font-size:.7rem;font-weight:700}td.details-control{cursor:pointer;width:40px}td.details-control i{font-size:.85rem;transition:all .2s}tr.shown{background-color:#0f1b3508}.modal-header-navy{background:var(--navy-900);border-bottom:none;padding:1.1rem 1.5rem 1rem;position:relative;overflow:hidden}.modal-header-navy:before{content:"";background:linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));height:3px;position:absolute;top:0;left:0;right:0}.modal-header-navy .modal-title{color:#fff;align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.modal-header-navy .btn-close{filter:invert()brightness(.7);opacity:.7}.modal-header-navy .btn-close:hover{opacity:1}.modal-icon{width:30px;height:30px;color:var(--gold);background:#f5a62333;border:1px solid #f5a6234d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.modal-body-clean{background:#fff;padding:1.4rem 1.5rem}.modal-body-clean .form-label{color:var(--neutral-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:.8rem;font-weight:700}.modal-body-clean .form-control,.modal-body-clean .form-select{border:1.5px solid var(--neutral-200);color:var(--heading-color);background:var(--neutral-50);border-radius:8px;padding:.5rem .75rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.modal-body-clean .form-control:focus,.modal-body-clean .form-select:focus{border-color:var(--gold);background:#fff;outline:none;box-shadow:0 0 0 3px #f5a62326}.modal-body-clean textarea.form-control{resize:vertical;min-height:80px}.modal-footer-clean{background:var(--neutral-50);border-top:1.5px solid var(--neutral-200);justify-content:flex-end;gap:8px;padding:.85rem 1.5rem;display:flex}.modal-alert-error{color:var(--color-danger);background:#fff5f5;border:1.5px solid #feb2b2;border-radius:8px;align-items:center;gap:8px;margin-bottom:1rem;padding:.6rem .9rem;font-size:.85rem;display:flex}.form-text{border:1px solid var(--neutral-300);height:calc(1.5em + .75rem + 2px);color:var(--neutral-700);border-radius:6px;width:100%;padding:.25rem .5rem;font-size:.9rem}.form-text:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #f5a62326}.form-area{border:1px solid var(--neutral-300);min-height:60px;color:var(--neutral-700);resize:vertical;border-radius:6px;width:100%;padding:.25rem .5rem;font-size:.9rem}.wrap-text{word-break:break-word;overflow-wrap:break-word;white-space:pre-line;max-width:300px}#copyToast{background:var(--navy-800);color:#fff;white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;z-index:2000;border-radius:50px;max-width:320px;padding:8px 18px;font-size:.85rem;transition:opacity .2s,transform .2s;position:fixed;bottom:90px;left:50%;overflow:hidden;transform:translate(-50%)translateY(20px)}#copyToast.show{opacity:1;transform:translate(-50%)translateY(0)}.badge-dot{border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block}#loadingOverlay{z-index:9999;background:#ffffffb3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#loadingOverlay.show{display:flex}.skeleton{background:linear-gradient(90deg, var(--neutral-200) 25%, var(--neutral-100) 50%, var(--neutral-200) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{width:100%;height:14px;margin-bottom:8px}.skeleton-text:last-child{width:60%}.skeleton-heading{width:40%;height:24px;margin-bottom:12px}.skeleton-avatar{border-radius:50%;width:40px;height:40px}.loading-parent{min-height:60px;position:relative}.card-loading{z-index:10;border-radius:inherit;background:#ffffffbf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stagger-fade-in{opacity:0;animation:.5s forwards stagger-in;transform:translateY(12px)}@keyframes stagger-in{to{opacity:1;transform:translateY(0)}}.stagger-fade-in:first-child{animation-delay:50ms}.stagger-fade-in:nth-child(2){animation-delay:.1s}.stagger-fade-in:nth-child(3){animation-delay:.15s}.stagger-fade-in:nth-child(4){animation-delay:.2s}.stagger-fade-in:nth-child(5){animation-delay:.25s}.stagger-fade-in:nth-child(6){animation-delay:.3s}.stagger-fade-in:nth-child(7){animation-delay:.35s}.stagger-fade-in:nth-child(8){animation-delay:.4s}@media (width<=1199px){#sidebar{left:-265px}#sidebar.active{left:0}#main{margin-left:0}}@media (width<=640px){.filter-bar{padding:.75rem 1rem .85rem}.page-header-inner{padding:1rem 1rem .9rem}.pill-header{padding:4px 10px;font-size:.75rem}.filter-pill{padding:4px 8px}.cell-agno,.cell-konseptor{max-width:130px}}.top-bar .dropdown{position:relative}.dropdown-user-menu{border:var(--border-light);border-radius:var(--radius-lg);min-width:260px;max-width:90vw;box-shadow:var(--shadow-elevated);padding:0;overflow:hidden;left:auto!important;right:0!important}.dropdown-user-header{border-bottom:1px solid var(--neutral-100);background:#fff;align-items:center;gap:12px;padding:14px 16px;display:flex}.dropdown-user-avatar{border-radius:var(--radius-md);width:42px;height:42px;color:var(--gold-dark);background:#f5a6231a;border:1.5px solid #f5a62340;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.dropdown-user-info{flex:1;min-width:0}.dropdown-user-name{color:var(--heading-color);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;line-height:1.3;overflow:hidden}.dropdown-user-email{color:var(--neutral-400);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.8rem;overflow:hidden}.dropdown-user-role-badge{color:var(--gold-dark);letter-spacing:.06em;text-transform:uppercase;background:#f5a6231a;border:1px solid #f5a6234d;border-radius:50px;padding:2px 9px;font-size:.75rem;font-weight:800;display:inline-block}.dropdown-user-menu .dropdown-divider{border-color:var(--neutral-100);margin:0}.dropdown-item-custom{color:var(--heading-color);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:.85rem;font-weight:600;transition:background .15s;display:flex}.dropdown-item-custom:hover{background:var(--neutral-50)}.dropdown-item-danger{color:var(--color-danger)}.dropdown-item-danger:hover{background:#c92a2a0a}.dropdown-item-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;display:flex}.dropdown-item-icon-danger{color:var(--color-danger);background:#c92a2a14}.eks-btn{cursor:pointer;justify-content:center;align-items:center;gap:6px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.eks-btn:hover{transform:translateY(-1px)}.eks-btn:active{transform:scale(.97)}.eks-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.eks-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #f5a62380}.eks-btn-solid{color:#fff;border:1.5px solid #0000}.eks-btn-solid.eks-btn-primary{background:var(--navy-900);border-color:var(--navy-900)}.eks-btn-solid.eks-btn-primary:hover{background:var(--navy-800);border-color:var(--navy-800);color:#fff}.eks-btn-solid.eks-btn-success{background:var(--color-success);border-color:var(--color-success)}.eks-btn-solid.eks-btn-success:hover{opacity:.9;color:#fff}.eks-btn-solid.eks-btn-danger{background:var(--color-danger);border-color:var(--color-danger)}.eks-btn-solid.eks-btn-danger:hover{opacity:.9;color:#fff}.eks-btn-solid.eks-btn-warning{background:var(--gold);border-color:var(--gold);color:var(--navy-900)}.eks-btn-solid.eks-btn-warning:hover{background:var(--gold-light);border-color:var(--gold-light);color:var(--navy-900)}.eks-btn-solid.eks-btn-info{background:var(--color-info);border-color:var(--color-info)}.eks-btn-solid.eks-btn-info:hover{opacity:.9;color:#fff}.eks-btn-glass{border:1.5px solid var(--neutral-300);color:var(--neutral-500);background:#0000000a}.eks-btn-glass.eks-btn-primary{color:var(--navy-900);background:#0f1b351a;border-color:#0f1b3540}.eks-btn-glass.eks-btn-primary:hover{background:var(--navy-900);border-color:var(--navy-900);color:#fff}.eks-btn-glass.eks-btn-success{color:var(--color-success);background:#2b8a3e1a;border-color:#2b8a3e66}.eks-btn-glass.eks-btn-success:hover{background:var(--color-success);border-color:var(--color-success);color:#fff}.eks-btn-glass.eks-btn-danger{color:var(--color-danger);background:#c92a2a1a;border-color:#c92a2a66}.eks-btn-glass.eks-btn-danger:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.eks-btn-glass.eks-btn-warning{color:var(--gold-dark);background:#f5a6231a;border-color:#f5a62380}.eks-btn-glass.eks-btn-warning:hover{background:var(--gold);border-color:var(--gold);color:var(--navy-900)}.eks-btn-glass.eks-btn-info{color:var(--color-info);background:#1971c21a;border-color:#1971c266}.eks-btn-glass.eks-btn-info:hover{background:var(--color-info);border-color:var(--color-info);color:#fff}.eks-btn-xs{border-radius:5px;padding:4px 10px;font-size:.7rem}.eks-btn-sm{border-radius:7px;padding:6px 14px;font-size:.78rem}.eks-btn-md{border-radius:9px;padding:10px 18px;font-size:.85rem}.eks-btn-lg{border-radius:10px;padding:12px 24px;font-size:.95rem}.eks-btn-full{width:100%}.eks-btn-disabled{cursor:not-allowed;background:var(--neutral-100)!important;border:1.5px dashed var(--neutral-200)!important;color:var(--neutral-400)!important}.eks-btn-disabled:hover{background:var(--neutral-100)!important;transform:none!important}.search-input-icon{color:var(--neutral-400);pointer-events:none;z-index:1;font-size:.95rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.badge-status-success{color:var(--color-success);background:#2b8a3e14;border:1.5px solid #2b8a3e40;border-radius:50px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-status-warning{color:var(--gold-dark);background:#f5a6231a;border:1.5px solid #f5a6234d;border-radius:50px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-status-info{color:var(--color-info);background:#1971c214;border:1.5px solid #1971c240;border-radius:50px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-status-danger{color:var(--color-danger);background:#c92a2a14;border:1.5px solid #c92a2a40;border-radius:50px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-status-secondary{color:var(--neutral-600);background:#5a5a5a14;border:1.5px solid #5a5a5a33;border-radius:50px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.data-count{color:#ffffff8c;font-size:.85rem}.search-input-wrapper{width:100%;max-width:280px;position:relative}.search-input-field{border-radius:8px;padding:.4rem .75rem .4rem 2rem;font-size:.85rem}.detail-info-strip{border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:0;padding:.6rem 1.75rem .9rem;display:flex}.strip-item{flex-direction:column;padding:0 1rem;display:flex}.strip-item:first-child{padding-left:0}.strip-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;margin-bottom:2px;font-size:.75rem;font-weight:700}.strip-value{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:.9rem;font-weight:600;overflow:hidden}.strip-divider{background:#ffffff1a;flex-shrink:0;width:1px;height:28px}.detail-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:var(--border-light);margin-bottom:1.5rem;overflow:hidden}.detail-card-header{background:var(--navy-900);border-bottom:none;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.detail-card-title{color:#fff;align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:700;display:flex}.detail-card-icon{width:28px;height:28px;color:var(--gold);background:#f5a62333;border:1px solid #f5a6234d;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:flex}.detail-card-body{padding:1.1rem 1.25rem}.detail-table{border-collapse:collapse;width:100%;font-size:.88rem}.detail-table th{text-transform:uppercase;letter-spacing:.04em;width:30%;color:var(--neutral-400);vertical-align:top;border-bottom:1px solid var(--neutral-100);white-space:nowrap;padding:8px 10px;font-size:.8rem;font-weight:700}.detail-table td{color:var(--heading-color);border-bottom:1px solid var(--neutral-100);word-break:break-word;padding:8px 10px}.detail-table tr:last-child th,.detail-table tr:last-child td{border-bottom:none}.wrap-cell{white-space:pre-wrap;word-break:break-word}.status-pill{letter-spacing:.02em;border-radius:50px;align-items:center;gap:6px;padding:6px 16px;font-size:.78rem;font-weight:700;display:inline-flex}.status-pill .status-dot{opacity:.7;background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px}.btn-nav-back{color:#ffffffd9;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;padding:6px 14px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-nav-back:hover{border-color:var(--gold);color:var(--gold);background:#f5a62333}.btn-nav-back:active{transform:scale(.97)}.preview-table-navy{border-collapse:collapse;border:1.5px solid #e2e8f0;border-radius:8px;width:100%;font-size:.82rem;overflow:hidden}.preview-table-navy th{color:#3a4a6b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f0f4ff;border-bottom:1.5px solid #e2e8f0;border-right:1.5px solid #e2e8f0;width:38%;padding:8px 12px;font-size:.75rem;font-weight:700}.preview-table-navy td{color:#1a2e55;word-break:break-word;white-space:normal;border-bottom:1px solid #f0f2f8;padding:8px 12px}.preview-table-navy tr:last-child th,.preview-table-navy tr:last-child td{border-bottom:none}.preview-header{align-items:center;gap:8px;margin-bottom:.85rem;display:flex}.preview-header-icon{color:#22c55e;background:#22c55e1a;border:1.5px solid #22c55e40;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;display:flex}.preview-header h6{color:#1a2e55;margin:0;font-size:.82rem;font-weight:700}.preview-header small{color:#94a3b8;font-size:.72rem}.copy-toast{color:#fff;z-index:10000;background:#1e293b;border-radius:8px;padding:10px 24px;font-size:.85rem;transition:opacity .3s;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}#floatingBar{color:#fff;z-index:1050;white-space:nowrap;background:#1e293b;border-radius:40px;align-items:center;gap:12px;padding:12px 20px;font-size:.9rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(80px);box-shadow:0 6px 20px #00000059}#floatingBar.show{transform:translate(-50%)translateY(0)}.bar-count{text-align:center;background:#435ebe;border-radius:20px;min-width:28px;padding:2px 10px;font-size:.85rem;font-weight:700}.bar-label{color:#cbd5e1;font-size:.85rem}.btn-floating-kirim{color:#fff;cursor:pointer;background:#198754;border:none;border-radius:30px;align-items:center;gap:6px;padding:6px 16px;font-size:.82rem;font-weight:600;transition:background .2s;display:inline-flex}.btn-floating-kirim:hover{background:#157347}.btn-floating-kirim:disabled{opacity:.6;cursor:not-allowed}.btn-floating-clear{color:#f87171;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:1.1rem;line-height:1;transition:color .2s}.btn-floating-clear:hover{color:#ef4444}.pill-tabs-modal{background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;margin-bottom:1rem;display:inline-flex;overflow:hidden}.pill-modal{color:#374151;cursor:pointer;background:0 0;border:none;flex:1;padding:6px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.pill-modal.active{background:var(--gold);color:var(--navy-900);border-radius:8px;font-weight:700}.edit-actions{justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.sync-toast{z-index:9999;animation:.3s syncToastSlideIn;position:fixed;bottom:20px;right:20px}.sync-toast-inner{background:var(--navy-800);color:#fff;border-radius:10px;align-items:center;padding:10px 16px;font-size:.85rem;display:flex;box-shadow:0 4px 12px #0000004d}@keyframes syncToastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge-type-pill{color:#f5a623;letter-spacing:.08em;text-transform:uppercase;background:#f5a6232e;border:1.5px solid #f5a62366;border-radius:20px;padding:5px 14px;font-size:.72rem;font-weight:800}.card-loading .spinner-border{color:#f5a623;border-width:2px;width:1.5rem;height:1.5rem}.detail-table tr.group-row th,.detail-table tr.group-row td{text-transform:uppercase;letter-spacing:.06em;color:#435ebe;background:#f5f7ff;border-top:1px solid #e8ecf8;border-bottom:1px solid #e8ecf8;padding:6px 10px;font-size:.72rem;font-weight:800}.detail-table tr.detail-section-row td{text-align:center;border-bottom:1px solid #e8ecf8;padding:4px 10px 10px}.detail-table tr.detail-section-row-spaced td{padding-top:18px}.detail-section-label{color:#6b7a8d;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800}.agno-terkait-list{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.agno-terkait-link{color:#3157a3;font-weight:700;text-decoration:none}.agno-terkait-link:hover{color:#f5a623;text-decoration:underline}.agno-terkait-text{color:#1a2e55}.detail-table .form-control,.detail-table .form-select{color:#1a2e55;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:7px;padding:.4rem .65rem;font-size:.8rem;transition:border-color .2s,box-shadow .2s}.detail-table .form-control:focus,.detail-table .form-select:focus{background:#fff;border-color:#f5a623;outline:none;box-shadow:0 0 0 3px #f5a62326}.detail-table textarea.form-control{resize:vertical;min-height:60px}.timeline-list{margin:0;padding:0;list-style:none;position:relative}.timeline-list:before{content:"";background:#e8ecf4;border-radius:2px;width:2px;position:absolute;top:4px;bottom:4px;left:11px}.timeline-item{align-items:flex-start;gap:12px;padding:6px 0;display:flex;position:relative}.timeline-dot{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.65rem;transition:all .2s;display:flex}.timeline-dot.done{color:#0f1b35;background:linear-gradient(135deg,#f5a623,#f7c34a);box-shadow:0 2px 8px #f5a62359}.timeline-dot.pending{color:#cbd5e0;background:#f1f5f9;border:2px solid #e2e8f0}.timeline-content{flex:1;padding-top:2px}.timeline-label{color:#1a2e55;font-size:.78rem;font-weight:700;line-height:1.2}.timeline-label.pending{color:#94a3b8;font-weight:500}.timeline-date{color:#94a3b8;margin-top:1px;font-size:.68rem}.timeline-date.done{color:#f5a623;font-weight:600}.progress-label{text-transform:uppercase;letter-spacing:.06em;color:#6b7a8d;font-size:.72rem;font-weight:700}.progress-pct{color:#f5a623;font-size:.78rem;font-weight:700}.progress-bar-track{background:#f0f2f8;border-radius:4px;height:4px;margin-bottom:1rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#f5a623,#f7c34a);border-radius:4px;height:100%;transition:width .8s}.cmd-dash{background:var(--surface-page);min-height:100vh;font-family:var(--font-family);color:var(--body-color);margin:-1rem -1.5rem;padding:1.25rem 1.75rem 0}.dash-header-pct{text-align:right;flex-shrink:0}.dash-header-pct .pct-value{color:var(--color-success);font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:800;line-height:1}.dash-header-pct .pct-label{text-transform:uppercase;letter-spacing:.08em;color:var(--neutral-400);margin-top:2px;font-size:.65rem;font-weight:600}.dash-progress-wrap{margin-top:.75rem}.dash-progress-bar-track{background:var(--neutral-200);border-radius:4px;height:4px;overflow:hidden}.dash-progress-bar-fill{background:linear-gradient(90deg, var(--color-success), #40c057);border-radius:4px;height:100%;transition:width 1s}.dash-timestamp{color:var(--neutral-400);white-space:nowrap;align-items:center;gap:6px;font-size:.75rem;font-weight:500;display:flex}.cmd-hero{-webkit-backdrop-filter:blur(16px);border:1px solid var(--neutral-200);min-height:320px;box-shadow:var(--shadow-card);background:#ffffffd9;border-radius:20px;padding:1.5rem 1.75rem;position:relative;overflow:hidden}.cmd-hero-bg-glow{pointer-events:none;background:radial-gradient(circle,#f5a6230f 0%,#0000 70%);border-radius:50%;width:380px;height:380px;position:absolute;top:-40%;right:-10%}.cmd-hero-grid{z-index:1;align-items:stretch;gap:2rem;display:flex;position:relative}.cmd-hero-main{flex:1;min-width:0}.cmd-hero-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--neutral-400);align-items:center;gap:8px;font-size:.7rem;font-weight:700;display:inline-flex}.live-dot{background:var(--color-success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #2b8a3e80}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.cmd-status-pill{color:var(--color-success);letter-spacing:.08em;background:#2b8a3e1a;border:1px solid #2b8a3e40;border-radius:50px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:800;display:inline-flex}.cmd-status-waspada{color:var(--gold-dark);background:#d48a121f;border-color:#d48a124d}.cmd-status-kritis{color:var(--color-danger);background:#c92a2a1a;border-color:#c92a2a4d}.cmd-opstatus{border:1px solid var(--neutral-200);background:#fff9;border-radius:14px;align-items:flex-start;gap:.75rem;padding:.7rem .9rem;display:flex}.cmd-opstatus-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;font-size:1.1rem;display:flex}.cmd-opstatus-icon-nominal{color:var(--color-success);background:#2b8a3e1f}.cmd-opstatus-icon-waspada{color:var(--gold-dark);background:#d48a121f}.cmd-opstatus-icon-kritis{color:var(--color-danger);background:#c92a2a1f}.cmd-opstatus-body{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.cmd-opstatus-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.cmd-opstatus-sub{color:var(--neutral-500);font-size:.72rem;font-weight:600;line-height:1.3}.cmd-opstatus-track{background:var(--neutral-100,#f1f3f5);border-radius:99px;height:5px;overflow:hidden}.cmd-opstatus-fill{border-radius:99px;height:100%;transition:width .7s cubic-bezier(.4,0,.2,1)}.cmd-opstatus-fill-nominal{background:linear-gradient(90deg, #40c057, var(--color-success))}.cmd-opstatus-fill-waspada{background:linear-gradient(90deg, #f5a623, var(--gold-dark))}.cmd-opstatus-fill-kritis{background:linear-gradient(90deg, #e8590c, var(--color-danger))}.cmd-hero-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.cmd-hero-title{color:var(--navy-900);letter-spacing:-.02em;font-size:1.6rem;font-weight:800;line-height:1.2}.cmd-hero-sub{color:var(--neutral-400);margin-top:2px;font-size:.82rem;line-height:1.5}.cmd-hero-status{border:1px solid var(--neutral-200);background:#fff9;border-radius:14px;align-items:center;gap:.75rem;margin-top:1rem;padding:.7rem .9rem;display:flex}.cmd-hero-status-body{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.cmd-hero-status-label{text-transform:uppercase;letter-spacing:.08em;color:var(--neutral-400);font-size:.68rem;font-weight:700}.cmd-hero-status-sub{color:var(--navy-800,#0f1b35);font-size:.78rem;font-weight:600;line-height:1.3}.cmd-hero-metrics{grid-template-columns:repeat(2,1fr);gap:1.25rem 2rem;margin-top:1.25rem;display:grid}.cmd-metric-item{flex-direction:column;gap:2px;display:flex}.cmd-metric-label{text-transform:uppercase;letter-spacing:.06em;color:var(--neutral-400);font-size:.7rem;font-weight:600}.cmd-metric-value{color:var(--navy-900);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800;line-height:1.1}.cmd-metric-value.warn{color:var(--gold-dark)}.cmd-metric-unit{color:var(--neutral-400);font-size:.72rem;font-weight:500}.cmd-metric-delta{font-size:.68rem;font-weight:700}.cmd-metric-delta.up{color:var(--color-success)}.cmd-metric-delta.down{color:var(--color-danger)}.cmd-hero-pic-row{border-top:1px solid var(--neutral-200);margin-top:1.25rem;padding-top:.75rem}.cmd-pic-rank{font-size:.9rem}.cmd-pic-name{color:var(--neutral-600);font-size:.82rem;font-weight:600}.cmd-pic-count{color:var(--gold-dark);font-size:.78rem;font-weight:700}.cmd-hero-radial{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:180px;display:flex}.cmd-radial-svg{width:120px;height:120px}.cmd-radial-arc{transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.cmd-radial-legend{color:var(--neutral-400);gap:12px;margin-top:8px;font-size:.68rem;font-weight:500;display:flex}.legend-dot{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.cmd-kpi-year-label{text-transform:uppercase;letter-spacing:.08em;color:var(--gold-dark);background:#f5a62314;border:1px solid #f5a62340;border-radius:10px;align-items:center;gap:6px;width:fit-content;margin-bottom:10px;padding:6px 12px;font-size:.72rem;font-weight:700;display:flex}.cmd-kpi-year-label i{font-size:.85rem}.cmd-kpi-grid{flex:1;grid-template-columns:1fr 1fr;gap:12px;display:grid}.cmd-kpi{-webkit-backdrop-filter:blur(10px);border:1px solid var(--neutral-200);box-shadow:var(--shadow-card);background:#fff;border-radius:16px;flex-direction:column;justify-content:center;padding:1rem 1.1rem;transition:box-shadow .25s;display:flex}.cmd-kpi:hover{box-shadow:var(--shadow-card-hover)}.cmd-kpi-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.cmd-kpi-label{text-transform:uppercase;letter-spacing:.07em;color:var(--neutral-400);font-size:.68rem;font-weight:600}.cmd-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.cmd-kpi-icon-total{color:var(--navy-900,#0f1b35);background:#0f1b350f}.cmd-kpi-icon-selesai{color:#2b8a3e;background:#2b8a3e1a}.cmd-kpi-icon-proses{color:#1971c2;background:#1971c21a}.cmd-kpi-icon-sla{color:#d48a12;background:#f5a6231a}.cmd-kpi-value{color:var(--navy-900);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800;line-height:1.1}.cmd-kpi-backlog{color:var(--color-info);background:#1971c21a;border:1px solid #1971c240;border-radius:6px;align-items:center;gap:4px;width:fit-content;margin-top:6px;padding:2px 8px;font-size:.62rem;font-weight:700;display:inline-flex}.kpi-placeholder{background:var(--neutral-200);border-radius:6px;width:70px;height:1.5rem;animation:1.2s ease-in-out infinite kpi-shimmer;display:inline-block}@keyframes kpi-shimmer{0%,to{opacity:1}50%{opacity:.35}}.cmd-panel{-webkit-backdrop-filter:blur(14px);border:1px solid var(--neutral-200);height:100%;box-shadow:var(--shadow-card);background:#fff;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.cmd-panel-header{border-bottom:1px solid var(--neutral-200);color:var(--navy-900);letter-spacing:-.01em;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;font-size:.85rem;font-weight:700;display:flex}.cmd-panel-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--neutral-400);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:50px;padding:3px 10px;font-size:.65rem;font-weight:600}.cmd-panel-body{flex:1;padding:.75rem 1rem 1rem}.cmd-panel-body-nopad{padding:0}.cmd-panel-body-donut{justify-content:center;align-items:center;display:flex}.cmd-panel-body-distribusi{padding:.75rem .5rem .5rem}.cmd-dist-summary{background:linear-gradient(135deg,#f5a6231a,#0f1b3508);border:1px solid #f5a62333;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.cmd-dist-summary-main{flex-direction:column;gap:2px;display:flex}.cmd-dist-summary-label{text-transform:uppercase;letter-spacing:.08em;color:var(--neutral-400);font-size:.62rem;font-weight:700}.cmd-dist-summary-value{color:var(--navy-900,#0f1b35);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800;line-height:1.1}.cmd-dist-summary-top{flex-direction:column;align-items:flex-end;gap:2px;min-width:0;display:flex}.cmd-dist-summary-top-label{text-transform:uppercase;letter-spacing:.08em;color:var(--neutral-400);font-size:.62rem;font-weight:700}.cmd-dist-summary-top-name{color:var(--navy-800,#0f1b35);text-overflow:ellipsis;white-space:nowrap;max-width:9rem;font-size:.8rem;font-weight:700;overflow:hidden}.cmd-dist-summary-top-pct{color:var(--gold-dark,#d48a12);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:800}.cmd-dist-list{flex-direction:column;gap:.85rem;max-height:300px;padding-right:.25rem;display:flex;overflow-y:auto}.cmd-dist-item{border-radius:10px;flex-direction:column;gap:.35rem;padding:.4rem .5rem;transition:background .18s;display:flex}.cmd-dist-item:hover{background:var(--neutral-50,#f8f9fa)}.cmd-dist-item-top{background:#f5a6230f;border:1px solid #f5a6232e}.cmd-dist-row{align-items:center;gap:.6rem;display:flex}.cmd-dist-rank{background:var(--neutral-100,#f1f3f5);width:1.4rem;height:1.4rem;color:var(--neutral-500,#868e96);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:.66rem;font-weight:800;display:inline-flex}.cmd-dist-item-top .cmd-dist-rank{color:var(--gold-dark,#d48a12);background:#f5a6232e}.cmd-dist-label{color:var(--navy-800,#0f1b35);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.78rem;font-weight:600;line-height:1.2;overflow:hidden}.cmd-dist-pct{color:var(--neutral-400,#adb5bd);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.7rem;font-weight:700}.cmd-dist-value{color:var(--navy-900,#0f1b35);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;min-width:1.6rem;font-size:.82rem;font-weight:800}.cmd-dist-track{background:var(--neutral-100,#f1f3f5);border-radius:99px;height:8px;overflow:hidden}.cmd-dist-bar{border-radius:99px;height:100%;transition:width .7s cubic-bezier(.4,0,.2,1)}.cmd-dist-empty{height:300px;color:var(--neutral-400,#adb5bd);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}.cmd-dist-empty i{opacity:.5;font-size:2rem}.cmd-panel-title-group{flex-direction:column;gap:1px;min-width:0;display:flex}.cmd-panel-title-group small{color:var(--neutral-400);font-size:.7rem;font-weight:500;line-height:1.3}.cmd-konseptor-panel{overflow:hidden}.cmd-konseptor-header{background:linear-gradient(#fafafaf2,#ffffffe6),radial-gradient(circle at 100% 0,#f5a62317,#0000 36%);align-items:flex-start}.cmd-konseptor-table-wrap{background:#fff}.cmd-konseptor-table{table-layout:fixed;min-width:880px;color:var(--neutral-600);font-size:.82rem}.cmd-konseptor-table thead th{background:var(--neutral-50);border-bottom:1px solid var(--neutral-200);color:var(--neutral-500);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:.72rem .75rem;font-size:.68rem;font-weight:800}.cmd-konseptor-table tbody td{border-bottom:1px solid var(--neutral-100);vertical-align:middle;padding:.82rem .75rem}.cmd-konseptor-table tbody tr{transition:background .18s,box-shadow .18s}.cmd-konseptor-table tbody tr:hover{background:linear-gradient(90deg,#f5a6230f,#fff0)}.cmd-rank-heading{width:4.5rem}.cmd-person-heading{width:18rem}.cmd-progress-heading{width:13.5rem}.cmd-metric-heading{width:6.25rem}.cmd-row-number{color:var(--navy-700);background:#0f1b350f;border:1px solid #0f1b3514;border-radius:8px;justify-content:center;align-items:center;min-width:1.85rem;height:1.85rem;font-size:.72rem;font-weight:800;display:inline-flex}.cmd-person-cell{min-width:0}.cmd-person{align-items:center;gap:.72rem;min-width:0;display:flex}.cmd-person-avatar{background:linear-gradient(135deg, #0f1b35f2, #2a4a7aeb), var(--navy-900);color:#fff;letter-spacing:.04em;border:1px solid #ffffff52;border-radius:10px;flex:none;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;font-size:.72rem;font-weight:800;display:inline-flex;box-shadow:0 7px 16px #0f1b3524}.cmd-person-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.cmd-person-name{color:var(--navy-900);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:700;line-height:1.2;overflow:hidden}.cmd-person-role{color:var(--neutral-400);text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;font-size:.68rem;font-weight:600;line-height:1.2;overflow:hidden}.cmd-progress-cell{min-width:0}.cmd-progress-meter{--progress-color:var(--gold);flex-direction:column;gap:.38rem;max-width:12rem;display:flex}.cmd-progress-topline{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.cmd-progress-value{color:var(--navy-800);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:800;line-height:1}.cmd-progress-status{background:color-mix(in srgb, var(--progress-color) 13%, transparent);color:color-mix(in srgb, var(--progress-color) 80%, var(--navy-900));text-transform:uppercase;border-radius:6px;padding:.22rem .42rem;font-size:.62rem;font-weight:800;line-height:1}.cmd-progress-track{background:var(--neutral-100);border-radius:99px;height:.42rem;overflow:hidden}.cmd-progress-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--progress-color) 72%, #fff), var(--progress-color));border-radius:inherit;min-width:.25rem;height:100%;transition:width .5s}.cmd-progress-excellent{--progress-color:var(--color-success)}.cmd-progress-steady{--progress-color:var(--gold)}.cmd-progress-watch{--progress-color:var(--color-danger)}.cmd-badge-button{border:1px solid color-mix(in srgb, currentColor 18%, transparent);cursor:pointer;min-width:2.25rem;font-family:inherit;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;box-shadow:0 1px 2px #0f1b350f}.cmd-badge-button:hover{--bs-bg-opacity:.18;background:var(--metric-hover-bg,color-mix(in srgb, currentColor 16%, transparent));border-color:color-mix(in srgb, currentColor 36%, transparent);transform:translateY(-1px);box-shadow:0 6px 14px #0f1b351f}.cmd-badge-button:active{transform:translateY(0);box-shadow:0 2px 6px #0f1b351f}.cmd-badge-button:focus-visible{outline:2px solid var(--navy-900);outline-offset:2px;--bs-bg-opacity:.2;box-shadow:0 0 0 4px #0f1b3514}.cmd-metric-badge{background:var(--metric-bg);color:var(--metric-color);font-variant-numeric:tabular-nums;border-radius:10px;justify-content:center;align-items:center;min-width:3rem;height:2.25rem;padding:0 .62rem;font-size:.92rem;font-weight:800;line-height:1;display:inline-flex}.cmd-metric-konsep{--metric-color:#1971c2;--metric-bg:#1971c21a;--metric-hover-bg:#1971c229}.cmd-metric-epost{--metric-color:var(--neutral-600);--metric-bg:#7a756b1c;--metric-hover-bg:#7a756b2b}.cmd-metric-amplop{--metric-color:var(--gold-dark);--metric-bg:#f5a6231f;--metric-hover-bg:#f5a62333}.cmd-metric-arsip{--metric-color:#1971c2;--metric-bg:#1971c21a;--metric-hover-bg:#1971c229}.cmd-metric-email{--metric-color:var(--color-danger);--metric-bg:#c92a2a1a;--metric-hover-bg:#c92a2a29}.cmd-metric-mp{--metric-color:var(--color-success);--metric-bg:#2b8a3e1a;--metric-hover-bg:#2b8a3e29}.cmd-empty-cell{text-align:center;padding:1.6rem 1rem!important}.cmd-empty-state{color:var(--neutral-400);flex-direction:column;align-items:center;gap:.45rem;font-size:.82rem;font-weight:600;display:inline-flex}.cmd-empty-state i{color:var(--neutral-300);font-size:1.35rem}.pipe-flow{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:1.25rem;display:flex}.pipe-stage{background:var(--neutral-50);border:1px solid var(--neutral-200);text-align:center;cursor:pointer;border-radius:12px;flex:1;min-width:60px;padding:.6rem .75rem;transition:background .2s;position:relative}.pipe-stage:hover{background:var(--neutral-100)}.pipe-count{color:var(--navy-900);font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:800;line-height:1.2}.pipe-label{color:var(--neutral-400);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:.6rem;font-weight:600}.pipe-arrow{color:var(--neutral-300);pointer-events:none;font-size:.8rem;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.pipe-konsep{border-left:2px solid var(--gold)}.pipe-kasubbag{border-left:2px solid var(--color-info)}.pipe-irwil{border-left:2px solid var(--color-danger)}.pipe-tteKabawas{border-left:2px solid #7c3aed}.pipe-persiapan{border-left:2px solid var(--color-success)}.cmd-timeline-mini{margin-top:.5rem}.cmd-timeline-title{text-transform:uppercase;letter-spacing:.08em;color:var(--neutral-400);margin-bottom:6px;font-size:.7rem;font-weight:700}.timeline-mini-item{border-bottom:1px solid var(--neutral-100);align-items:center;gap:8px;padding:5px 0;font-size:.78rem;display:flex}.tm-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.tm-text{color:var(--neutral-600);flex:1;font-weight:500}.tm-time{color:var(--neutral-300);flex-shrink:0;font-size:.65rem;font-weight:600}.prio-row{border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:flex-start;gap:12px;padding:.75rem 1rem;transition:background .15s;display:flex}.prio-row:last-child{border-bottom:none}.prio-row:hover{background:var(--neutral-50)}.prio-left{flex:1;min-width:0}.prio-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:50px;margin-bottom:4px;padding:2px 8px;font-size:.58rem;font-weight:800;display:inline-block}.prio-badge.prio-critical{color:var(--color-danger);background:#c92a2a1a;border:1px solid #c92a2a40}.prio-badge.prio-high{color:var(--gold-dark);background:#d48a121f;border:1px solid #d48a1240}.prio-badge.prio-medium{color:var(--color-info);background:#1971c21a;border:1px solid #1971c240}.prio-badge.prio-low{background:var(--neutral-50);color:var(--neutral-400);border:1px solid var(--neutral-200)}.prio-agno{color:var(--navy-900);margin-top:2px;font-size:.78rem;font-weight:700}.prio-uraian{color:var(--neutral-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:.75rem;line-height:1.35;display:-webkit-box;overflow:hidden}.prio-right{text-align:right;flex-shrink:0}.prio-sla{color:var(--color-success);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700;display:block}.prio-konseptor{color:var(--neutral-400);margin-top:2px;font-size:.65rem;display:block}.geo-row{border-bottom:1px solid var(--neutral-100);padding:.65rem 1rem}.geo-row:last-child{border-bottom:none}.geo-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.geo-unit{color:var(--neutral-600);font-size:.75rem;font-weight:600}.geo-pct{color:var(--navy-900);font-size:.85rem;font-weight:800}.geo-bar-track{background:var(--neutral-100);border-radius:4px;height:4px;margin-bottom:4px;overflow:hidden}.geo-bar-fill{border-radius:4px;height:100%;transition:width .8s}.geo-bar-fill.geo-ok{background:var(--color-success)}.geo-bar-fill.geo-good{background:var(--color-info)}.geo-bar-fill.geo-proses{background:var(--gold)}.geo-bar-fill.geo-warn{background:var(--color-danger)}.geo-bottom{justify-content:space-between;font-size:.65rem;display:flex}.geo-total{color:var(--neutral-400)}.geo-status{text-transform:capitalize;font-weight:600}.geo-status.geo-ok{color:var(--color-success)}.geo-status.geo-good{color:var(--color-info)}.geo-status.geo-proses{color:var(--gold-dark)}.geo-status.geo-warn{color:var(--color-danger)}@media (width<=1199px){.cmd-dash{margin:-1rem;padding:1rem 1rem 0}}@media (width<=991px){.cmd-hero-grid{flex-direction:column;align-items:stretch}.cmd-hero-radial{border-top:1px solid var(--neutral-200);flex-direction:row;gap:1rem;width:100%;padding-top:1rem}.cmd-kpi-grid{grid-template-columns:1fr 1fr}.pipe-flow{flex-wrap:wrap}.pipe-stage{min-width:80px}.pipe-arrow{display:none}}@media (width<=575px){.cmd-kpi-grid{grid-template-columns:1fr 1fr}.cmd-kpi-value{font-size:1.2rem}.cmd-hero-metrics{gap:1rem}}