:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-primary: #2563EB;--color-primary-dark: #1E40AF;--color-secondary: #0EA5E9;--color-accent: #F59E0B;--bg-body: #F3F4F6;--bg-sidebar: #FFFFFF;--bg-card: #FFFFFF;--bg-header: #3B82F6;--text-main: #1F2937;--text-muted: #6B7280;--text-light: #F9FAFB;--radius-md: .5rem;--radius-lg: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-body);color:var(--text-main)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.p-4{padding:1rem}.text-white{color:#fff}.font-bold{font-weight:700}.h-screen{height:100vh}.w-full{width:100%}.grid{display:grid}.sidebar{display:flex;flex-direction:column;height:100vh;width:280px;background:linear-gradient(180deg,#172554,#020617);border-right:1px solid #1e293b;color:#e2e8f0;transition:width .3s ease;flex-shrink:0;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}.sidebar-header{padding:1.5rem;border-bottom:1px solid #1e293b;margin-bottom:1rem}.brand{display:flex;align-items:center;gap:1rem}.logo-placeholder{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#1e293b;border-radius:8px;padding:4px}.brand-text h1{font-size:1.25rem;font-weight:700;color:#fff;margin:0;line-height:1.2;letter-spacing:-.01em}.brand-text span{font-size:.75rem;color:#e2e8f0;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.nav-menu{flex:1;overflow-y:auto;padding:0 1rem;display:flex;flex-direction:column;gap:.25rem}.nav-menu::-webkit-scrollbar{width:5px}.nav-menu::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}.nav-menu::-webkit-scrollbar-track{background:transparent}.nav-item{display:flex;align-items:center;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;color:#fff;transition:background-color .2s ease,color .2s ease;-webkit-user-select:none;user-select:none;position:relative;text-decoration:none}.nav-item span{flex:1}.nav-item:hover{background-color:#1e293b;color:#fff}.nav-item.active{background:linear-gradient(90deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 6px -1px #2563eb33;font-weight:600}.nav-item svg{margin-right:.75rem;min-width:20px;opacity:.8}.nav-item.active svg{opacity:1}.nav-sub-menu{display:flex;flex-direction:column;gap:.15rem;margin-top:.25rem;margin-bottom:.5rem;padding-left:0;position:relative;margin-left:1.25rem;border-left:2px solid #334155;padding-left:.5rem}.nav-item.sub{padding:.6rem .75rem;font-size:.85rem;color:#f1f5f9;background:transparent;border-radius:6px;margin-left:0;width:100%}.nav-item.sub svg{width:16px;height:16px;margin-right:.75rem;opacity:.7}.nav-item.sub:hover{background-color:#ffffff0d;color:#fff}.nav-item.sub.sub-active{background-color:#2563eb26;color:#60a5fa;font-weight:600}.nav-item.sub.sub-active svg{opacity:1;color:#60a5fa}.nav-sub-menu{animation:slideDown .2s ease-out}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid #1e293b;margin-top:auto}.nav-item.help{color:#94a3b8;background:transparent}.nav-item.help:hover{color:#fff;background:#1e293b}.nav-item.logout{color:#f87171!important}.nav-item.logout:hover{background:#ef44441a}.nav-item.login{color:#60a5fa!important}.nav-item.login:hover{background:#3b82f61a}.portal-container{padding:1rem;max-width:1400px;margin:0 auto}.portal-header{background:#1e293b;border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1.5rem;color:#fff;margin-bottom:1rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #334155;position:relative}.portal-header h1{margin:0 0 .5rem;font-size:1.8rem;font-weight:700;color:#fff}.portal-header p{margin:0;opacity:.9;font-size:1.1rem;color:#cbd5e1}.portal-header .auth-corner{margin-left:auto}.auth-corner{display:flex;align-items:center;gap:1rem}.user-status-card{display:flex;align-items:center;gap:.8rem;background:#ffffff1a;padding:.5rem 1rem;border-radius:50px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.category-toggler{display:flex;justify-content:flex-start;gap:.75rem;margin-bottom:1rem}.toggle-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.5rem;transition:all .2s;box-shadow:0 1px 2px #0000000d}.toggle-btn:hover{background:#f8fafc;color:#334155}.toggle-btn.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 4px 6px -1px #2563eb4d}.portal-content{max-width:1400px;margin:0 auto;padding:0 0 1.5rem}.portal-search{background:#fff;width:100%;margin-bottom:1.5rem;border-radius:8px;border:1px solid #e2e8f0;display:flex;align-items:center;padding:.75rem 1rem;box-shadow:0 2px 4px #0000000d}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding-bottom:2rem}.service-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;position:relative;box-shadow:0 1px 2px #0000000a}.card-top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-icon{color:#2563eb;background:#eff6ff;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.user-status-card{display:flex;align-items:center;gap:.8rem;background:#ffffff26;padding:.5rem .5rem .5rem 1rem;border-radius:50px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.user-info{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.welcome-text{font-size:.85rem;color:#ffffffe6}.digital-id-badge{background:#0003;color:#fff;font-size:.7rem;padding:1px 6px;border-radius:4px;font-weight:600}.asn-theme .digital-id-badge{background:#fff3}.btn-logout{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#ef4444;transform:rotate(90deg)}.rating-badge{display:flex;align-items:center;gap:4px;background:#fffbeb;color:#b45309;padding:4px 8px;border-radius:20px;font-weight:700;font-size:.8rem;border:1px solid #fef3c7}.users-info{font-size:.8rem;color:#64748b;margin-top:auto;margin-bottom:1rem;display:flex;align-items:center;gap:6px}.card-content h3{font-size:1.15rem;color:#1e293b;margin-bottom:.5rem;font-weight:700}.card-content p{font-size:.85rem;color:#64748b;line-height:1.4;margin-bottom:12px}.privacy-check{margin-bottom:1.5rem;text-align:left}.privacy-check label{display:flex;align-items:flex-start;gap:.8rem;font-size:.85rem;color:#475569;cursor:pointer;line-height:1.4}.privacy-check input{margin-top:3px;width:16px;height:16px;cursor:pointer}.privacy-check a{color:#3b82f6;text-decoration:none;font-weight:500}.privacy-check a:hover{text-decoration:underline}.traffic-badge{font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}.traffic-badge.high{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.traffic-badge.medium{background:#ffedd5;color:#9a3412;border:1px solid #fed7aa}.traffic-badge.low{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.action-link{font-size:.85rem;color:#fff;background:#2563eb;padding:.5rem 1rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:4px}.action-link:hover{background:#1d4ed8;transform:translate(3px);box-shadow:0 4px 6px -1px #2563eb33}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:1rem;margin-top:auto}.no-results{grid-column:1 / -1;text-align:center;padding:4rem;color:#94a3b8;font-size:1.1rem}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{background:#fff;width:400px;padding:2rem;border-radius:16px;position:relative;box-shadow:0 25px 50px -12px #00000040;animation:popIn .3s cubic-bezier(.18,.89,.32,1.28)}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.btn-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#94a3b8;cursor:pointer}.btn-close:hover{color:#ef4444}.modal-box h2{margin-top:0;color:#1e3a8a;font-size:1.5rem;margin-bottom:.5rem}.modal-box p{color:#64748b;margin-bottom:1.5rem;font-size:.95rem}.form-group label{display:block;font-size:.9rem;color:#334155;margin-bottom:.4rem;font-weight:500}.input-icon-wrapper{position:relative}.input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.form-group input{width:100%;padding:.7rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border .2s;outline:none;box-sizing:border-box}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.btn-submit{width:100%;background:#2563eb;color:#fff;border:none;padding:.8rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;margin-top:1rem}.modal-footer{margin-top:1.5rem;text-align:center;font-size:.9rem;color:#64748b}.modal-footer .link{color:#2563eb;font-weight:600;cursor:pointer}.modal-footer .link:hover{text-decoration:underline}.progress-section{margin-bottom:1rem}.btn-toggle-progress{width:100%;background:#f1f5f9;border:1px solid #e2e8f0;padding:.6rem 1rem;border-radius:8px;color:#475569;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;margin-bottom:.5rem}.btn-toggle-progress:hover{background:#e2e8f0;color:#1e293b}.btn-toggle-progress.active{background:#eff6ff;border-color:#bfdbfe;color:#2563eb;margin-bottom:.5rem}.btn-toggle-progress span{flex:1;text-align:left;margin-left:8px}.service-progress-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-bottom:.5rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.sp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8rem;font-weight:600;color:#334155}.sp-label{display:flex;align-items:center;gap:4px}.sp-percent{color:#2563eb}.sp-track{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.sp-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:3px;transition:width .5s ease-out}.sp-status{display:block;font-size:.75rem;color:#64748b;text-align:right;font-style:italic}.lifecycle-banner{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1rem;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d}.lifecycle-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#1e3a8a;font-weight:700;font-size:.95rem}.lifecycle-image-container img{max-width:100%;height:auto;display:block;margin:0 auto}.header-container{height:70px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid #e5e7eb}.menu-toggle{display:block;background:none;border:none;cursor:pointer;margin-right:1rem;padding:.5rem}.back-home-btn{display:flex;align-items:center;gap:.5rem;margin-right:1.5rem;background-color:#f1f5f9;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;background:linear-gradient(90deg,#2563eb,#0f172a);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;transition:all .2s;font-size:.9rem}.back-home-btn svg{stroke:#2563eb}.back-home-btn:hover{background-color:#e2e8f0;color:#1e293b;transform:translate(-2px)}.search-bar{display:flex;align-items:center;background-color:#f1f5f9;padding:.6rem 1rem;border-radius:8px;width:400px;gap:.8rem}.search-icon{color:#94a3b8}.search-bar input{background:transparent;border:none;outline:none;font-size:.95rem;width:100%;color:#334155}.header-actions{display:flex;align-items:center;gap:1.5rem}.icon-btn{background:none;border:none;cursor:pointer;color:#64748b;position:relative;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.icon-btn:hover{background-color:#f1f5f9;color:#1e3a8a}.icon-btn.notification .badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:.7rem;font-weight:700;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid white}.user-profile{display:flex;align-items:center;gap:1rem;padding-left:1.5rem;border-left:1px solid #e2e8f0;height:40px}.premium-profile{padding:.5rem .5rem .5rem 1.5rem;border-radius:30px;transition:all .2s ease}.premium-profile:hover{background-color:#f8fafc}.user-info-text{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.username{font-weight:700;color:#1e293b;font-size:.95rem}.user-role{font-size:.75rem;color:#64748b;font-weight:500}.premium-avatar{position:relative;padding:2px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%}.avatar-initials{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:2px solid white;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;font-weight:700;font-size:1.1rem;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.avatar-initials-lg{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;border:3px solid white;box-shadow:0 4px 6px -1px #0000001a;background:linear-gradient(135deg,#1e293b,#475569);color:#fff;font-weight:700;font-size:1.5rem;letter-spacing:.02em;margin-bottom:.5rem;-webkit-user-select:none;user-select:none}.status-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;background-color:#10b981;border:2px solid white;border-radius:50%}.profile-chevron{color:#94a3b8;transition:transform .2s ease}.profile-chevron.rotate{transform:rotate(180deg)}.user-info-btn{display:none}@media(max-width:768px){.header-container{padding:0 1rem}.menu-toggle{display:block}.back-home-btn{margin-right:.5rem;padding:.5rem}.back-home-btn span,.search-bar{display:none}.user-profile{padding-left:0;border-left:none}.username,.user-info-btn>span:not(.username){display:none}}.search-container{position:relative}.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;margin-top:.5rem;max-height:400px;overflow-y:auto;z-index:50;padding:.5rem 0}.search-section-title{padding:.5rem 1rem;font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc}.search-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .1s;border-bottom:1px solid #f1f5f9}.search-item:last-child{border-bottom:none}.search-item:hover{background:#f1f5f9}.search-item .icon{color:#64748b;width:20px}.search-item .info h4{font-size:.9rem;color:#1e293b;margin:0}.search-item .info p{font-size:.8rem;color:#64748b;margin:0}.no-results{padding:1rem;text-align:center;color:#94a3b8;font-size:.9rem}.header-dropdown{position:absolute;top:120%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;z-index:100;overflow:hidden;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown{width:320px}.dropdown-header{padding:1rem 1.2rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.dropdown-header h3{margin:0;font-size:1rem;color:#1e293b}.mark-read{font-size:.75rem;color:#3b82f6;cursor:pointer}.dropdown-body{max-height:300px;overflow-y:auto}.notif-item{padding:1rem 1.2rem;border-bottom:1px solid #f8fafc;position:relative;cursor:pointer;transition:background .1s}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#eff6ff}.notif-title{font-size:.9rem;font-weight:600;color:#334155;margin:0 0 .2rem}.notif-desc{font-size:.8rem;color:#64748b;margin:0 0 .5rem;line-height:1.4}.notif-time{font-size:.7rem;color:#94a3b8}.read-dot{position:absolute;top:1.2rem;right:1.2rem;width:8px;height:8px;background:#ef4444;border-radius:50%}.dropdown-footer{padding:.8rem;text-align:center;font-size:.85rem;color:#2563eb;font-weight:500;cursor:pointer;border-top:1px solid #f1f5f9}.user-menu-dropdown{width:240px}.user-dropdown-header{padding:1.5rem;text-align:center;background:#f8fafc;border-bottom:1px solid #e2e8f0}.u-avatar img{width:60px;height:60px;border-radius:50%;border:3px solid white;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:.5rem}.u-info h4{margin:0;color:#1e293b;font-size:1rem}.u-info span{font-size:.8rem;color:#64748b}.dropdown-divider{height:1px;background:#e2e8f0;margin:.5rem 0}.dropdown-item{width:100%;padding:.75rem 1.2rem;background:none;border:none;display:flex;align-items:center;gap:.8rem;color:#475569;font-size:.9rem;cursor:pointer;transition:all .2s;text-align:left}.dropdown-item:hover{background:#f1f5f9;color:#1e293b;padding-left:1.5rem}.text-red{color:#ef4444}.text-red:hover{background:#fef2f2;color:#dc2626}.overview-card{width:100%;margin-bottom:1.5rem}.card-header{display:none;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-header h2{font-size:1.25rem;font-weight:600;color:var(--text-main)}.stats-grid{display:flex;justify-content:space-around;gap:1rem;align-items:center;width:100%}.progress-ring-container{position:relative;width:120px;height:120px;margin:0 auto}.progress-ring{width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),rgba(255,255,255,.1) 0);position:relative;display:flex;align-items:center;justify-content:center}.progress-ring:before{content:"";position:absolute;width:85%;height:85%;background:#1e293b;border-radius:50%}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center}.big-score{font-size:2rem;font-weight:800;color:#fff;line-height:1}.small-score{font-size:.75rem;color:#94a3b8}.label{font-size:.7rem;color:#f59e0b;margin-top:.1rem;text-transform:uppercase}.stat-trend-box{display:flex;flex-direction:column;gap:.75rem;min-width:120px}.status-badge-row{text-align:center}.status-badge{background:#f59e0b33;color:#f59e0b;padding:.25rem .6rem;border-radius:99px;font-size:.75rem;font-weight:600;display:inline-block;border:1px solid rgba(245,158,11,.3)}.progress-info{display:flex;justify-content:space-between;font-size:.7rem;margin-bottom:.3rem;color:#cbd5e1;font-weight:500}.progress-track{width:100%;height:6px;background:#ffffff1a;border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:#3b82f6;border-radius:99px}.stat-pie-box{text-align:center}.pie-container{position:relative;width:100px;height:100px;margin:0 auto}.pie-chart{width:100%;height:100%;border-radius:50%;background:conic-gradient(#65a30d 0% 10%,#2dd4bf 10% 20%,#f97316 20% 35%,#64748b 35% 50%,#3b82f6 50% 60%,#fbbf24 60% 75%,#facc15 75% 100%);box-shadow:0 4px 6px -1px #0000001a}.pie-labels{font-size:.55rem;color:#94a3b8;margin-top:.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:150px;text-align:left}.dashboard-revamp-container{padding:2rem;max-width:1600px;margin:0 auto;font-family:Inter,sans-serif;animation:fadeIn .4s ease-out}.dashboard-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;padding:2.5rem;color:#fff;margin-bottom:2rem;box-shadow:0 10px 25px -5px #0f172a4d;position:relative;overflow:hidden}.dashboard-hero:before{content:"";position:absolute;top:0;right:0;width:300px;height:100%;background:radial-gradient(circle at center,rgba(37,99,235,.1) 0%,transparent 70%);pointer-events:none}.hero-content{flex:1;z-index:1}.hero-content h1{font-size:1.8rem;margin-bottom:.5rem;font-weight:700}.hero-content p{color:#94a3b8;margin-bottom:2rem;font-size:1rem}.hero-stats{display:flex;align-items:center;gap:2rem}.hero-stat-item{display:flex;flex-direction:column}.h-label{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.h-value{font-size:2rem;font-weight:800;line-height:1;margin-bottom:.25rem}.h-value.text-green{color:#4ade80}.h-badge,.h-meta{font-size:.85rem;font-weight:500}.h-badge.good{display:inline-block;background:#4ade8033;color:#4ade80;padding:2px 8px;border-radius:4px;width:fit-content}.h-meta{color:#64748b}.hero-divider{width:1px;height:50px;background:#334155}.hero-chart-mini{flex:0 0 450px;min-height:180px;background:#ffffff0d;border-radius:12px;padding:1rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1)}.mini-chart-wrapper{width:100%;height:100%}.alerts-section{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.alert-ticker{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-radius:50px;font-size:.9rem;font-weight:500;animation:slideIn .5s ease-out}.alert-ticker.info{background:#eff6ff;color:#1e40af;border:1px solid #dbeafe}.alert-ticker.warning{background:#fff7ed;color:#c2410c;border:1px solid #ffedd5}.section-title{font-size:1.25rem;color:#1e293b;margin-bottom:1.5rem;font-weight:700}.domains-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.domain-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;box-shadow:0 2px 4px #00000005;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.domain-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px -5px #0000001a;border-color:transparent}.d-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.d-icon-box{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.d-icon-box.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 6px -1px #3b82f64d}.d-icon-box.emerald{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 6px -1px #10b9814d}.d-icon-box.violet{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 6px -1px #8b5cf64d}.d-icon-box.rose{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 4px 6px -1px #f43f5e4d}.d-icon-box.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 6px -1px #06b6d44d}.d-icon-box.amber{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 6px -1px #f59e0b4d}.d-icon-box.pink{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 4px 6px -1px #ec48994d}.d-icon-box.slate{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 6px -1px #64748b4d}.d-status-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem;background:#f1f5f9;color:#64748b;border-radius:20px;transition:all .3s}.d-status-badge.in-progress{background:#fff7ed;color:#c2410c;border:1px solid #ffedd5}.spin-slow{animation:spin 3s linear infinite}.domain-card:hover .d-status-badge{background:#fff;box-shadow:0 2px 4px #0000000d}.domain-card:hover .d-status-badge.in-progress{background:#ffedd5;border-color:#fdba74}.d-title{font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.d-stats-row{display:flex;justify-content:space-between;margin-bottom:1.5rem}.d-stat{display:flex;flex-direction:column}.d-stat-val{font-size:1.25rem;font-weight:700;color:#334155}.d-stat-label{font-size:.8rem;color:#94a3b8}.d-progress-line{height:4px;background:#f1f5f9;border-radius:2px;overflow:hidden}.d-prog-fill{height:100%;border-radius:2px;transition:width 1s ease-out}.domain-card.blue:hover{border-top:4px solid #3b82f6}.domain-card.blue .d-prog-fill{background:#3b82f6}.domain-card.emerald:hover{border-top:4px solid #10b981}.domain-card.emerald .d-prog-fill{background:#10b981}.domain-card.violet:hover{border-top:4px solid #8b5cf6}.domain-card.violet .d-prog-fill{background:#8b5cf6}.domain-card.rose:hover{border-top:4px solid #f43f5e}.domain-card.rose .d-prog-fill{background:#f43f5e}.domain-card.cyan:hover{border-top:4px solid #06b6d4}.domain-card.cyan .d-prog-fill{background:#06b6d4}.domain-card.amber:hover{border-top:4px solid #f59e0b}.domain-card.amber .d-prog-fill{background:#f59e0b}.domain-card.pink:hover{border-top:4px solid #ec4899}.domain-card.pink .d-prog-fill{background:#ec4899}.domain-card.slate:hover{border-top:4px solid #64748b}.domain-card.slate .d-prog-fill{background:#64748b}@media(max-width:1024px){.dashboard-hero{flex-direction:column;align-items:flex-start;gap:2rem}.hero-chart-mini{width:100%;flex:none}}@media(max-width:768px){.domains-grid{grid-template-columns:1fr}.hero-stats{flex-direction:column;align-items:flex-start;gap:1.5rem}.hero-divider{width:100%;height:1px}}.pertukaran-container{padding:1rem;max-width:1400px;margin:0 auto}.pertukaran-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e2e8f0}.p-tab-btn{background:transparent;border:none;padding:.75rem 1.5rem;font-size:1.05rem;color:#64748b;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s;display:flex;align-items:center;gap:.5rem}.p-tab-btn:hover{color:#3b82f6;background:#f8fafc;border-radius:8px 8px 0 0}.p-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}.pertukaran-header{background:linear-gradient(135deg,#172554,#020617);border-radius:16px;padding:2rem;display:flex;align-items:center;gap:1.5rem;color:#fff;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #334155}.pertukaran-header h1{margin:0 0 .5rem;font-size:1.8rem;font-weight:700;color:#fff}.pertukaran-header p{margin:0;opacity:.9;font-size:1.1rem;color:#cbd5e1}.catalog-view{max-width:1200px;margin:0 auto}.view-header{margin-bottom:2rem}.view-header h2{margin:0 0 .5rem;font-size:1.5rem;color:#1e293b}.view-header p{margin:0;color:#64748b}.org-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.org-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:1rem}.org-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a;border-color:#cbd5e1}.org-logo{font-size:2.5rem;width:60px;height:60px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center}.org-info h3{margin:0 0 .25rem;font-size:1.1rem;color:#334155}.org-info p{margin:0 0 .5rem;font-size:.85rem;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dataset-count{font-size:.8rem;background:#eff6ff;color:#2563eb;padding:2px 8px;border-radius:10px;font-weight:600}.btn-back{background:none;border:none;display:flex;align-items:center;gap:.5rem;color:#64748b;font-weight:600;cursor:pointer;margin-bottom:1.5rem}.btn-back:hover{color:#1e293b}.org-hero{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0}.org-logo-lg{font-size:3.5rem;background:#f1f5f9;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center}.org-hero h2{margin:0 0 .5rem;font-size:1.8rem}.org-hero p{margin:0;color:#64748b;font-size:1.1rem}.dataset-row{background:#fff;padding:1rem 1.5rem;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:.75rem;display:flex;align-items:center;gap:1.5rem;cursor:pointer;transition:all .2s}.dataset-row:hover{border-color:#3b82f6;transform:translate(4px)}.ds-info{flex:1}.ds-info h4{margin:0 0 .5rem;font-size:1.05rem}.ds-meta{display:flex;gap:1rem;align-items:center;font-size:.85rem;color:#64748b}.badge-fmt{background:#dcfce7;color:#166534;padding:2px 6px;border-radius:4px;font-weight:700;font-size:.75rem}.badge-fmt.large{font-size:1rem;padding:4px 10px}.detail-header{margin-bottom:2rem}.detail-header h1{margin:0 0 1rem;font-size:2rem;color:#0f172a}.detail-badges{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem}.view-count{display:flex;align-items:center;gap:.5rem;color:#64748b}.detail-desc{font-size:1.1rem;line-height:1.6;color:#334155;max-width:800px}.metadata-section{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:2rem;max-width:800px}.meta-table{width:100%;border-collapse:collapse}.meta-table td{padding:.75rem 0;border-bottom:1px solid #f1f5f9}.meta-table tr:last-child td{border-bottom:none}.meta-table td:first-child{width:30%;color:#64748b;font-weight:500}.meta-table td:last-child{color:#1e293b;font-weight:500}.action-section{display:flex;gap:1rem}.btn-download{background:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem}.btn-preview{background:#fff;color:#334155;border:1px solid #cbd5e1;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem}.api-gateway-wrapper{display:flex;flex-direction:column;min-height:800px;max-width:1400px;margin:0 auto;gap:1.5rem}.api-opd-selector{background:#fff;padding:1rem 1.5rem;border-radius:12px;border:1px solid #e2e8f0}.api-opd-selector h3{margin:0 0 1rem;font-size:1rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.opd-chips{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:.5rem}.opd-chip{display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;font-size:.9rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.opd-chip:hover{border-color:#94a3b8;background:#f1f5f9}.opd-chip.active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.chip-icon{font-size:1.1rem}.check-icon{margin-left:.2rem}.connection-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#059669;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f1f5f9}.status-indicator{width:8px;height:8px;border-radius:50%;background:#059669;box-shadow:0 0 0 2px #a7f3d0}.api-layout{display:flex;gap:1.5rem;flex:1;min-height:0;height:700px}.resources-pane{width:300px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.pane-title{padding:1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-weight:600;color:#475569;font-size:.9rem}.resource-tree{padding:.5rem;overflow-y:auto;flex:1}.resource-item-group{margin-bottom:.5rem}.resource-path{padding:.5rem .75rem;font-family:monospace;font-size:.9rem;color:#334155;font-weight:600;border-radius:4px}.resource-path.active{background:#eff6ff;color:#2563eb}.resource-path .child{padding-left:1rem;color:#64748b}.method-list{display:flex;gap:.5rem;padding:.25rem .75rem .5rem;flex-wrap:wrap}.method-item{font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:3px;cursor:pointer;opacity:.7;border:1px solid transparent}.method-item:hover,.method-item.selected{opacity:1;transform:scale(1.05)}.method-item.GET{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.method-item.POST{background:#fef9c3;color:#a16207;border-color:#fde047}.method-item.DELETE{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.method-item.selected{box-shadow:0 2px 4px #0000001a;border-width:2px}.execution-pane{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.execution-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;background:#fff}.execution-header h2{margin:0;font-family:monospace;color:#1e293b;font-size:1.5rem}.subtitle{color:#64748b;font-size:.9rem}.test-console{flex:1;display:flex;flex-direction:column;background:#f8fafc}.console-header{padding:.75rem 1.5rem;background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;font-size:.85rem;text-transform:uppercase}.console-body{padding:1.5rem;flex:1;overflow-y:auto}.btn-test{background:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.btn-test:disabled{opacity:.7;cursor:wait}.response-area{background:#1e293b;border-radius:8px;overflow:hidden;color:#e2e8f0;font-family:monospace;font-size:.9rem;border:1px solid #334155}.response-meta{display:flex;justify-content:space-between;padding:.5rem 1rem;background:#0f172a;border-bottom:1px solid #334155;font-size:.8rem}.status-code.success{color:#4ade80}.json-viewer{padding:1rem;overflow-x:auto}.json-viewer pre{margin:0}.api-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;gap:1rem}.geo-wrapper,.stats-wrapper{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.geo-index-header{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:2rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.geo-intro h2{margin:0 0 .5rem;font-size:1.5rem}.geo-intro p{margin:0;opacity:.8;max-width:500px}.index-card{background:#ffffff1a;padding:1rem 1.5rem;border-radius:12px;display:flex;gap:1.5rem;align-items:flex-end;border:1px solid rgba(255,255,255,.2)}.index-val{text-align:right;line-height:1}.val-big{font-size:3rem;font-weight:800;color:#38bdf8}.val-max{font-size:1rem;opacity:.6}.index-label{display:flex;flex-direction:column;gap:6px;width:180px}.index-label h4{margin:0;font-size:.85rem;font-weight:500;opacity:.9}.index-progress{height:8px;background:#0000004d;border-radius:4px;overflow:hidden}.index-progress .fill{height:100%;background:#38bdf8}.index-label small{font-size:.75rem;opacity:.7}.geo-dashboard-grid{display:flex;gap:1.5rem;margin-bottom:2rem}.geo-map-card{flex:2;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;height:400px}.geo-map-card h3{margin:0;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;font-size:1.1rem;color:#334155}.map-placeholder{height:100%;background:linear-gradient(135deg,#bfdbfe,#93c5fd);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.map-placeholder:before{content:"";position:absolute;width:200%;height:200%;background-image:radial-gradient(#60a5fa 1px,transparent 1px);background-size:20px 20px;opacity:.3}.map-overlay-text{background:#ffffffe6;padding:2rem;border-radius:12px;text-align:center;position:relative;z-index:2;box-shadow:0 10px 20px -5px #0000001a}.map-overlay-text p{margin:.5rem 0 1.5rem;font-weight:500}.btn-map-action{background:#2563eb;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-weight:600;cursor:pointer}.geo-stats-sidebar{flex:1;display:flex;flex-direction:column;gap:1rem}.geo-stat-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.2rem;display:flex;align-items:center;gap:1.2rem;flex:1}.gs-icon{width:48px;height:48px;background:#f8fafc;border-radius:8px;display:flex;align-items:center;justify-content:center}.gs-info{display:flex;flex-direction:column}.gs-val{font-size:1.4rem;font-weight:800;color:#1e293b;line-height:1.2}.gs-lbl{font-size:.8rem;color:#64748b;font-weight:500}.geo-layers-table h3,.stats-activities-section h3{margin:0 0 1rem;font-size:1.2rem;color:#334155}.geo-layers-table .table-responsive,.stats-activities-section .table-responsive{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.geo-layers-table table,.stats-activities-section table{width:100%;border-collapse:collapse}.geo-layers-table th,.stats-activities-section th{background:#f8fafc;text-align:left;padding:1rem;font-size:.85rem;color:#64748b;font-weight:600;border-bottom:1px solid #e2e8f0}.geo-layers-table td,.stats-activities-section td{padding:1rem;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.95rem}.geo-layers-table tr:last-child td,.stats-activities-section tr:last-child td{border-bottom:none}.badge-cat,.badge-method{background:#f1f5f9;color:#475569;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.btn-sm{font-size:.8rem;padding:4px 10px;border:1px solid #cbd5e1;background:#fff;border-radius:4px;color:#475569;cursor:pointer}.btn-sm:hover{border-color:#94a3b8;color:#1e293b}.stats-header{background:linear-gradient(135deg,#059669,#10b981);color:#fff;padding:2rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.stats-intro h2{margin:0 0 .5rem;font-size:1.5rem}.stats-intro p{margin:0;opacity:.9;max-width:600px;font-style:italic;font-size:.95rem;line-height:1.5}.ips-score-card{background:#ffffff26;padding:1.5rem;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.25)}.ips-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;opacity:.9;margin-bottom:.5rem}.ips-val-row{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:.5rem}.ips-val{font-size:2.5rem;font-weight:800}.ips-predikat{background:#dcfce7;color:#166534;font-weight:700;padding:2px 10px;border-radius:12px;font-size:.9rem}.ips-desc{font-size:.75rem;opacity:.8}.epss-domains-section h3{margin:0 0 1rem;font-size:1.2rem;color:#334155}.epss-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.epss-card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0;display:flex;flex-direction:column}.epss-card:hover{border-color:#10b981;box-shadow:0 4px 10px #0000000d}.epss-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.epss-head h4{margin:0;font-size:.95rem;color:#1e293b;font-weight:600}.epss-score{font-weight:800;font-size:1.1rem;color:#059669}.epss-card p{font-size:.8rem;color:#64748b;margin:0 0 1rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.epss-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.epss-bar .fill{height:100%;background:#10b981}.badge-status.success{background:#dcfce7;color:#15803d}.badge-status.warning{background:#fef9c3;color:#a16207}.badge-status.danger{background:#fee2e2;color:#b91c1c}@media(max-width:900px){.geo-dashboard-grid{flex-direction:column}.geo-map-card{height:300px}.geo-stats-sidebar{flex-direction:row;flex-wrap:wrap}.geo-stat-box{min-width:140px}.stats-header{flex-direction:column;gap:1.5rem;text-align:center}}.tata-kelola-container{padding:1rem;max-width:1400px;margin:0 auto}.tata-kelola-header{background:#1e293b;border-radius:16px;padding:2rem;display:flex;align-items:center;gap:1.5rem;color:#fff;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #334155;position:relative}.tata-kelola-header h1{margin:0 0 .5rem;font-size:1.8rem;font-weight:700;color:#fff}.tata-kelola-header p{margin:0;opacity:.9;font-size:1.1rem;color:#cbd5e1}.tata-kelola-header .btn-save{margin-left:auto;background:#4f46e5;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 6px -1px #4f46e533;transition:all .2s}.tata-kelola-header .btn-save:hover{background:#4338ca;transform:translateY(-1px)}.tabs-container{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid #e2e8f0;padding-bottom:1px}.tab-btn{background:transparent;border:none;padding:.75rem 1.25rem;font-size:.95rem;color:#64748b;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;display:flex;align-items:center;gap:.5rem;transition:all .2s}.tab-btn:hover{color:#8f3232;background:#1e3a8a;border-radius:8px 8px 0 0;transition:all .2s}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.kelola-content{display:flex;flex-direction:column;gap:1.5rem}.kelola-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000000d}.card-header{background:#dbeafe;padding:1rem 1.5rem;border-bottom:1px solid #bfdbfe;display:flex;align-items:center;gap:1rem;justify-content:flex-start;text-align:left}.card-header h2{margin:0;font-size:1.1rem;color:#1e3a8a;font-weight:600}.card-body{padding:1.5rem}.full-width{width:100%;grid-column:1 / -1}.edit-section-card{background:#fdfdfd;box-shadow:0 10px 15px -3px #0000001a}.struk-org-container{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e2e8f0}.org-header-box{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px dashed #f1f5f9}.org-header-box h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.org-header-box p{color:#64748b;font-size:1rem}.org-chart-wrapper img{max-width:100%;height:auto;transition:transform .3s ease}.org-chart-wrapper img:hover{transform:scale(1.02)}.arsitektur-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.arsi-card{padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.arsi-icon-bg{width:80px;height:80px;border-radius:50%;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.arsi-icon-bg.blue{background:#eff6ff;color:#3b82f6}.arsi-icon-bg.green{background:#f0fdf4;color:#10b981}.arsi-icon-bg.purple{background:#faf5ff;color:#a855f7}.arsi-icon-bg.red{background:#fef2f2;color:#ef4444}.arsi-card h3{margin:0 0 .5rem;color:#1e293b}.arsi-card p{color:#64748b;line-height:1.5;margin-bottom:1.5rem}.btn-outline{background:transparent;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:6px;color:#475569;cursor:pointer;font-size:.9rem;font-weight:500}.btn-outline:hover{border-color:#3b82f6;color:#3b82f6;background:#006cfa}.kebijakan-list{display:flex;flex-direction:column;gap:1rem}.kebijakan-item{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s}.kebijakan-item:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.item-icon{color:#f59e0b;flex-shrink:0}.item-info{flex:1}.item-info h4{margin:0 0 .25rem;color:#1e293b;font-size:1.05rem}.item-info p{margin:0;color:#64748b;font-size:.9rem}.item-info span{color:#94a3b8;font-weight:500}.btn-download{background:#f8fafc;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:6px;color:#475569;cursor:pointer;display:flex;align-items:center;gap:.5rem}.btn-download:hover{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.icon-blue{color:#3b82f6}.icon-purple{color:#a855f7}.icon-orange{color:#f97316}.icon-red{color:#ef4444}.input-textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:1rem;font-family:inherit;font-size:1rem;color:#334155;resize:vertical;transition:border-color .2s}.input-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-textarea.large{min-height:120px;font-size:1.1rem;line-height:1.6;text-align:left}.list-input-row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.row-number{font-weight:700;color:#64748b;padding-top:.6rem;min-width:24px}.row-bullet{color:#a855f7;margin-top:.6rem;flex-shrink:0}.sasaran-bullet{background:#fff7ed;color:#c2410c;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:700;border:1px solid #ffedd5;margin-top:.4rem}.input-text{flex:1;border:1px solid #cbd5e1;border-radius:6px;padding:.6rem 1rem;font-size:.95rem;color:#1e293b}.input-text:focus{outline:none;border-color:#3b82f6}.btn-icon-del{background:#fff;border:1px solid #fee2e2;color:#ef4444;width:38px;height:38px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon-del:hover{background:#fee2e2}.btn-add-item{background:#fff;border:1px dashed #94a3b8;color:#64748b;width:100%;padding:.75rem;border-radius:8px;margin-top:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}.btn-add-item:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.iku-table-wrapper{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.kelola-table{width:100%;border-collapse:collapse}.kelola-table th{background:#f8fafc;text-align:left;padding:.75rem 1rem;color:#64748b;font-size:.85rem;font-weight:600;border-bottom:1px solid #e2e8f0}.kelola-table td{padding:.5rem;border-bottom:1px solid #f1f5f9}.kelola-table tr:last-child td{border-bottom:none}.input-table{width:100%;border:1px solid transparent;padding:.5rem;border-radius:4px;font-size:.9rem}.input-table:hover{background:#f8fafc}.input-table:focus{background:#fff;border-color:#3b82f6;outline:none}.input-table.center{text-align:center}.btn-add-row{width:100%;background:#f8fafc;border:none;box-shadow:inset 0 2px 4px #00000005;padding:1rem;color:#64748b;cursor:pointer;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-add-row:hover{color:#3b82f6;background:#eff6ff}.spbe-dashboard{font-family:Inter,sans-serif;color:#334155;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem;max-width:1200px;margin:0 auto}.spbe-header{text-align:center;margin-bottom:3rem;position:relative}.spbe-header h1{color:#06b6d4;font-size:1.5rem;font-weight:800;margin:0;letter-spacing:.05em}.spbe-header h2{color:#475569;font-size:1.25rem;font-weight:700;margin:.5rem 0 1rem;text-transform:uppercase}.spbe-header p{color:#64748b;font-size:.95rem;max-width:600px;margin:0 auto;line-height:1.5}.spbe-score-badge{position:absolute;top:0;right:0;text-align:right}.spbe-score-badge .lbl-top{display:block;font-size:.8rem;color:#64748b;margin-bottom:.25rem}.spbe-score-badge .score-val{display:block;font-size:2.5rem;font-weight:800;color:#10b981;line-height:1}.spbe-score-badge .lbl-bot{display:block;font-size:.85rem;color:#64748b;font-weight:600;margin-top:.25rem}.spbe-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.spbe-card{background:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s}.spbe-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a;z-index:10}.spbe-card-header{background:linear-gradient(90deg,#06b6d4,#22d3ee);color:#fff;padding:.5rem 1rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.9rem;position:relative;box-shadow:0 4px 6px -1px #06b6d44d;margin-bottom:1rem}.spbe-card-header:before{content:"💡";font-size:1.1rem}.spbe-card-val{text-align:center;font-size:3rem;font-weight:700;color:#3b82f6;margin-bottom:1.5rem}.spbe-chart-container{display:flex;align-items:center;gap:1rem}.spbe-chart-legend{flex:1;font-size:.75rem}.legend-item{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.css-pie,.css-donut{width:100px;height:100px;border-radius:50%;flex-shrink:0;position:relative}.css-donut:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;background:#fff;border-radius:50%}.unit-section h3{text-transform:uppercase;color:#475569;font-size:1.1rem;margin-bottom:1rem;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.treemap-container{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-template-rows:repeat(4,80px);gap:2px;background:#e2e8f0;border:1px solid #cbd5e1}.tm-item{background:#93c5fd;color:#1e3a8a;font-size:.7rem;font-weight:600;padding:.5rem;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;transition:background .2s}.tm-item:hover{background:#60a5fa;cursor:pointer}.tm-large{grid-row:span 2;background:#3b82f6;color:#fff;font-size:.8rem}.tm-med{grid-row:span 1}@media(max-width:1024px){.spbe-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.spbe-stats-grid{grid-template-columns:1fr}.spbe-score-badge{position:static;text-align:center;margin-top:1rem}.treemap-container{display:flex;flex-direction:column}.tm-item{height:50px}}.spbe-footer{margin-top:3rem;display:flex;justify-content:center;gap:2rem;opacity:.7}.spbe-footer img{height:40px}.satisfaction-page{padding:1rem;max-width:1400px;margin:0 auto}.kp-header{background:#1e293b;border-radius:16px;padding:2rem;display:flex;align-items:center;gap:1.5rem;color:#fff;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #334155;flex-shrink:0}.kp-header h1{margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.kp-header p{margin:0;font-size:1.1rem;color:#cbd5e1;opacity:.9}.sp-content-v2{padding:0}.service-grid-view{max-width:1200px;margin:0 auto}.sg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.sg-header h2{margin:0;color:#334155;font-size:1.4rem}.sg-filter{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem 1rem;border-radius:6px;border:1px solid #e2e8f0;color:#64748b;font-size:.9rem;cursor:pointer}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.service-card-v2{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center}.service-card-v2:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a;border-color:#cbd5e1}.sc-icon-lg{font-size:3rem;margin-bottom:1rem}.sc-info h3{margin:0 0 .5rem;font-size:1.1rem;color:#1e293b;min-height:2.6em;display:flex;align-items:center;justify-content:center}.sc-meta{display:flex;flex-direction:column;gap:6px;align-items:center;margin-bottom:1rem}.sc-cat{display:inline-block;font-size:.8rem;background:#f1f5f9;color:#64748b;padding:2px 8px;border-radius:4px}.sc-plat{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:#94a3b8;border:1px solid #e2e8f0;padding:1px 6px;border-radius:4px}.sc-stats{width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f8fafc;padding-top:1rem;margin-top:auto}.stat-rating{display:flex;align-items:center;gap:4px;font-weight:700;color:#d97706}.stat-reviews{font-size:.85rem;color:#94a3b8}.service-detail-view{max-width:1100px;margin:0 auto}.btn-back-link{background:none;border:none;display:flex;align-items:center;gap:.5rem;font-weight:600;color:#64748b;cursor:pointer;margin-bottom:2rem;padding:0;font-size:1rem;transition:color .1s}.btn-back-link:hover{color:#2563eb}.sd-layout{display:flex;gap:2rem}.sd-left{width:350px;display:flex;flex-direction:column;gap:1.5rem}.sd-right{flex:1}.sd-header-card{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;padding:2rem;border-radius:12px;display:flex;align-items:center;gap:1.5rem}.sd-icon{font-size:2.5rem;background:#fff3;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.sd-header-card h2{margin:0 0 .5rem;font-size:1.3rem}.sd-badge.rating{background:#0003;padding:4px 10px;border-radius:20px;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:6px;margin-bottom:.5rem}.platform-tag{font-size:.8rem;opacity:.8;background:#0003;display:inline-block;padding:2px 8px;border-radius:4px}.review-form-card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0}.star-input-lg{display:flex;gap:.5rem;justify-content:center;margin:1rem 0}.reviews-feed{display:flex;flex-direction:column;gap:1rem}.review-card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0}.rc-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.user-name{font-weight:600;color:#1e293b}.rc-comment{font-style:italic;color:#475569;margin-bottom:1rem}.sp-textarea{width:100%;border:1px solid #cbd5e1;padding:.75rem;border-radius:8px;font-size:.95rem}.btn-submit{background:#2563eb;color:#fff;width:100%;padding:.75rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.btn-submit:hover{background:#1d4ed8}.form-group label{font-weight:600;color:#334155;margin-bottom:.5rem;display:block}.empty-reviews{text-align:center;color:#94a3b8;padding:3rem;background:#fff;border-radius:12px;border:2px dashed #e2e8f0}@media(max-width:900px){.sd-layout{flex-direction:column}.sd-left{width:100%}}.review-summary-container{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:2rem}.rs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.rs-header h3{margin:0;font-size:1.2rem;color:#1e293b;display:flex;align-items:center;gap:.5rem}.btn-write-review{background:#fff;border:1px solid #cbd5e1;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;color:#0f172a;transition:all .2s}.btn-write-review:hover{background:#f8fafc;border-color:#94a3b8}.rs-content{display:flex;gap:2rem;align-items:center}.rs-score{text-align:center;min-width:120px}.big-rating{font-size:3.5rem;font-weight:300;line-height:1;color:#1e293b}.rs-stars{display:flex;justify-content:center;margin:.5rem 0}.total-count{font-size:.9rem;color:#64748b}.rs-bars{flex:1;display:flex;flex-direction:column;gap:.5rem}.rating-bar-row{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:#64748b}.star-label{width:10px;text-align:right}.bar-container{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:#f59e0b;border-radius:4px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.review-modal-box{background:#fff;width:500px;max-width:90%;border-radius:12px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a;position:relative}.close-modal-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:#64748b}.modal-title{margin-top:0;font-size:1.5rem;color:#1e293b}.modal-subtitle{color:#64748b;margin-bottom:1.5rem}.security-container{padding:1rem;max-width:1400px;margin:0 auto}.security-header{background:linear-gradient(135deg,#172554,#020617);border-radius:16px;padding:2rem;display:flex;align-items:center;gap:1.5rem;color:#fff;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #334155}.header-icon{background:#ffffff1a;padding:1rem;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.security-header h1{margin:0 0 .5rem;font-size:1.8rem}.security-header p{margin:0;opacity:.9;font-size:1.1rem}.main-tabs-container{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e2e8f0}.main-tab-btn{background:transparent;border:none;padding:.75rem 1.5rem;font-size:1.05rem;color:#64748b;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}.main-tab-btn:hover{color:#3b82f6;background:#f8fafc;border-radius:8px 8px 0 0}.main-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}.sub-tabs{display:flex;gap:1rem;margin-bottom:1.5rem;background:#f1f5f9;padding:.3rem;border-radius:8px;display:inline-flex}.sub-tab-btn{border:none;background:transparent;padding:.5rem 1rem;border-radius:6px;font-weight:500;color:#64748b;cursor:pointer;font-size:.95rem}.sub-tab-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 2px #0000001a}.security-sub-content{display:grid;grid-template-columns:350px 1fr;gap:2rem;align-items:start}.audit-list{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0}.audit-list h3{margin-top:0;margin-bottom:1rem;color:#334155}.audit-cards{display:flex;flex-direction:column;gap:1rem}.audit-card{border:1px solid #e2e8f0;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s}.audit-card:hover{border-color:#cbd5e1;background:#f8fafc}.audit-card.active{border-color:#3b82f6;background:#eff6ff;box-shadow:0 2px 4px #3b82f61a}.ac-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ac-icon{color:#64748b}.audit-card.active .ac-icon{color:#3b82f6}.audit-card h4{margin:0 0 .5rem;font-size:1rem;color:#1e293b}.status-badge{font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:600}.status-badge.compliant,.status-badge.baik{background:#dcfce7;color:#166534}.status-badge.pass-with-note{background:#fef9c3;color:#854d0e}.ac-meta{font-size:.85rem;color:#94a3b8;display:flex;gap:.5rem}.audit-detail{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.detail-header{background:#f8fafc;padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start}.detail-header h2{margin:0 0 .5rem;font-size:1.5rem;color:#1e293b}.auditor-name{color:#64748b;font-weight:500}.score-box{background:#fff;padding:.8rem 1.2rem;border-radius:8px;text-align:center;box-shadow:0 1px 2px #0000000d}.sc-label{display:block;font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.sc-val{display:block;font-size:1.5rem;font-weight:700;color:#3b82f6}.detail-body{padding:2rem}.summary-section{margin-bottom:2rem}.summary-section p{line-height:1.6;color:#334155}.scope-badge{display:inline-block;background:#f1f5f9;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;color:#475569;margin-top:.5rem}.findings-section{margin-bottom:2rem}.findings-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.8rem}.finding-item{display:flex;gap:.8rem;padding:.8rem;border-radius:8px;font-size:.95rem}.finding-item.medium{background:#fff7ed;color:#c2410c}.finding-item.low{background:#f1f5f9;color:#475569}.finding-item.info{background:#eff6ff;color:#1e40af}.severity{font-weight:700;text-transform:uppercase;font-size:.85rem}.compliance-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.comp-item{background:#f8fafc;padding:.8rem;border-radius:8px}.comp-name{display:block;font-size:.9rem;font-weight:600;color:#475569;margin-bottom:.4rem}.comp-bar-bg{background:#e2e8f0;height:8px;border-radius:4px;overflow:hidden;margin-bottom:.3rem}.comp-bar-fill{background:#10b981;height:100%}.comp-score{font-size:.85rem;color:#64748b;float:right}.action-buttons{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0;display:flex;gap:1rem}.btn-action{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;border:none}.btn-action.primary{background:#3b82f6;color:#fff}.btn-action.secondary{background:#fff;border:1px solid #cbd5e1;color:#334155}.audit-schedule-view h3{margin-top:0;color:#1e293b;margin-bottom:1rem}.schedule-table-wrapper{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.schedule-table{width:100%;border-collapse:collapse;background:#fff}.schedule-table th{background:#f8fafc;text-align:left;padding:1rem;color:#64748b;font-weight:600;border-bottom:1px solid #e2e8f0}.schedule-table td{padding:1rem;border-bottom:1px solid #f1f5f9;color:#334155}.status-pill{padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600}.status-pill.scheduled{background:#eff6ff;color:#2563eb}.status-pill.planning{background:#fdf4ff;color:#c026d3}.status-pill.draft{background:#f1f5f9;color:#64748b}.btn-action-small{background:#fff;border:1px solid #e2e8f0;padding:.4rem .8rem;border-radius:4px;cursor:pointer;display:flex;gap:.4rem;align-items:center;font-size:.85rem}.csirt-hero{background:#1e293b;color:#fff;padding:3rem;border-radius:12px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.csirt-info h2{font-size:2.2rem;margin:0 0 1rem}.csirt-info p{max-width:500px;color:#cbd5e1;font-size:1.1rem;margin-bottom:2rem}.csirt-stats{display:flex;gap:2rem}.stat span{font-size:1.8rem;font-weight:700;color:#38bdf8;display:block}.btn-report-incident{background:#ef4444;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 12px #ef444466}.csirt-services{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.service-card{background:#fff;padding:2rem;border-radius:12px;border:1px solid #e2e8f0;text-align:center}.svc-icon{margin-bottom:1rem}.svc-icon.red{color:#ef4444}.svc-icon.blue{color:#3b82f6}.svc-icon.green{color:#10b981}.kripto-view .section-title{text-align:center;margin-bottom:3rem;max-width:700px;margin:0 auto 3rem}.kripto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.kripto-card{background:#fff;padding:2.5rem 2rem;border-radius:16px;border:1px solid #e2e8f0;text-align:center;transition:all .3s}.kripto-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px -5px #0000001a}.k-icon{color:#2563eb;background:#eff6ff;padding:10px;border-radius:12px;box-sizing:content-box;margin-bottom:1.5rem}.btn-kripto{margin-top:1.5rem;background:#0f172a;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;width:100%;transition:background .2s}.btn-kripto:hover{background:#334155}.ikasandi-header{text-align:center;margin-bottom:2rem}.ikasandi-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.dash-card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0;text-align:center}.big-score{font-size:3rem;font-weight:800;color:#10b981;margin:.5rem 0}.badge-good{background:#dcfce7;color:#166534;padding:4px 12px;position:absolute;left:0}.section-divider{height:1px;background:#e2e8f0;margin:3rem 0}.upload-section{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:1.5rem}.us-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.us-header h3{margin:0;font-size:1.1rem;color:#334155}.btn-upload{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #cbd5e1;padding:.6rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;color:#475569;transition:all .2s}.btn-upload:hover{border-color:#3b82f6;color:#2563eb;background:#eff6ff}.csirt-team-section h3{margin-bottom:1.5rem;color:#1e293b;border-left:4px solid #3b82f6;padding-left:1rem}.terminal-box{background:#1e1e1e;border-radius:8px;box-shadow:0 10px 20px #0003;overflow:hidden;font-family:Consolas,Monaco,Courier New,monospace;max-width:900px;margin:0 auto}.term-header{background:#333;padding:.5rem 1rem;display:flex;align-items:center;gap:1rem}.term-btns{display:flex;gap:6px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.term-title{color:#aaa;font-size:.8rem;flex:1;text-align:center}.term-body{padding:1.5rem;color:#d4d4d4;font-size:.95rem}.cmd-line{margin-bottom:1rem;color:#fff}.pmpt{color:#27c93f;margin-right:.5rem}.ascii-tree-chars{color:#6a9955;white-space:pre;font-weight:400}.node-line{display:flex;align-items:center;margin-bottom:.5rem}.node-card{display:flex;align-items:center;gap:.8rem;background:#2d2d2d;padding:4px 10px;border-radius:4px;border:1px solid #444}.nc-role{color:#569cd6;font-weight:700}.nc-name{color:#ce9178}.nc-certs{display:flex;gap:.4rem}.mini-tag{font-size:.7rem;background:#444;color:#ccc;padding:2px 6px;border-radius:3px}.uploaded-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.doc-item{background:#fff;border:1px solid #e2e8f0;padding:.8rem;border-radius:8px;display:flex;align-items:center;gap:.8rem}.doc-icon{background:#f1f5f9;padding:8px;border-radius:6px;color:#64748b;display:flex}.doc-info{flex:1;overflow:hidden}.doc-name{display:block;font-size:.9rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-meta{font-size:.75rem;color:#94a3b8}.btn-delete-doc{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;opacity:.6;transition:opacity .2s}.btn-delete-doc:hover{opacity:1}.empty-upload{text-align:center;padding:2rem;color:#94a3b8;font-style:italic;background:#ffffff80;border-radius:8px}.form-group-custom{display:flex;flex-direction:column;gap:.5rem}.form-group-custom label{font-size:.9rem;font-weight:600;color:#475569}.form-group-custom input{padding:.8rem;border-radius:8px;border:1px solid #cbd5e1;font-size:.95rem;transition:border-color .2s}.form-group-custom input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.kripto-form-overlay h3{margin:0;color:#1e293b}.soc-input-section input,.soc-input-section select{outline:none;transition:border-color .2s}.soc-input-section input:focus,.soc-input-section select:focus{border-color:#3b82f6}.tech-page{padding:1rem;max-width:1400px;margin:0 auto;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.tech-header{background:linear-gradient(135deg,#172554,#020617);border-radius:16px;padding:2rem;display:flex;align-items:center;gap:1.5rem;color:#fff;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #334155;flex-shrink:0}.tech-header h1{margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.tech-header p{margin:0;font-size:1.1rem;color:#cbd5e1;opacity:.9}.tech-tabs-container{padding:0;margin-top:1.5rem;margin-bottom:20px}.tech-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e2e8f0}.tab-btn{background:transparent;border:none;padding:.75rem 1.5rem;font-size:1.05rem;color:#64748b;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s;display:flex;align-items:center;gap:.5rem}.tab-btn:hover{color:#3b82f6;background:#f8fafc;border-radius:8px 8px 0 0}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;background:transparent}.doc-layout{flex:1;display:flex}.doc-sidebar{width:280px;background:#f8fafc;border-left:1px solid #e2e8f0;padding:1.5rem}.doc-sidebar h3{font-size:.85rem;text-transform:uppercase;color:#64748b;margin-bottom:1rem;font-weight:700;letter-spacing:.05em}.doc-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.doc-nav li{padding:1rem;border-radius:8px;cursor:pointer;background:#fff;border:1px solid #e2e8f0;color:#475569;font-size:.95rem;display:flex;align-items:center;gap:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.doc-nav li:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a;color:#1e293b}.doc-nav li.active{background:linear-gradient(to right,#eff6ff,#fff);border-color:#3b82f6;border-left:4px solid #3b82f6;color:#1d4ed8;font-weight:600}.nav-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#f1f5f9;color:#64748b;transition:all .2s}.doc-nav li:hover .nav-icon{background:#e2e8f0;color:#334155}.doc-nav li.active .nav-icon{background:#dbeafe;color:#2563eb}.doc-content{flex:1;padding:2rem 3rem;max-width:1000px}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.content-header h2{margin:0;font-size:2rem;color:#1e293b;display:flex;align-items:center;gap:.75rem}.version-badge{font-size:1rem;background:#f1f5f9;padding:2px 8px;border-radius:4px;color:#64748b;font-weight:400}.type-badge{font-size:.8rem;padding:4px 10px;border-radius:20px;font-weight:600;text-transform:uppercase}.type-badge.internal{background:#dbeafe;color:#1e40af}.type-badge.public{background:#dcfce7;color:#166534}.type-badge.infra{background:#f3e8ff;color:#6b21a8}.item-desc{font-size:1.1rem;color:#475569;line-height:1.6;margin-bottom:1.5rem}.tech-chip{background:#f1f5f9;color:#475569;padding:2px 8px;border-radius:4px;font-size:.85rem;margin-right:6px;border:1px solid #e2e8f0}.divider{margin:2rem 0;border:0;border-top:1px solid #e2e8f0}.sdlc-timeline{margin-top:1.5rem;border-left:2px solid #e2e8f0;padding-left:2rem;display:flex;flex-direction:column;gap:2rem}.sdlc-step{position:relative}.step-marker{position:absolute;left:-41px;background:#fff;padding:4px}.sdlc-step.completed .step-marker{color:#10b981}.sdlc-step.active .step-marker{color:#3b82f6}.sdlc-step.pending .step-marker{color:#cbd5e1}.spinning{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.step-content h4{margin:0 0 .25rem;font-size:1.1rem;color:#1e293b}.step-date{font-size:.8rem;color:#94a3b8;font-family:monospace}.step-content p{margin:.5rem 0 0;color:#475569;font-size:.95rem}.specs-box{background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #e2e8f0;color:#334155}.utilization-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.util-card{background:#fff;border:1px solid #e2e8f0;padding:1rem;border-radius:8px}.util-label{display:block;margin-bottom:.5rem;font-size:.85rem;color:#64748b}.progress-bar{height:10px;background:#f1f5f9;border-radius:5px;overflow:hidden;margin-bottom:.5rem}.fill{height:100%;transition:width .5s ease}.util-val{font-weight:700;color:#1e293b;font-size:.95rem}.hosted-list{display:flex;gap:1rem;flex-wrap:wrap}.host-item{display:flex;align-items:center;gap:.5rem;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.sidebar-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sidebar-header-row h3{margin-bottom:0}.btn-add-mini{background:#2563eb;color:#fff;border:none;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-add-mini:hover{background:#1d4ed8}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-input-area{width:100%;border:1px solid #e2e8f0;border-radius:8px;padding:.8rem;font-family:inherit;resize:vertical;outline:none}.form-input-area:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group select{width:100%;padding:.7rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;outline:none}.sdm-page{padding:1rem;max-width:1400px;margin:0 auto}.sdm-header-standard{background:#1e293b;border-radius:16px;padding:2rem;display:flex;align-items:center;gap:1.5rem;color:#fff;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #334155;flex-shrink:0}.header-icon{background:#ffffff1a;padding:1rem;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.sdm-header-standard h1{margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.sdm-header-standard p{margin:0;font-size:1.1rem;color:#cbd5e1;opacity:.9}.sdm-tabs-container{padding:0;margin-top:1.5rem;margin-bottom:20px}.sdm-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e2e8f0}.sdm-tab-btn{background:transparent;border:none;padding:.75rem 1.5rem;font-size:1.05rem;color:#64748b;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s;display:flex;align-items:center;gap:.5rem;border-radius:0;box-shadow:none}.sdm-tab-btn:hover{color:#3b82f6;background:#f8fafc;border-radius:8px 8px 0 0}.sdm-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;background:transparent;box-shadow:none;border-width:0 0 3px 0}.sdm-content{padding:0}.competency-view{display:flex;gap:2rem;height:100%}.comp-columns-container{flex:1;display:flex;overflow-x:auto;padding-right:1rem;gap:1.5rem}.comp-column{min-width:300px;flex:1;display:flex;flex-direction:column;background:#f8fafc;border-radius:12px;padding:1rem;border:1px solid #e2e8f0}.column-header h3{margin:0;font-size:1rem;color:#1e293b;text-align:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0;text-transform:uppercase;letter-spacing:.05em}.column-content{display:flex;flex-direction:column;gap:.8rem;overflow-y:auto;flex:1}.comp-card-mini{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.8rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s}.comp-card-mini:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d;border-color:#3b82f6}.comp-card-mini.active{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 2px #3b82f61a}.ccm-icon{font-size:1.5rem;background:#f1f5f9;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ccm-info{display:flex;flex-direction:column}.ccm-info h4{margin:0;font-size:.9rem;color:#334155;font-weight:600}.ccm-info span{font-size:.8rem;color:#64748b}.comp-detail-panel{width:380px;background:#fff;border-left:1px solid #e2e8f0;padding:0;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease;position:absolute;right:0;top:0;bottom:0;box-shadow:-4px 0 15px #0000000d}.comp-detail-panel.open{transform:translate(0)}.cd-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.cd-header h2{margin:0 0 .5rem;font-size:1.25rem;color:#1e293b}.cd-cat-pill{font-size:.75rem;background:#e0f2fe;color:#0284c7;padding:2px 8px;border-radius:12px;margin-right:.5rem;font-weight:600}.cd-count-lg{display:inline-block;font-size:.85rem;color:#64748b}.cd-scroll-area{flex:1;overflow-y:auto;padding:1.5rem}.cd-list{margin-bottom:2rem}.cd-list h3,.cd-training-section h3{font-size:.95rem;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-weight:700;border-bottom:1px solid #f1f5f9;padding-bottom:.5rem}.holder-item{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.holder-avatar{width:36px;height:36px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b}.holder-info{display:flex;flex-direction:column}.holder-info strong{font-size:.9rem;color:#1e293b}.holder-info span{font-size:.8rem;color:#94a3b8}.more-holders{font-size:.85rem;color:#3b82f6;padding-left:3rem;cursor:pointer}.cd-training-section{margin-top:1rem}.training-card{display:flex;gap:.8rem;background:#f8fafc;border:1px solid #e2e8f0;padding:.8rem;border-radius:8px;margin-bottom:.8rem}.tc-icon{color:#f59e0b;margin-top:2px}.tc-info{display:flex;flex-direction:column}.tc-info strong{font-size:.9rem;color:#1e293b;line-height:1.3;margin-bottom:2px}.tc-info span{font-size:.75rem;color:#64748b}.empty-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;text-align:center;padding:2rem}.ccm-subcat{font-size:.7rem;color:#f59e0b;background:#fffbeb;padding:1px 6px;border-radius:4px;margin-top:2px;display:inline-block}.meetings-view{display:flex;gap:2rem;height:100%}.meetings-list{width:320px;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.meeting-card{background:#fff;padding:1rem;border-radius:8px;border:1px solid #e2e8f0;cursor:pointer;position:relative;transition:all .2s}.meeting-card:hover{border-color:#cbd5e1}.meeting-card.active{border-color:#2563eb;background:#eff6ff}.mc-date{font-size:.75rem;color:#64748b;margin-bottom:.4rem;display:flex;align-items:center;gap:4px}.meeting-card h4{margin:0 0 .5rem;font-size:1rem;color:#1e293b}.mc-meta{display:flex;gap:.8rem;font-size:.8rem;color:#94a3b8}.mc-meta span{display:flex;align-items:center;gap:4px}.mc-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#cbd5e1}.meeting-detail{flex:1;background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;position:relative}.md-content{height:100%;display:flex;flex-direction:column}.md-header{background:#f8fafc;padding:2rem;border-bottom:1px solid #e2e8f0}.md-date{color:#64748b;font-size:.9rem;margin-bottom:.5rem;display:block}.md-header h1{margin:0 0 1rem;font-size:1.8rem;color:#1e293b}.md-badges{display:flex;gap:1rem}.md-badge{padding:4px 10px;border-radius:20px;font-size:.85rem;display:flex;align-items:center;gap:6px;font-weight:500}.md-badge.participants{background:#dbf4ff;color:#075985}.md-badge.location{background:#f3f4f6;color:#4b5563}.md-minutes{padding:2rem;flex:1;overflow-y:auto}.md-minutes h3{margin-top:0;display:flex;align-items:center;gap:.5rem;color:#334155}.minutes-text{background:#fffbeb;padding:2rem;border-radius:8px;border:1px solid #fcd34d;font-family:serif;line-height:1.8;color:#1e293b}.minutes-text p{margin-top:0;margin-bottom:.5rem}.md-actions{padding:1rem 2rem;border-top:1px solid #e2e8f0;background:#f8fafc;text-align:right}.btn-print{background:#fff;border:1px solid #cbd5e1;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;color:#475569}.btn-print:hover{background:#f1f5f9}.empty-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;text-align:center;padding:2rem}.holder-info-wrapper{flex:1}.role-cat-label{display:inline-block;font-size:.7rem;color:#64748b;background:#f1f5f9;padding:2px 6px;border-radius:4px;margin-top:4px;border:1px solid #e2e8f0}.level-badges{display:flex;gap:6px;margin-top:8px}.lvl-badge{flex:1;display:flex;flex-direction:column;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:4px;text-align:center}.lvl-badge .lbl{font-size:.6rem;text-transform:uppercase;color:#94a3b8;margin-bottom:2px}.lvl-badge .val{font-size:.7rem;font-weight:700;color:#475569}.lvl-badge.dasar{background:#eff6ff;border-color:#dbeafe}.lvl-badge.dasar .val{color:#1e40af}.lvl-badge.menengah{background:#bfdbfe;border-color:#93c5fd}.lvl-badge.menengah .val{color:#1e3a8a}.lvl-badge.tinggi{background:#1d4ed8;border-color:#1e40af}.lvl-badge.tinggi .val{color:#fff}.lvl-badge.tinggi .lbl{color:#bfdbfe}.lvl-badge.n\.a\.{opacity:.5;background:#f1f5f9}.dashboard-pimpinan-container{padding:2rem;max-width:1600px;margin:0 auto;background-color:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pimpinan-header{margin-bottom:2.5rem;display:flex;justify-content:space-between;align-items:center}.pimpinan-header h1{font-size:2.25rem;font-weight:800;color:#0f172a;margin:0 0 .5rem;letter-spacing:-.025em;background:linear-gradient(to right,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pimpinan-header p{font-size:1.05rem;color:#64748b;font-weight:500;margin:0}.date-pill{background:#fff;padding:.75rem 1.25rem;border-radius:999px;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;font-size:.9rem;font-weight:600;color:#475569;display:flex;align-items:center;gap:.5rem}.exec-summary-hero{background:linear-gradient(120deg,#2563eb,#1e40af);border-radius:20px;padding:2.5rem;color:#fff;margin-bottom:2.5rem;box-shadow:0 20px 25px -5px #2563eb4d,0 8px 10px -6px #2563eb1a;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.exec-summary-hero:before{content:"";position:absolute;top:-40px;right:-40px;width:300px;height:300px;background:radial-gradient(circle,#ffffff26,#fff0 70%);border-radius:50%;z-index:1}.exec-content{position:relative;z-index:2;max-width:900px}.exec-title{font-size:1.25rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem;opacity:.9;display:flex;align-items:center;gap:.75rem}.exec-text{font-size:1.25rem;line-height:1.7;font-weight:400}.highlight-pill{background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.2em .6em;border-radius:6px;font-weight:600;color:#fff;border:1px solid rgba(255,255,255,.3)}.indices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2.5rem}.index-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f1f5f9;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.index-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.index-header{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;opacity:.9}.index-value{font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:.75rem;letter-spacing:-.03em}.index-meta{margin-top:auto;display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;padding:.4rem .6rem;border-radius:6px;width:fit-content;background:#f8fafc}.index-card.blue .index-header{color:#2563eb}.index-card.blue .index-value{color:#1e40af}.index-card.blue .index-meta{color:#3b82f6;background:#eff6ff}.index-card.green .index-header{color:#059669}.index-card.green .index-value{color:#065f46}.index-card.green .index-meta{color:#059669;background:#ecfdf5}.index-card.amber .index-header{color:#d97706}.index-card.amber .index-value{color:#92400e}.index-card.amber .index-meta{color:#d97706;background:#fffbeb}.index-card.pink .index-header{color:#db2777}.index-card.pink .index-value{color:#9d174d}.index-card.pink .index-meta{color:#db2777;background:#fdf2f8}.index-card.violet .index-header{color:#7c3aed}.index-card.violet .index-value{color:#5b21b6}.index-card.violet .index-meta{color:#7c3aed;background:#f5f3ff}.tabs-premium{display:inline-flex;background:#e2e8f0;padding:.35rem;border-radius:12px;margin-bottom:2rem;box-shadow:inset 0 2px 4px #0000000d}.tab-pill{padding:.6rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;color:#64748b;border:none;background:transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.tab-pill:hover{color:#334155}.tab-pill.active{background:#fff;color:#0f172a;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:scale(1.02)}.main-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-modern-card{background:#fff;border-radius:20px;padding:1.75rem;box-shadow:0 10px 15px -3px #0000000d;border:1px solid #f1f5f9;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.kpi-modern-card:hover{transform:translateY(-5px)}.kpi-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 6px -1px #0000000d}.icon-box.blue{background:#eff6ff;color:#2563eb}.icon-box.green{background:#ecfdf5;color:#059669}.icon-box.orange{background:#fff7ed;color:#ea580c}.icon-box.red{background:#fef2f2;color:#ef4444}.icon-box.purple{background:#f3e8ff;color:#9333ea}.icon-box.teal{background:#ccfbf1;color:#0d9488}.icon-box.indigo{background:#e0e7ff;color:#4f46e5}.trend-badge{font-size:.8rem;font-weight:700;padding:.25rem .6rem;border-radius:20px;display:flex;align-items:center;gap:.25rem}.trend-badge.up{background:#dcfce7;color:#166534}.trend-badge.down{background:#fee2e2;color:#991b1b}.trend-badge.neutral{background:#f1f5f9;color:#475569}.trend-badge.blue{background:#dbeafe;color:#1e40af}.kpi-main-label{font-size:.95rem;font-weight:600;color:#64748b;margin-bottom:.5rem}.kpi-main-value{font-size:2.5rem;font-weight:800;color:#0f172a;letter-spacing:-.04em;line-height:1;margin-bottom:.5rem}.kpi-sub-text{font-size:.85rem;color:#94a3b8;font-weight:500}.diagnostic-wrapper{display:flex;flex-direction:column;gap:1.5rem}.diag-card{background:#fff;border-radius:16px;padding:0;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f1f5f9;overflow:hidden}.diag-header{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:.75rem;background:#fdfdfd}.diag-header h3{margin:0;font-size:1.1rem;color:#334155;font-weight:700}.diag-body{padding:1.5rem}.issue-row{display:flex;gap:1.5rem;padding:1.25rem;border-radius:12px;margin-bottom:1rem;transition:transform .2s}.issue-row:hover{transform:translate(5px)}.issue-row.warning{background:#fffbeb;border:1px solid #fcd34d}.issue-row.info{background:#eff6ff;border:1px solid #bfdbfe}.issue-icon{flex-shrink:0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 2px 4px #0000000d}.issue-content h4{margin:0 0 .5rem;font-size:1.05rem;font-weight:700}.diagnosis-block strong{font-weight:700}.diagnosis-block{font-size:.95rem;line-height:1.5;color:#475569;margin-bottom:.75rem}.recommendation-pill{display:inline-block;background:#fff;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(0,0,0,.1);font-size:.9rem;color:#334155;font-weight:500}.simulation-container{background:#fff;border-radius:20px;padding:2rem;border:1px solid #e2e8f0;box-shadow:0 10px 15px -3px #0000000d;margin-top:2rem}.sim-header{margin-bottom:1.5rem}.sim-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;color:#1e293b;margin:0}.sim-visual{background:#f8fafc;border-radius:16px;border:2px dashed #cbd5e1;display:flex;align-items:center;justify-content:center;padding:2rem;height:350px}.sim-visual img{max-height:100%;max-width:100%;filter:drop-shadow(0 10px 8px rgba(0,0,0,.1));border-radius:8px}.kolaborasi-page{animation:fadeIn .3s ease-in-out}.team-list>div:hover{background-color:#f1f5f9!important;transform:translateY(-2px);transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a}.grid-cards>div:hover{transform:translateY(-4px);transition:all .3s ease;box-shadow:0 10px 15px -3px #0000001a;border-color:#cbd5e1!important}.tabs button:hover{background-color:#f8fafc!important}.tabs button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.helpdesk-page{padding:24px;animation:fadeIn .6s cubic-bezier(.22,1,.36,1);max-width:1400px;margin:0 auto}.helpdesk-header{margin-bottom:2.5rem}.helpdesk-header h1{font-size:2rem;font-weight:800;color:var(--text-primary, #1e293b);line-height:1.2;margin-bottom:.5rem;letter-spacing:-.02em}.helpdesk-header p{color:var(--text-secondary, #64748b);font-size:1.1rem}.helpdesk-content{display:flex;flex-direction:column;gap:2rem}.sla-intro-banner{position:relative;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;padding:3rem;display:flex;justify-content:space-between;align-items:center;color:#fff;box-shadow:0 10px 40px -10px #0f172a66;overflow:hidden;isolation:isolate}.sla-intro-banner:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(56,189,248,.15) 0%,transparent 70%);border-radius:50%;z-index:-1}.sla-intro-banner:after{content:"";position:absolute;bottom:-30px;left:40px;width:150px;height:150px;background:radial-gradient(circle,rgba(236,72,153,.1) 0%,transparent 70%);border-radius:50%;z-index:-1}.intro-text h2{font-size:1.75rem;margin-bottom:1rem;background:linear-gradient(to right,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.intro-text p{max-width:600px;font-size:1.05rem;line-height:1.7;color:#cbd5e1}.intro-text strong{color:#f8fafc;font-weight:600}.intro-stats{display:flex;gap:2.5rem}.intro-stat-item{display:flex;flex-direction:column;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1.25rem 2rem;border-radius:16px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease}.intro-stat-item:hover{transform:translateY(-5px);background:#ffffff1a}.istat-val{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.25rem}.istat-label{font-size:.875rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.sla-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.metric-card{background:#fff;border-radius:16px;padding:1.75rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid #f1f5f9;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.metric-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#e2e8f0}.mc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.mc-header h3{font-size:1rem;font-weight:600;color:#64748b}.mc-header svg{color:#3b82f6;background:#eff6ff;padding:6px;box-sizing:content-box;border-radius:8px}.metric-card.availability .mc-header svg{color:#10b981;background:#ecfdf5}.metric-card.response .mc-header svg{color:#f59e0b;background:#fffbeb}.metric-card.resolution .mc-header svg{color:#8b5cf6;background:#f5f3ff}.mc-body .main-val{font-size:2.25rem;font-weight:700;color:#0f172a;line-height:1;margin-bottom:.5rem}.mc-body .sub-val{font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.sub-val.positive{color:#10b981}.sub-val.negative{color:#ef4444}.sub-val.neutral{color:#64748b}.mc-body .mc-desc{font-size:.875rem;color:#94a3b8;margin-top:.25rem}.status-bar{height:8px;background:#e2e8f0;border-radius:4px;margin-top:1rem;overflow:hidden}.status-bar .bar-fill{height:100%;background:#10b981;border-radius:4px;transition:width 1s ease-out}.sla-table-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f1f5f9}.sla-table-section h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:1.5rem}.table-responsive{overflow-x:auto}.sla-table{width:100%;border-collapse:collapse;font-size:.95rem}.sla-table thead th{text-align:left;padding:1rem;background:#f8fafc;color:#64748b;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.sla-table thead th:first-child{border-top-left-radius:8px}.sla-table thead th:last-child{border-top-right-radius:8px}.sla-table tbody tr{transition:background .2s;border-bottom:1px solid #f1f5f9}.sla-table tbody tr:hover{background:#f8fafc}.sla-table tbody td{padding:1rem;color:#334155;vertical-align:middle}.sla-table td strong{color:#0f172a;font-weight:600}.badge-sla{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-sla.met{background:#ecfdf5;color:#059669}.badge-sla.warning{background:#fffbeb;color:#d97706}.badge-sla.breached{background:#fef2f2;color:#dc2626}.text-green{color:#10b981;font-weight:600}.text-yellow{color:#f59e0b;font-weight:600}.text-red{color:#ef4444;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-container{padding:2rem;max-width:1100px;margin:0 auto;font-family:Inter,sans-serif}.settings-title{font-size:1.8rem;font-weight:700;color:#0f172a;margin-bottom:2rem;border-bottom:1px solid #e2e8f0;padding-bottom:1rem}.settings-layout{display:grid;grid-template-columns:260px 1fr;gap:2.5rem;align-items:start}.settings-sidebar{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem}.settings-nav-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:none;background:transparent;cursor:pointer;text-align:left;border-radius:8px;color:#64748b;font-weight:500;font-size:.95rem;transition:all .2s ease}.settings-nav-item:hover{background:#f8fafc;color:#334155}.settings-nav-item.active{background:#eff6ff;color:#2563eb;font-weight:600;box-shadow:inset 0 0 0 1px #bfdbfe}.settings-content{min-width:0}.settings-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e2e8f0;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.settings-section h2{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#334155;font-size:.9rem}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.95rem;transition:all .2s;background:#f8fafc}.form-group input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.form-footer{margin-top:2rem;display:flex;justify-content:flex-end}.profile-header{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9}.profile-avatar-lg{width:90px;height:90px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 2px 4px #0000001a}.profile-actions{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.btn-primary{display:inline-flex;align-items:center;gap:.6rem;background:#2563eb;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #2563eb33}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px #2563eb4d}.btn-secondary{padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;color:#475569;font-weight:500;font-size:.9rem;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.btn-text-danger{padding:.5rem;background:none;border:none;color:#ef4444;cursor:pointer;font-weight:500;font-size:.9rem;display:inline-flex;align-items:center;gap:.4rem}.btn-text-danger:hover{background:#fef2f2;border-radius:6px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;border-bottom:1px solid #f1f5f9}.setting-item:last-child{border-bottom:none}.setting-label{flex:1;margin-right:2rem}.setting-label span{display:block;font-weight:600;color:#1e293b;margin-bottom:.35rem;font-size:1rem}.setting-label p{font-size:.9rem;color:#64748b;margin:0;line-height:1.5}.switch{position:relative;display:inline-block;width:46px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;box-shadow:0 1px 2px #0000001a}input:checked+.slider{background-color:#2563eb}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.theme-toggle{display:flex;gap:.5rem;background:#f1f5f9;padding:.35rem;border-radius:10px}.theme-btn{padding:.5rem 1rem;border:none;background:transparent;border-radius:8px;cursor:pointer;font-weight:600;color:#64748b;transition:all .2s;font-size:.9rem}.theme-btn.active{background:#fff;color:#2563eb;box-shadow:0 2px 4px #0000000d}@media(max-width:768px){.settings-layout{grid-template-columns:1fr;gap:1.5rem}.settings-sidebar{flex-direction:row;overflow-x:auto;padding:.75rem;gap:.5rem;border-bottom:none;position:sticky;top:0;z-index:10}.settings-nav-item{white-space:nowrap;padding:.6rem 1rem;font-size:.9rem}.profile-header{flex-direction:column;text-align:center;gap:1.5rem}.profile-actions{align-items:center}}body.dark-theme{background-color:#0f172a;color:#e2e8f0}body.dark-theme .settings-section,body.dark-theme .settings-sidebar{background-color:#1e293b;border-color:#334155;box-shadow:none}body.dark-theme .settings-title,body.dark-theme .settings-section h2{color:#e2e8f0;border-color:#334155}body.dark-theme .settings-nav-item{color:#94a3b8}body.dark-theme .settings-nav-item:hover{background-color:#334155;color:#fff}body.dark-theme .settings-nav-item.active{background-color:#2563eb;color:#fff;box-shadow:none}body.dark-theme .form-group label{color:#cbd5e1}body.dark-theme .form-group input{background-color:#0f172a;border-color:#475569;color:#fff}body.dark-theme .form-group input:focus{border-color:#60a5fa;background-color:#1e293b}body.dark-theme .profile-header{background:#0f172a;border-color:#334155}body.dark-theme .profile-avatar-lg{border-color:#1e293b}body.dark-theme .setting-item{border-bottom-color:#334155}body.dark-theme .setting-label span{color:#e2e8f0}body.dark-theme .setting-label p{color:#94a3b8}body.dark-theme .btn-secondary{background-color:#334155;border-color:#475569;color:#e2e8f0}body.dark-theme .theme-toggle{background-color:#0f172a}body.dark-theme .theme-btn.active{background-color:#334155;color:#fff}body.compact-mode .settings-container{padding:1rem;max-width:1000px}body.compact-mode .settings-layout{gap:1.5rem}body.compact-mode .settings-nav-item{padding:.5rem .75rem}body.compact-mode .form-group{margin-bottom:1rem}body.compact-mode .profile-header{padding:1rem;margin-bottom:1.5rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container{background:#fff;border-radius:var(--radius-lg);width:600px;max-width:90%;box-shadow:var(--shadow-md);animation:slideUp .3s ease-out;display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:1.25rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.1rem;color:var(--text-main)}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-muted)}.close-btn:hover{color:var(--text-main)}.modal-steps{display:flex;justify-content:space-between;padding:1.25rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.step-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted);position:relative;flex:1}.step-icon{display:flex;align-items:center}.step-item.completed{color:#10b981}.step-item.current{color:var(--color-primary);font-weight:600}.step-line{flex:1;height:1px;background:#e5e7eb;margin:0 .5rem}.step-item.completed .step-line{background:#10b981}.modal-content{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-size:.9rem;font-weight:500}.form-input{width:100%;padding:.6rem;border:1px solid #d1d5db;border-radius:var(--radius-md);font-size:.9rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.btn-secondary{background:#fff;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer}.btn-primary{background:var(--color-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer}.indicators-table-container{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.5rem}.table-header-actions{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:1rem}.table-header-actions h2{font-size:1.25rem;font-weight:600;color:var(--text-main);margin:0}.btn-toggle{background:#f3f4f6;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;color:var(--text-muted)}.indicators-content.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.indicators-content.list-view{display:flex;flex-direction:column;gap:1rem}.indicator-card{border:1px solid #eee;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;transition:all .2s ease;background:#fafafa}.indicator-card:hover{background:#fff;box-shadow:0 4px 12px #0000000d;border-color:var(--color-primary-light)}.indicator-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.indicator-title{display:flex;gap:.5rem;font-weight:600;font-size:.95rem;color:var(--text-main);line-height:1.4}.id-num{color:var(--color-primary);min-width:24px}.status-badge{padding:.25rem .6rem;border-radius:99px;font-size:.7rem;font-weight:600;white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}.status-badge.in-progress{background:#fef3c7;color:#d97706}.status-badge.planned{background:#f3f4f6;color:#6b7280}.status-badge.implemented{background:#dbeafe;color:#2563eb}.progress-bar-container{height:6px;background:#eee;border-radius:3px;overflow:hidden;margin-top:.5rem}.progress-bar-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .5s ease-out}.progress-text{font-size:.75rem;color:var(--text-muted);text-align:right;margin-top:-.5rem}.evidence-section{margin-top:.5rem;padding-top:1rem;border-top:1px dashed #eee}.evidence-section h4{font-size:.8rem;color:var(--text-muted);margin:0 0 .5rem}.evidence-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.evidence-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-main);padding:.4rem .6rem;background:#fff;border:1px solid #eee;border-radius:6px;transition:all .2s}.evidence-item:hover{border-color:#cbd5e1;background:#f8fafc}.ev-info{display:flex;align-items:center;gap:.5rem;flex:1;cursor:pointer}.btn-delete-ev{background:none;border:none;color:#94a3b8;font-size:1.2rem;line-height:1;padding:0 .25rem;cursor:pointer;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-delete-ev:hover{color:#ef4444;background:#fee2e2}.ev-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-blue{color:var(--color-primary)}.icon-green{color:#10b981}.no-evidence{font-size:.8rem;color:#9ca3af;font-style:italic}.action-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem}.btn-primary-outline{background:#fff;border:1px solid var(--color-primary);color:var(--color-primary);padding:.5rem 1rem;border-radius:6px;display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary-outline:hover{background:var(--color-primary-light)}.btn-text{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.25rem}.btn-text:hover{color:var(--color-primary)}.activity-a-content{display:flex;flex-direction:column;gap:1.5rem;min-height:250px}.step-content{flex:1;display:flex;flex-direction:column;gap:1rem}.upload-zone{border:2px dashed #ddd;border-radius:12px;padding:3rem 2rem;text-align:center;background:#f9fafb;display:flex;flex-direction:column;align-items:center;gap:1rem;justify-content:center;height:100%}.upload-zone p{color:var(--text-muted);font-size:.9rem;margin:0}.btn-secondary{background:#fff;border:1px solid #ddd;padding:.5rem 1.2rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-secondary:hover{background:#f3f4f6;border-color:#ccc}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;font-weight:500;color:var(--text-main)}.form-group input,.form-group select{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;outline:none}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.loading-state,.success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem;gap:1rem}.spinner{height:40px;width:40px;border:3px solid #f3f3f3;border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.review-step,.verified-step{text-align:center;padding:2rem;display:flex;align-items:center;justify-content:center}.admin-simulation{background:#fffbeb;color:#b45309;padding:.5rem;border-radius:6px;border:1px dashed #fcd34d;margin-top:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #eee;margin-top:auto}.btn-primary{background:var(--color-primary);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;box-shadow:0 2px 4px #2563eb33;transition:all .2s}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.idm-container{background:#fff;width:900px;max-width:95vw;height:85vh;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.idm-header{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.idm-header h2{margin:.5rem 0 0;font-size:1.25rem;color:#1e293b}.idm-badge{background:#e0f2fe;color:#0369a1;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.idm-body{flex:1;display:flex;overflow:hidden}.idm-sidebar{width:260px;background:#f1f5f9;padding:1.5rem;border-right:1px solid #e2e8f0;overflow-y:auto}.idm-sidebar h3{margin:0 0 1.5rem;font-size:.9rem;text-transform:uppercase;color:#64748b;letter-spacing:.05em}.level-stepper{display:flex;flex-direction:column;gap:1rem;position:relative}.level-stepper:before{content:"";position:absolute;left:19px;top:10px;bottom:30px;width:2px;background:#cbd5e1;z-index:0}.lvl-step{display:flex;align-items:center;gap:1rem;position:relative;z-index:1;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.lvl-step:hover{background:#e2e8f0}.lvl-num{width:40px;height:40px;background:#fff;border:2px solid #cbd5e1;color:#cbd5e1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;transition:all .3s}.lvl-label span{font-weight:600;color:#64748b;display:block}.lvl-step.active .lvl-num{border-color:#3b82f6;background:#3b82f6;color:#fff;transform:scale(1.1);box-shadow:0 0 0 4px #3b82f633}.lvl-step.active .lvl-label span{color:#1e293b}.lvl-step.achieved .lvl-num{border-color:#10b981;background:#10b981;color:#fff}.check-icon{color:#10b981;margin-top:2px}.idm-content{flex:1;padding:2rem 3rem;overflow-y:auto;position:relative}.content-badge{display:inline-block;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;padding:4px 12px;border-radius:20px;font-weight:600;font-size:.85rem;margin-bottom:1rem}.idm-content h3{margin:0 0 1rem;font-size:1.8rem;color:#1e293b}.main-desc{font-size:1.1rem;line-height:1.6;color:#475569;margin-bottom:2.5rem}.idm-section{margin-bottom:2rem}.idm-section h4{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:#334155;margin-bottom:1rem;border-bottom:2px solid #f1f5f9;padding-bottom:.5rem}.idm-section ul{margin:0;padding-left:1.5rem;color:#475569}.idm-section li{margin-bottom:.5rem;line-height:1.5}.evidence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.req-card{background:#fffbeb;border:1px solid #fcd34d;padding:1rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8rem;transition:transform .2s}.req-card:hover{transform:translateY(-3px)}.req-icon{color:#d97706}.req-card span{font-size:.9rem;font-weight:500;color:#92400e}.idm-footer-nav{margin-top:4rem;display:flex;justify-content:space-between;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-nav{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #cbd5e1;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-weight:600;color:#475569;transition:all .2s}.btn-nav:hover:not(:disabled){background:#f1f5f9;color:#1e293b;border-color:#94a3b8}.btn-nav.next{background:#2563eb;color:#fff;border-color:#2563eb}.btn-nav.next:hover:not(:disabled){background:#1d4ed8}.btn-nav:disabled{opacity:.5;cursor:not-allowed}.help-center-container{padding-bottom:3rem;animation:fadeIn .5s ease-out}.hc-hero{background:linear-gradient(135deg,#1e3a8a,#2563eb);padding:3rem 2rem;border-radius:16px;text-align:center;color:#fff;margin-bottom:2rem;box-shadow:0 10px 25px -5px #2563eb33}.hc-hero h1{font-size:2rem;margin-bottom:.5rem;font-weight:800}.hc-hero p{font-size:1rem;opacity:.9;margin-bottom:2rem}.hc-search-box{max-width:600px;margin:0 auto;position:relative}.hc-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b}.hc-search-box input{width:100%;padding:1rem 1rem 1rem 3rem;border-radius:50px;border:none;font-size:1rem;box-shadow:0 4px 6px -1px #0000001a;outline:none}.hc-content{max-width:1000px;margin:0 auto}.hc-section{margin-bottom:3rem}.hc-section h2{font-size:1.5rem;color:#1e293b;margin-bottom:1.5rem;text-align:center}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s}.faq-item:hover{border-color:#cbd5e1}.faq-item.active{border-color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f61a}.faq-question{padding:1.2rem;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#334155}.faq-item.active .faq-question{color:#2563eb;background:#eff6ff}.faq-answer{padding:1.2rem;color:#64748b;line-height:1.6;border-top:1px solid #f1f5f9;background:#fff;font-size:.95rem}.hc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.hc-card{background:#fff;padding:2rem;border-radius:16px;border:1px solid #e2e8f0;text-align:center;transition:transform .2s}.hc-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000000d}.hc-icon{margin-bottom:1rem;padding:12px;border-radius:12px}.hc-icon.blue{background:#eff6ff;color:#2563eb}.hc-icon.green{background:#f0fdf4;color:#16a34a}.hc-icon.orange{background:#fff7ed;color:#ea580c}.hc-card h3{margin-bottom:.5rem;color:#1e293b;font-size:1.1rem}.hc-card p{color:#64748b;font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.hc-link-btn{background:#fff;border:1px solid #e2e8f0;padding:.6rem 1.2rem;border-radius:8px;color:#334155;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.hc-link-btn:hover{border-color:#94a3b8;background:#f8fafc}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.login-container:before,.login-container:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(80px);z-index:0;opacity:.4;animation:moveBlobs 20s infinite alternate}.login-container:before{background:radial-gradient(circle,#3b82f6,#1d4ed8);top:-100px;left:-100px}.login-container:after{background:radial-gradient(circle,#8b5cf6,#6d28d9);bottom:-100px;right:-100px;animation-delay:-10s}@keyframes moveBlobs{0%{transform:translate(0) scale(1)}to{transform:translate(100px,50px) scale(1.1)}}.login-card{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 25px 50px -12px #00000080;padding:3rem;width:100%;max-width:440px;border:1px solid rgba(255,255,255,.1);animation:cardEntrance .8s cubic-bezier(.16,1,.3,1);position:relative;z-index:10}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{text-align:center;margin-bottom:2.5rem}.login-brand{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem}.login-logo{width:80px;height:80px;background:#ffffffe6;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:12px;box-shadow:0 10px 15px -3px #0000001a;transform:rotate(-3deg);transition:transform .3s ease}.login-logo:hover{transform:rotate(0) scale(1.05)}.login-title-text{text-align:center}.login-title-text h1{font-size:2rem;font-weight:800;letter-spacing:-.025em;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.login-title-text span{font-size:.875rem;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.login-header h2{font-size:1.5rem;font-weight:700;color:#f8fafc;margin-top:1rem}.login-form .form-group{margin-bottom:1.5rem}.login-form label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#fff;margin-left:.25rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:18px;color:#fff;opacity:.8;transition:all .3s ease;pointer-events:none;z-index:2}.password-toggle{position:absolute;right:16px;background:none;border:none;color:#fff;opacity:.6;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:all .2s;z-index:2}.password-toggle:hover{opacity:1;transform:scale(1.1)}.login-form input{width:100%;padding:1rem 3.5rem 1rem 1.5rem;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:14px;font-size:1.05rem;color:#fff!important;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.login-form input::placeholder{color:#ffffff80}.login-form input:focus{background:#fff3;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f64d}.login-form input:focus+.input-icon{color:#3b82f6;opacity:1}.form-extras{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.875rem}.remember-me{display:flex;align-items:center;gap:.5rem;color:#fff;cursor:pointer;font-weight:500}.remember-me input{width:auto;padding:0;cursor:pointer}.pdp-consent{background:#ffffff0d;padding:.85rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.pdp-consent:hover{background:#ffffff14;border-color:#3b82f64d}.pdp-consent label{margin:0!important;text-shadow:none!important;opacity:.9;font-weight:400!important}.login-button{width:100%;padding:1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2563eb4d}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb66;background:linear-gradient(135deg,#60a5fa,#3b82f6)}.login-button:active{transform:translateY(0)}.error-message{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem;border-radius:12px;font-size:.875rem;margin-bottom:1.5rem;text-align:center;font-weight:500}.success-message{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac;padding:.75rem;border-radius:12px;font-size:.875rem;margin-bottom:1.5rem;text-align:center;font-weight:500}.form-footer{text-align:center;margin-top:2rem;font-size:.875rem;color:#e2e8f0}.link-btn{background:none;border:none;color:#60a5fa;cursor:pointer;padding:0;transition:color .2s;font-weight:500}.link-btn:hover{color:#93c5fd;text-decoration:none}.link-btn-bold{background:none;border:none;color:#fff;font-weight:800;cursor:pointer;padding:0;margin-left:.25rem}.link-btn-bold:hover{text-decoration:underline}.login-footer-info{position:absolute;bottom:2rem;width:100%;text-align:center;color:#94a3b8;font-size:.75rem;z-index:10}.login-footer-links{display:flex;justify-content:center;gap:1.5rem;margin-top:.6rem}.login-footer-links a{color:#fff;text-decoration:none;transition:color .2s;font-weight:500}.login-footer-links a:hover{color:#3b82f6}.mgmt-access-page{padding:0;min-height:100vh;background:#f1f5f9}.mgmt-header{background:linear-gradient(135deg,#0f172a,#1e293b,#334155);padding:2rem 2.5rem;color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #3b82f6}.mgmt-header-content{display:flex;align-items:center;gap:1.25rem}.mgmt-header-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #3b82f666}.mgmt-header h1{font-size:1.75rem;font-weight:800;margin:0;letter-spacing:-.02em}.mgmt-header p{margin:.25rem 0 0;font-size:.9rem;color:#94a3b8}.mgmt-header-stats{display:flex;gap:1rem}.stat-badge{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);padding:.5rem 1rem;border-radius:10px;font-size:.85rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mgmt-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;background:#fff;border-bottom:1px solid #e2e8f0;gap:1rem;flex-wrap:wrap}.mgmt-search{display:flex;align-items:center;gap:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.6rem 1rem;flex:1;max-width:480px;transition:all .2s}.mgmt-search:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.mgmt-search svg{color:#94a3b8;flex-shrink:0}.mgmt-search input{border:none;background:transparent;outline:none;font-size:.9rem;width:100%;color:#1e293b}.mgmt-search input::placeholder{color:#94a3b8}.mgmt-actions{display:flex;gap:.75rem}.btn-add-user,.btn-save{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-add-user{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.btn-add-user:hover{background:#e0f2fe;border-color:#7dd3fc}.btn-save{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-save:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.btn-save-success{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 12px #10b9814d!important}.mgmt-user-list{padding:1.5rem 2.5rem 2.5rem;display:flex;flex-direction:column;gap:.75rem}.mgmt-user-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease}.mgmt-user-card:hover{box-shadow:0 4px 12px #0000000f}.mgmt-user-card.expanded{box-shadow:0 8px 32px #00000014;border-color:#3b82f6}.user-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;transition:background .2s}.user-card-header:hover{background:#f8fafc}.user-card-left{display:flex;align-items:center;gap:1rem}.user-card-avatar{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#1e293b,#475569);color:#fff;font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-card-name{font-weight:700;font-size:1rem;color:#1e293b;display:flex;align-items:center;gap:.5rem}.protected-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;color:#d97706;background:#fef3c7;padding:.15rem .5rem;border-radius:6px}.user-card-meta{display:flex;gap:.75rem;margin-top:.2rem}.user-card-username{font-size:.8rem;color:#64748b;font-weight:500}.user-card-role{font-size:.8rem;color:#3b82f6;font-weight:600;background:#eff6ff;padding:.1rem .5rem;border-radius:4px}.user-card-right{display:flex;align-items:center;gap:1rem}.access-badge{font-size:.8rem;font-weight:600;padding:.35rem .75rem;border-radius:8px;white-space:nowrap}.access-badge.all-access{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.access-badge.partial-access{background:#fef3c7;color:#92400e}.access-badge.no-access{background:#fee2e2;color:#991b1b}.user-card-actions{display:flex;gap:.25rem}.btn-icon{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#f1f5f9;color:#3b82f6;border-color:#3b82f6}.btn-icon-danger:hover{background:#fef2f2;color:#ef4444;border-color:#ef4444}.user-card-body{border-top:1px solid #e2e8f0;padding:1.5rem;background:#fafbfc;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.user-edit-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;margin-bottom:1.25rem}.user-edit-section h4{margin:0 0 1rem;font-size:.9rem;color:#475569}.edit-form-row{display:flex;gap:1rem;flex-wrap:wrap}.edit-form-row .form-group{flex:1;min-width:180px}.edit-form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.btn-cancel-sm,.btn-confirm-sm{padding:.4rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;gap:.3rem;transition:all .2s}.btn-cancel-sm{background:#f1f5f9;color:#64748b}.btn-cancel-sm:hover{background:#e2e8f0}.btn-confirm-sm{background:#3b82f6;color:#fff}.btn-confirm-sm:hover{background:#2563eb}.user-password-display{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.pass-label{font-size:.8rem;font-weight:600;color:#64748b}.pass-value{font-family:Courier New,Courier,monospace;font-size:.9rem;color:#1e293b;font-weight:600;letter-spacing:.05em}.btn-toggle-pass{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:color .2s}.btn-toggle-pass:hover{color:#3b82f6}.features-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.features-toolbar h4{margin:0;font-size:1rem;font-weight:700;color:#1e293b}.btn-select-all{display:flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#64748b;transition:all .2s}.btn-select-all:hover{border-color:#3b82f6;color:#3b82f6}.btn-select-all.active{background:#fef2f2;color:#ef4444;border-color:#fecaca}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.feature-group-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s}.feature-group-card:hover{border-color:#cbd5e1}.feature-group-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:background .2s}.feature-group-header:hover{background:#f1f5f9}.group-checkbox{width:20px;height:20px;border-radius:6px;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.group-checkbox.checked{background:#3b82f6;border-color:#3b82f6;color:#fff}.group-checkbox.partial{background:#fbbf24;border-color:#fbbf24;color:#fff}.partial-dash{font-size:.7rem;font-weight:700}.group-name{font-weight:700;font-size:.85rem;color:#1e293b;flex:1}.group-count{font-size:.75rem;font-weight:600;color:#94a3b8;background:#f1f5f9;padding:.15rem .5rem;border-radius:6px}.feature-items{padding:.5rem}.feature-item{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border-radius:8px;cursor:pointer;transition:all .15s}.feature-item:hover,.feature-item.active{background:#f0f9ff}.feature-item input[type=checkbox]{display:none}.feature-checkbox{width:18px;height:18px;border-radius:5px;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.feature-item.active .feature-checkbox{background:#3b82f6;border-color:#3b82f6;color:#fff}.feature-label{font-size:.82rem;color:#475569;font-weight:500}.feature-item.active .feature-label{color:#1e293b;font-weight:600}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.8rem;font-weight:600;color:#475569}.form-group input{padding:.6rem .85rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;color:#1e293b;outline:none;transition:all .2s}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.password-input-group{display:flex;align-items:center;gap:.5rem}.password-input-group input{flex:1}.mgmt-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mgmt-modal{background:#fff;border-radius:20px;padding:2rem;width:90%;max-width:500px;box-shadow:0 25px 50px #00000026;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.mgmt-modal h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.15rem;color:#1e293b}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.btn-cancel,.btn-confirm{padding:.6rem 1.25rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;gap:.4rem;transition:all .2s}.btn-cancel{background:#f1f5f9;color:#64748b}.btn-cancel:hover{background:#e2e8f0}.btn-confirm{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-confirm:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}.mgmt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#94a3b8;text-align:center}.mgmt-empty h3{margin:1rem 0 .5rem;color:#64748b}.mgmt-empty p{font-size:.9rem}@media(max-width:768px){.mgmt-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.mgmt-header-content{flex-direction:column}.mgmt-toolbar{flex-direction:column;padding:1rem 1.5rem}.mgmt-search{max-width:100%}.mgmt-actions{width:100%;justify-content:stretch}.mgmt-actions button{flex:1;justify-content:center}.mgmt-user-list{padding:1rem}.features-grid{grid-template-columns:1fr}.user-card-header{flex-direction:column;gap:.75rem;align-items:flex-start}.user-card-right{width:100%;justify-content:space-between}.edit-form-row{flex-direction:column}}