: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:#fff;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:12px;border:1px solid #cbd5e1;display:flex;align-items:center;padding:.65rem 1.25rem;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005;transition:all .25s cubic-bezier(.4,0,.2,1);gap:.75rem}.portal-search:focus-within{border-color:#2563eb;box-shadow:0 10px 15px -3px #2563eb14,0 4px 6px -2px #2563eb08,0 0 0 4px #2563eb26;transform:translateY(-1px)}.portal-search .search-icon{color:#64748b;transition:color .2s ease;flex-shrink:0}.portal-search:focus-within .search-icon{color:#2563eb}.portal-search input{border:none!important;outline:none!important;background:transparent!important;width:100%;padding:.4rem 0!important;font-size:1rem;color:#0f172a;font-weight:500}.portal-search input::placeholder{color:#94a3b8;font-weight:400}.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{margin-bottom:1rem}.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}.submenu-container{background:#fff;border-radius:12px;padding:2rem;border:1px solid #edf2f7;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:2rem;animation:fadeIn .4s ease}.btn-back{display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid #e2e8f0;color:#475569;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;margin-bottom:1.5rem}.btn-back:hover{background:#f8fafc;color:#1e293b;border-color:#cbd5e1}.submenu-header{margin-bottom:2rem}.submenu-header h2{color:#1e3a8a;font-size:1.6rem;font-weight:800;margin:0 0 .5rem}.submenu-header p{color:#64748b;margin:0;font-size:1.05rem}.submenu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.submenu-card{background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.submenu-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -8px #2563eb26;border-color:#bfdbfe;background:#fff}.submenu-card-icon{color:#2563eb;background:#eff6ff;width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;transition:all .2s}.submenu-card:hover .submenu-card-icon{background:#2563eb;color:#fff}.submenu-card h3{font-size:1.15rem;color:#1e293b;margin:0 0 .5rem;font-weight:700}.submenu-card p{font-size:.85rem;color:#64748b;line-height:1.5;margin:0 0 1.5rem;flex-grow:1}.submenu-action-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;background:#eff6ff;color:#2563eb;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s}.submenu-card:hover .submenu-action-btn{background:#2563eb;color:#fff}.kia-form-container{background:#fff;border-radius:16px;padding:2.5rem;border:1px solid #edf2f7;box-shadow:0 10px 15px -3px #0000000d;margin-bottom:2rem;animation:fadeIn .4s ease}.form-header h2{color:#1e3a8a;font-size:1.75rem;font-weight:800;margin:0 0 .5rem}.form-header p{color:#64748b;font-size:1rem;margin:0 0 2rem}.premium-form{display:flex;flex-direction:column}.form-section-title{font-size:1.1rem;font-weight:700;color:#1e293b;border-bottom:2px solid #f1f5f9;padding-bottom:.5rem;margin-bottom:1.25rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media(max-width:768px){.form-grid{grid-template-columns:1fr}}.form-group.full-width{grid-column:span 2}@media(max-width:768px){.form-group.full-width{grid-column:span 1}}.premium-form label{display:block;font-size:.85rem;font-weight:600;color:#475569;margin-bottom:.5rem}.premium-form input[type=text],.premium-form input[type=email],.premium-form input[type=date],.premium-form textarea{width:100%;padding:.75rem 1rem;border:1.5px solid #cbd5e1;border-radius:8px;font-size:.95rem;color:#1e293b;background:#f8fafc;transition:all .2s;outline:none;box-sizing:border-box}.premium-form input:focus,.premium-form textarea:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb26}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}.btn-cancel{background:#f1f5f9;color:#475569;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#e2e8f0;color:#1e293b}.btn-save{background:#2563eb;color:#fff;border:none;padding:.75rem 2.5rem;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:0 4px 6px -1px #2563eb33;transition:all .2s}.btn-save:hover{background:#1d4ed8;box-shadow:0 6px 12px -2px #2563eb4d;transform:translateY(-1px)}.lifecycle-image-container img{max-width:100%;height:auto;display:block;margin:0 auto}.kia-history-section{margin-top:3rem;padding-top:2rem;border-top:1px solid #f1f5f9}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.history-header h3{font-size:1.3rem;color:#1e3a8a;font-weight:800;margin:0}.history-count{background:#eff6ff;color:#2563eb;font-size:.85rem;font-weight:700;padding:4px 12px;border-radius:20px;border:1px solid #bfdbfe}.history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#64748b;gap:1rem}.spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}.history-empty{text-align:center;padding:3rem 2rem;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:12px}.history-empty .empty-icon{color:#94a3b8;margin-bottom:1rem}.history-empty h4{color:#475569;margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.history-empty p{color:#64748b;font-size:.9rem;max-width:500px;margin:0 auto;line-height:1.5}.history-list{display:flex;flex-direction:column;gap:1.25rem}.history-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #00000005;overflow:hidden;transition:all .2s ease}.history-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000000d;border-color:#cbd5e1}.history-card-header{background:#f8fafc;padding:.75rem 1.25rem;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;align-items:center}.reg-number{font-weight:700;color:#1e293b;font-size:.95rem}.reg-date{font-size:.8rem;color:#64748b}.history-card-body{padding:1.25rem}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:768px){.info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.info-grid{grid-template-columns:1fr}}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-value{font-size:.95rem;color:#1e293b;font-weight:600}.info-value.highlight{color:#2563eb;font-weight:700}.history-card-footer{padding:.75rem 1.25rem;background:#fff;border-top:1px dashed #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.status-badge{display:inline-flex;align-items:center;font-size:.8rem;font-weight:700;padding:4px 12px;border-radius:20px;text-transform:capitalize}.status-badge.pending{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.status-badge.diproses{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.status-badge.selesai{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-badge.ditolak{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.btn-cancel-req{background:#fef2f2;color:#dc2626;border:1px solid #fee2e2;padding:.4rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel-req:hover{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 2px 4px #dc262626}.asn-kia-workspace{background:#fff;border-radius:16px;padding:2rem;border:1px solid #edf2f7;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:2rem;animation:fadeIn .4s ease}.workspace-header{margin-bottom:2rem}.workspace-header h2{color:#1e3a8a;font-size:1.6rem;font-weight:800;margin:0 0 .5rem}.workspace-header p{color:#64748b;margin:0;font-size:1.05rem}.workspace-grid{display:grid;grid-template-columns:350px 1fr;gap:2rem;align-items:start}@media(max-width:1024px){.workspace-grid{grid-template-columns:1fr}}.workspace-sidebar{border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;overflow:hidden;display:flex;flex-direction:column;max-height:800px}.sidebar-filter-box{padding:1rem;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.75rem}.sidebar-search{position:relative;display:flex;align-items:center}.sidebar-search svg{position:absolute;left:12px;color:#94a3b8}.sidebar-search input{width:100%;padding:.6rem 1rem .6rem 2.2rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;outline:none;transition:all .2s}.sidebar-search input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.status-filter-tabs{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:4px}.filter-tab{background:#f1f5f9;border:none;color:#475569;padding:.4rem .8rem;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s}.filter-tab:hover{background:#e2e8f0;color:#1e293b}.filter-tab.active{background:#1e293b;color:#fff}.sidebar-list{overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.sidebar-loading,.sidebar-empty{padding:3rem 1.5rem;text-align:center;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:.75rem}.sidebar-empty svg{color:#94a3b8}.sidebar-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease-in-out}.sidebar-item-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d}.sidebar-item-card.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 4px 12px -1px #2563eb1f}.item-main-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.item-reg{font-size:.8rem;font-weight:700;color:#475569}.sidebar-item-card.active .item-reg{color:#1d4ed8}.status-dot-badge{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:12px;text-transform:uppercase}.status-dot-badge.pending{background:#fef3c7;color:#d97706}.status-dot-badge.diproses{background:#eff6ff;color:#2563eb}.status-dot-badge.penerbitan{background:#f5f3ff;color:#7c3aed}.status-dot-badge.selesai{background:#dcfce7;color:#16a34a}.item-child-name{margin:0 0 .5rem;font-size:1rem;font-weight:700;color:#1e293b}.item-meta{display:flex;justify-content:space-between;font-size:.75rem;color:#64748b}.workspace-details-panel{border:1px solid #edf2f7;border-radius:12px;background:#fff;min-height:500px;padding:1.5rem;box-shadow:0 1px 3px #00000005}.details-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;color:#64748b;padding:4rem 2rem}.placeholder-icon{color:#cbd5e1;margin-bottom:1.5rem;animation:pulse 2s infinite}.details-placeholder h3{color:#1e293b;font-size:1.4rem;margin:0 0 .5rem;font-weight:700}.details-placeholder p{max-width:450px;font-size:.95rem;line-height:1.6}.details-content slide-up{animation:slideUp .3s ease-out}.details-main-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf2f7;padding-bottom:1rem;margin-bottom:1.5rem}.details-main-header h3{margin:0;font-size:1.3rem;font-weight:800;color:#1e293b}.status-badge-lg{font-size:.8rem;font-weight:800;padding:6px 14px;border-radius:30px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 2px #0000000d}.status-badge-lg.pending{background:#fffbeb;color:#d97706;border:1px solid #fef3c7}.status-badge-lg.diproses{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.status-badge-lg.penerbitan{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.status-badge-lg.selesai{background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.admin-stepper-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#f8fafc;padding:1.25rem;border-radius:12px;border:1px solid #e2e8f0;position:relative;gap:.5rem}.stepper-step{display:flex;align-items:center;gap:.75rem;position:relative;z-index:2;flex:1}.step-circle{width:32px;height:32px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;border:2px solid #ffffff;box-shadow:0 0 0 1px #e2e8f0;transition:all .3s}.step-text{display:flex;flex-direction:column;line-height:1.2}.step-title{font-size:.85rem;font-weight:700;color:#64748b}.step-desc{font-size:.7rem;color:#94a3b8}.step-connector{position:absolute;height:2px;background:#e2e8f0;right:0;top:50%;transform:translateY(-50%);width:60%;z-index:1}.stepper-step.completed .step-circle{background:#10b981;color:#fff;box-shadow:0 0 0 1px #10b981}.stepper-step.completed .step-title{color:#10b981}.stepper-step.active .step-circle{background:#2563eb;color:#fff;box-shadow:0 0 0 4px #2563eb2e}.stepper-step.active .step-title{color:#2563eb;font-weight:800}.stepper-step.active .step-desc{color:#64748b}.admin-action-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.action-step-prompt p{margin:0 0 1rem;font-size:.95rem;color:#475569;line-height:1.5}.btn-admin-action{display:inline-flex;align-items:center;gap:.5rem;background:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #2563eb33}.btn-admin-action:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 12px -1px #2563eb4d}.btn-admin-action.processing{background:#7c3aed;box-shadow:0 4px 6px -1px #7c3aed33}.btn-admin-action.processing:hover{background:#6d28d9;box-shadow:0 6px 12px -1px #7c3aed4d}.btn-admin-action.publishing{background:#10b981;box-shadow:0 4px 6px -1px #10b98133}.btn-admin-action.publishing:hover{background:#059669;box-shadow:0 6px 12px -1px #10b9814d}.action-step-prompt.success{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:1rem}.success-badge-row{display:flex;align-items:center;gap:.75rem;color:#065f46;font-weight:700;font-size:.95rem}.data-sections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width:768px){.data-sections-grid{grid-template-columns:1fr}}.data-box-card{background:#fff;border:1px solid #edf2f7;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #00000003}.data-box-card h4{margin:0 0 1rem;font-size:1.05rem;font-weight:800;color:#1e3a8a;border-bottom:1.5px solid #edf2f7;padding-bottom:.5rem}.data-row{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.9rem}.data-row.full{flex-direction:column;gap:.25rem}.data-label{color:#64748b;font-weight:500}.data-val{color:#1e293b;font-weight:600;text-align:right}.data-row.full .data-val{text-align:left}.data-val.highlight{color:#2563eb;font-weight:700}.data-box-card.doc-card{grid-column:1 / -1;display:flex;flex-direction:column;gap:.85rem}.doc-link-item{display:flex;align-items:center;gap:.75rem;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:.75rem 1rem;transition:all .2s}.doc-link-item:hover{background:#f1f5f9;border-color:#94a3b8}.doc-link-item svg{color:#2563eb}.doc-info{display:flex;flex-direction:column;flex-grow:1}.doc-name{font-size:.85rem;font-weight:700;color:#1e293b}.doc-filename{font-size:.75rem;color:#64748b}.btn-doc-view{font-size:.8rem;color:#2563eb;background:#fff;border:1px solid #bfdbfe;padding:.4rem .8rem;border-radius:6px;font-weight:700;text-decoration:none;transition:all .2s}.btn-doc-view:hover{background:#2563eb;color:#fff;border-color:#2563eb}.digital-kia-card-preview-section{grid-column:1 / -1;border-top:1.5px solid #edf2f7;padding-top:2rem;margin-top:1rem}.digital-kia-card-preview-section h3{margin:0 0 .25rem;font-size:1.25rem;font-weight:800;color:#1e293b}.card-desc-sub{color:#64748b;font-size:.9rem;margin:0 0 1.5rem}.digital-kia-wrapper{display:flex;justify-content:center;padding:1rem 0}.kia-digital-card{width:480px;height:300px;border-radius:18px;background:linear-gradient(135deg,#e11d48,#be123c 60%,#881337);box-shadow:0 20px 25px -5px #88133740,0 10px 10px -5px #0000001a;border:1.5px solid rgba(255,255,255,.2);overflow:hidden;position:relative;color:#fff;padding:1.25rem 1.5rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.kia-digital-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 25px 30px -5px #88133759,0 15px 15px -5px #00000026}.kia-digital-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 100%,rgba(255,255,255,.08) 0%,transparent 60%),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:100% 100%,15px 15px,15px 15px;z-index:1;pointer-events:none}.kia-digital-card:after{content:"";position:absolute;width:250px;height:250px;right:-20px;bottom:-20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 28 24 L 56 50 L 28 76' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='58' y='21' width='18' height='18' rx='4' transform='rotate(45 67 30)' fill='rgba(255,255,255,0.05)'/%3E%3Crect x='58' y='61' width='18' height='18' rx='4' transform='rotate(45 67 70)' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E") no-repeat center;background-size:contain;opacity:.9;z-index:1;pointer-events:none}.kia-hologram-shimmer{position:absolute;top:-150%;left:-150%;width:400%;height:400%;background:linear-gradient(115deg,#fff0 40%,#ffffff14,#ffffff26,#ffffff14,#fff0 60%);z-index:5;pointer-events:none;transform:rotate(-10deg);animation:shimmerHolo 8s infinite linear}@keyframes shimmerHolo{0%{transform:translate(-30%,-30%) rotate(-10deg)}to{transform:translate(30%,30%) rotate(-10deg)}}.kia-card-header{display:flex;align-items:center;gap:.75rem;border-bottom:1.5px solid rgba(255,255,255,.25);padding-bottom:.5rem;z-index:2}.kia-garuda-logo-box{width:42px;height:42px;background:#ffffff26;border-radius:8px;padding:4px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.garuda-logo-svg{width:100%;height:100%}.kia-header-text{display:flex;flex-direction:column;line-height:1.1}.kia-header-text h5{margin:0;font-size:.6rem;font-weight:600;letter-spacing:1px;color:#ffffffd9}.kia-header-text h4{margin:1px 0;font-size:.95rem;font-weight:800;letter-spacing:.5px;color:#fff}.kia-header-text h6{margin:0;font-size:.65rem;font-weight:700;color:#fef08a}.kia-card-body{display:grid;grid-template-columns:1fr 120px;gap:1rem;margin-top:.6rem;z-index:2;flex-grow:1}.kia-card-details{display:flex;flex-direction:column;gap:3px}.kia-detail-row{display:grid;grid-template-columns:85px 1fr;align-items:baseline;font-size:.65rem}.k-label{color:#ffffffbf;font-weight:600}.k-val{color:#fff;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-val.address{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}.kia-card-media{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px}.kia-passport-photo{width:76px;height:98px;border-radius:6px;border:1.5px solid #ffffff;box-shadow:0 4px 6px #00000026;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.passport-child-svg{width:100%;height:100%}.kia-qr-code{background:#fff;padding:3px;border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:1px;box-shadow:0 2px 4px #0000001a}.qr-box-pattern{width:32px;height:32px;position:relative;background:#111827;border-radius:2px}.qr-corner-box{position:absolute;width:8px;height:8px;border:2px solid #ffffff;background:#111827}.qr-corner-box.top-left{top:2px;left:2px}.qr-corner-box.top-right{top:2px;right:2px}.qr-corner-box.bottom-left{bottom:2px;left:2px}.qr-dots-grid{position:absolute;inset:13px;background:radial-gradient(#ffffff 2px,transparent 2px);background-size:4px 4px}.qr-ver-text{font-size:.35rem;color:#16a34a;font-weight:800;letter-spacing:.5px}.kia-card-footer{display:flex;justify-content:flex-end;margin-top:2px;border-top:1px dashed rgba(255,255,255,.15);padding-top:.35rem;z-index:2}.kia-signature-stamp-area{display:flex;flex-direction:column;align-items:center;position:relative;line-height:1}.kepala-dinas-title{font-size:.45rem;color:#fffc;font-weight:600;max-width:140px;text-align:center;margin-bottom:2px}.stamp-sig-box{position:relative;width:110px;height:32px;display:flex;align-items:center;justify-content:center}.official-stamp-ink{position:absolute;width:28px;height:28px;border-radius:50%;border:1px double #2563eb;opacity:.85;left:20px;top:50%;transform:translateY(-50%) rotate(-15deg);display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.stamp-outer-ring{width:100%;height:100%;border-radius:50%;border:.8px dashed #2563eb;display:flex;align-items:center;justify-content:center}.stamp-inner-ring{width:80%;height:80%;border-radius:50%;border:.5px solid #2563eb;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2563eb;font-size:2px;font-weight:800;line-height:1}.stamp-text-top{transform:scale(.6)}.stamp-text-bottom{transform:scale(.5)}.handwritten-signature{position:absolute;width:60px;height:24px;right:25px;top:4px;z-index:3;opacity:.9;pointer-events:none}.signature-svg{width:100%;height:100%}.kepala-dinas-name{font-size:.5rem;font-weight:700;color:#fef08a;border-bottom:.5px solid #fef08a;padding-bottom:1px;margin-top:1px}.spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.rate-actions{display:flex;align-items:center}.lifecycle-container{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000006;animation:slideIn .5s ease-out}.lifecycle-header{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#1e3a8a;margin-bottom:1.25rem;font-size:1.1rem;border-bottom:2px solid #eff6ff;padding-bottom:.75rem}.lifecycle-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.lifecycle-stage-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;position:relative;overflow:hidden}.lifecycle-stage-card:hover{transform:translateY(-4px);background:#fff;border-color:#3b82f6;box-shadow:0 10px 15px -3px #3b82f61a,0 4px 6px -2px #3b82f60d}.lifecycle-stage-card.active{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#1e40af;color:#fff;box-shadow:0 10px 20px -5px #1e3a8a4d}.stage-icon-box{width:48px;height:48px;border-radius:50%;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.lifecycle-stage-card.active .stage-icon-box{background:#fff3;color:#fff;box-shadow:0 0 12px #fff3;animation:floatIcon 2s ease-in-out infinite}.stage-info h4{margin:0 0 .25rem;font-size:.95rem;font-weight:700}.stage-info p{margin:0;font-size:.75rem;color:#64748b;line-height:1.3}.lifecycle-stage-card.active .stage-info p{color:#cbd5e1}.traffic-badge{display:inline-flex;align-items:center;gap:.4rem}.traffic-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.traffic-badge.high .traffic-dot{background-color:#ef4444;box-shadow:0 0 8px #ef4444;animation:dotPulse 1.5s infinite ease-in-out}.traffic-badge.medium .traffic-dot{background-color:#f97316;box-shadow:0 0 8px #f97316;animation:dotPulse 1.5s infinite ease-in-out}.traffic-badge.low .traffic-dot{background-color:#10b981;box-shadow:0 0 8px #10b981;animation:dotPulse 1.5s infinite ease-in-out}.sp-vertical-stepper{display:flex;flex-direction:column;gap:.5rem;padding-left:.5rem;margin-top:.75rem}.stepper-row{display:grid;grid-template-columns:24px 1fr;gap:.75rem;align-items:flex-start}.stepper-line-container{display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.step-dot{width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:center;z-index:2;color:#94a3b8;transition:all .3s ease}.step-dot.completed{border-color:#10b981;background:#10b981;color:#fff}.step-dot.active{border-color:#2563eb;background:#eff6ff;color:#2563eb;box-shadow:0 0 0 4px #2563eb26;animation:borderPulse 2s infinite ease-in-out}.step-dot.rejected{border-color:#ef4444;background:#ef4444;color:#fff}.stepper-line{width:2px;flex-grow:1;background-color:#e2e8f0;position:absolute;top:20px;bottom:-10px;z-index:1}.stepper-line.filled{background-color:#10b981}.stepper-content{display:flex;flex-direction:column;line-height:1.3;padding-bottom:.75rem}.stepper-title{font-size:.85rem;font-weight:700;color:#475569}.stepper-title.completed{color:#10b981}.stepper-title.active{color:#2563eb}.stepper-desc{font-size:.75rem;color:#64748b;margin-top:1px}.btn-view-digital-card{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:.4rem .85rem;border-radius:6px;font-size:.78rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease;box-shadow:0 4px 6px #2563eb26}.btn-view-digital-card:hover{transform:translateY(-1px);box-shadow:0 6px 12px #2563eb40;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.form-stepper{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0 2.5rem;background:#f8fafc;padding:1.25rem 2rem;border-radius:12px;border:1px solid #e2e8f0}.stepper-item{display:flex;align-items:center;gap:.75rem;flex:1;position:relative}.stepper-circle{width:32px;height:32px;border-radius:50%;border:2px solid #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#94a3b8;z-index:2;transition:all .3s ease}.stepper-item.active .stepper-circle{border-color:#2563eb;background:#2563eb;color:#fff;box-shadow:0 0 0 4px #2563eb26}.stepper-item.current .stepper-circle{border-color:#2563eb;background:#fff;color:#2563eb;animation:borderPulse 2s infinite ease-in-out}.stepper-text{display:flex;flex-direction:column;line-height:1.2}.stepper-label{font-size:.9rem;font-weight:700;color:#64748b}.stepper-item.active .stepper-label{color:#1e3a8a}.stepper-sub{font-size:.7rem;color:#94a3b8}.stepper-line{height:2px;background-color:#e2e8f0;position:absolute;left:calc(100% - 10px);right:15px;top:50%;transform:translateY(-50%);z-index:1;display:block}.stepper-line.filled{background-color:#2563eb}.kia-hologram-shimmer{position:absolute;inset:0;background:linear-gradient(105deg,#fff0 30%,#ffffff21,#ffffff40,#ffffff21,#fff0 70%);background-size:200% 100%;background-position:-100% 0;pointer-events:none;z-index:5;mix-blend-mode:overlay;animation:shimmerGlow 6s infinite linear}.service-card:hover{transform:translateY(-6px) scale(1.015);border-color:#2563eb66;box-shadow:0 20px 25px -5px #2563eb14,0 10px 10px -5px #2563eb08}@keyframes shimmerGlow{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes dotPulse{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.1);opacity:1}to{transform:scale(.9);opacity:.6}}@keyframes borderPulse{0%{box-shadow:0 0 #2563eb33}70%{box-shadow:0 0 0 6px #2563eb00}to{box-shadow:0 0 #2563eb00}}@keyframes floatIcon{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes slideIn{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.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}.header-brand-tag{color:#1e3a8a;font-weight:700;font-size:.85rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:6px 14px;border-radius:20px;border:1px solid #bfdbfe;box-shadow:0 2px 4px #2563eb0d;letter-spacing:.3px}.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}.header-brand-tag{display:none!important}}.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:3rem 2.5rem 5rem;color:#fff;margin-bottom:0;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-main-info{flex:1;z-index:1}.hero-main-info h1{font-size:2rem;margin-bottom:.75rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(120deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-main-info p{color:#94a3b8;margin-bottom:0;font-size:1.05rem;max-width:550px;line-height:1.5}.hero-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:-3rem;margin-bottom:2.5rem;z-index:10;position:relative}.hero-metric-card{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:1.5rem;border:1px solid rgba(226,232,240,.8);box-shadow:0 10px 30px -5px #0000000a;display:flex;gap:1.25rem;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-metric-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px -5px #0f172a14;border-color:#2563eb40;background:#fff}.hero-metric-card.spbe-score-sangatbaik{border-left:4px solid #10b981}.hero-metric-card.spbe-score-baik{border-left:4px solid #3b82f6}.hero-metric-card.spbe-score-cukup{border-left:4px solid #f97316}.hero-metric-card.spbe-score-kurang{border-left:4px solid #ef4444}.hero-metric-card.system-health-good{border-left:4px solid #10b981}.hero-metric-card.system-health-warning{border-left:4px solid #f97316}.hero-metric-card.system-health-danger{border-left:4px solid #ef4444}.hero-metric-card.total-services{border-left:4px solid #8b5cf6}.metric-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.hero-metric-card:hover .metric-icon-wrapper{transform:scale(1.1)}.metric-icon-wrapper.spbe{background:#eff6ff;color:#2563eb}.metric-icon-wrapper.health{background:#ecfdf5;color:#10b981}.metric-icon-wrapper.services{background:#f5f3ff;color:#7c3aed}.system-health-danger .metric-icon-wrapper.health{background:#fef2f2;color:#ef4444}.system-health-warning .metric-icon-wrapper.health{background:#fff7ed;color:#f97316}.metric-info{display:flex;flex-direction:column;gap:2px}.m-label{font-size:.78rem;color:#64748b;font-weight:650;text-transform:uppercase;letter-spacing:.5px}.m-value-row{display:flex;align-items:baseline;gap:2px}.m-value{font-size:1.75rem;font-weight:800;color:#0f172a;line-height:1.2}.m-max{font-size:.85rem;color:#94a3b8;font-weight:600}.m-badge{font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:12px;width:fit-content;text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.m-badge.sangat-baik{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.m-badge.baik{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.m-badge.cukup{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.m-badge.kurang{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.m-badge.good{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.m-badge.warning{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.m-badge.danger{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.m-badge.info{background:#f8fafc;color:#475569;border:1px solid #cbd5e1}@keyframes dangerIconPulse{0%{transform:scale(1);filter:drop-shadow(0 0 0px rgba(239,68,68,.4))}50%{transform:scale(1.1);filter:drop-shadow(0 0 6px rgba(239,68,68,.8))}to{transform:scale(1);filter:drop-shadow(0 0 0px rgba(239,68,68,.4))}}.pulse-danger-icon{animation:dangerIconPulse 1.5s infinite ease-in-out}.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;padding-bottom:4rem}.hero-chart-mini{width:100%;flex:none}.hero-metrics-grid{margin-top:-2rem;gap:1rem}}@media(max-width:768px){.domains-grid{grid-template-columns:1fr}.hero-metrics-grid{grid-template-columns:1fr;margin-top:1.5rem;margin-bottom:2rem}.dashboard-hero{padding-bottom:2.5rem}}.unified-aspects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(430px,1fr));gap:2rem;margin-bottom:3rem}@media(max-width:900px){.unified-aspects-grid{grid-template-columns:1fr}}.unified-aspect-card{background:#fff;border-radius:16px;padding:1.75rem;border:1px solid #e2e8f0;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 4px 6px -1px #00000005}.unified-aspect-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #0000000a}.unified-aspect-card.blue:hover{border-color:#3b82f6}.unified-aspect-card.emerald:hover{border-color:#10b981}.unified-aspect-card.violet:hover{border-color:#8b5cf6}.unified-aspect-card.rose:hover{border-color:#f43f5e}.unified-aspect-card.cyan:hover{border-color:#06b6d4}.unified-aspect-card.amber:hover{border-color:#f59e0b}.unified-aspect-card.pink:hover{border-color:#ec4899}.card-glow-overlay{position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity .5s ease;z-index:0}.unified-aspect-card:hover .card-glow-overlay{opacity:1}.unified-aspect-card.blue .card-glow-overlay{background:radial-gradient(circle at 70% 20%,rgba(59,130,246,.05) 0%,transparent 60%)}.unified-aspect-card.emerald .card-glow-overlay{background:radial-gradient(circle at 70% 20%,rgba(16,185,129,.05) 0%,transparent 60%)}.unified-aspect-card.violet .card-glow-overlay{background:radial-gradient(circle at 70% 20%,rgba(139,92,246,.05) 0%,transparent 60%)}.unified-aspect-card.rose .card-glow-overlay{background:radial-gradient(circle at 70% 20%,rgba(244,63,94,.05) 0%,transparent 60%)}.unified-aspect-card.cyan .card-glow-overlay{background:radial-gradient(circle at 70% 20%,rgba(6,182,212,.05) 0%,transparent 60%)}.unified-aspect-card.amber .card-glow-overlay{background:radial-gradient(circle at 70% 20%,rgba(245,158,11,.05) 0%,transparent 60%)}.unified-aspect-card.pink .card-glow-overlay{background:radial-gradient(circle at 70% 20%,rgba(236,72,153,.05) 0%,transparent 60%)}.aspect-card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;z-index:1}.aspect-header-left{display:flex;align-items:center;gap:.85rem}.aspect-icon-box{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.aspect-icon-box.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 10px #3b82f640}.aspect-icon-box.emerald{background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 4px 10px #10b98140}.aspect-icon-box.violet{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 4px 10px #8b5cf640}.aspect-icon-box.rose{background:linear-gradient(135deg,#f43f5e,#be123c);box-shadow:0 4px 10px #f43f5e40}.aspect-icon-box.cyan{background:linear-gradient(135deg,#06b6d4,#0e7490);box-shadow:0 4px 10px #06b6d440}.aspect-icon-box.amber{background:linear-gradient(135deg,#f59e0b,#b45309);box-shadow:0 4px 10px #f59e0b40}.aspect-icon-box.pink{background:linear-gradient(135deg,#ec4899,#be185d);box-shadow:0 4px 10px #ec489940}.aspect-title-area{display:flex;flex-direction:column}.aspect-title-area h4{margin:0;font-size:1.05rem;font-weight:800;color:#0f172a;line-height:1.2}.aspect-full-name{font-size:.72rem;color:#94a3b8;font-weight:500;margin-top:1px}.maturity-predikat-badge{font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:20px;white-space:nowrap;border:1px solid;box-shadow:0 1px 2px #00000008}.maturity-predikat-badge.optimum{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.maturity-predikat-badge.terpadu{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.maturity-predikat-badge.terdefinisi{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}.maturity-predikat-badge.terkelola{background:#fffbeb;color:#b45309;border-color:#fde68a}.maturity-predikat-badge.rintisan{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.maturity-predikat-badge.unfilled{background:#f8fafc;color:#64748b;border-color:#cbd5e1}.aspect-description-text{font-size:.85rem;color:#64748b;line-height:1.5;margin:0;z-index:1}.aspect-stats-row{display:flex;justify-content:space-between;background:#f8fafc;border-radius:12px;padding:.75rem 1rem;border:1px solid #f1f5f9;z-index:1}.aspect-stat-block{display:flex;flex-direction:column;gap:2px}.aspect-stat-block.weight{align-items:flex-end}.block-label{font-size:.72rem;color:#94a3b8;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.block-value-wrapper{display:flex;align-items:baseline;gap:2px}.block-value{font-size:1.5rem;font-weight:800;color:#1e293b;line-height:1}.block-max{font-size:.8rem;color:#94a3b8;font-weight:600}.block-value.percent{font-size:1.3rem;font-weight:850;color:#4f46e5}.aspect-progress-container{height:7px;background:#f1f5f9;border-radius:4px;overflow:hidden;position:relative;z-index:1}.aspect-progress-fill{height:100%;border-radius:4px;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.aspect-progress-fill.blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.aspect-progress-fill.emerald{background:linear-gradient(90deg,#10b981,#34d399)}.aspect-progress-fill.violet{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.aspect-progress-fill.rose{background:linear-gradient(90deg,#f43f5e,#fb7185)}.aspect-progress-fill.cyan{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.aspect-progress-fill.amber{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.aspect-progress-fill.pink{background:linear-gradient(90deg,#ec4899,#f472b6)}.progress-glow-tip{position:absolute;top:0;right:0;width:8px;height:100%;background:#fff;filter:blur(2px);opacity:.7}.aspect-sub-indicators-section{display:flex;flex-direction:column;gap:.65rem;z-index:1}.aspect-sub-indicators-section .sub-title{margin:0;font-size:.75rem;font-weight:750;text-transform:uppercase;color:#94a3b8;letter-spacing:.8px;border-bottom:1px solid #f1f5f9;padding-bottom:.35rem}.sub-indicators-list{display:flex;flex-direction:column;gap:.5rem}.sub-indicator-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .65rem;border-radius:8px;background:#f8fafc;border:1px solid #f1f5f9;transition:all .25s ease}.unified-aspect-card:hover .sub-indicator-row{background:#fff}.sub-indicator-row:hover{transform:translate(4px);border-color:#cbd5e1!important;box-shadow:0 2px 4px #00000005}.ind-name-col{display:flex;align-items:center;gap:.45rem;overflow:hidden;flex:1}.ind-id{font-size:.65rem;font-weight:800;padding:2px 5px;background:#e2e8f0;color:#475569;border-radius:4px;flex-shrink:0}.ind-name{font-size:.78rem;font-weight:600;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ind-meta-col{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.ind-weight-tag{font-size:.65rem;color:#94a3b8;font-weight:700;background:#f1f5f9;padding:1px 4px;border-radius:3px}.ind-status-pill{display:flex;align-items:center;gap:4px;padding:2px 7px;border-radius:12px;border:1px solid;line-height:1}.status-dot{width:5px;height:5px;border-radius:50%}.status-lbl{font-size:.62rem;font-weight:800;text-transform:uppercase}.ind-level-badge{font-size:.7rem;font-weight:800;padding:2px 6px;background:#f1f5f9;color:#64748b;border-radius:4px;border:1px solid #cbd5e1;min-width:42px;text-align:center}.ind-level-badge.active{background:#ecfdf5;color:#059669;border-color:#a7f3d0;box-shadow:0 1px 2px #10b9810d}.aspect-card-footer{margin-top:auto;border-top:1px solid #f1f5f9;padding-top:.85rem;display:flex;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:700;color:#94a3b8;transition:all .3s;z-index:1}.aspect-card-footer .arrow-icon{font-size:1rem;transition:transform .3s}.unified-aspect-card:hover .aspect-card-footer{color:#1e293b}.unified-aspect-card:hover .aspect-card-footer .arrow-icon{transform:translate(5px)}.unified-aspect-card.blue:hover .aspect-card-footer{color:#2563eb}.unified-aspect-card.emerald:hover .aspect-card-footer{color:#059669}.unified-aspect-card.violet:hover .aspect-card-footer{color:#7c3aed}.unified-aspect-card.rose:hover .aspect-card-footer{color:#e11d48}.unified-aspect-card.cyan:hover .aspect-card-footer{color:#0891b2}.unified-aspect-card.amber:hover .aspect-card-footer{color:#d97706}.unified-aspect-card.pink:hover .aspect-card-footer{color:#db2777}.unified-formula-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:16px;padding:1.5rem 2rem;display:flex;gap:1.5rem;margin-top:2rem;box-shadow:0 4px 15px #2563eb0d;align-items:center;position:relative;overflow:hidden}.unified-formula-card:after{content:"";position:absolute;top:-20px;left:-20px;width:100px;height:100px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);pointer-events:none}.formula-icon-box{width:48px;height:48px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #3b82f64d}.formula-content-box{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow:hidden}.formula-content-box h4{margin:0;font-size:1.05rem;font-weight:800;color:#1e3a8a}.formula-expression-text{margin:0;font-size:.85rem;color:#1e40af;background:#ffffffb3;padding:.65rem 1rem;border-radius:8px;border:1px solid rgba(191,219,254,.5);overflow-x:auto;white-space:nowrap;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.formula-expression-text span{font-weight:700}.formula-result-row{display:flex;align-items:center;gap:.75rem;margin-top:.25rem;flex-wrap:wrap}.result-label{font-size:.85rem;color:#3b82f6;font-weight:700}.result-badge{display:inline-flex;align-items:center;gap:6px;background:#2563eb;color:#fff;padding:4px 10px;border-radius:20px;box-shadow:0 2px 4px #2563eb33}.result-score{font-size:.95rem;font-weight:900}.result-predikat{font-size:.72rem;font-weight:750;background:#fff3;padding:1px 6px;border-radius:10px}.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;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;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}}.dataset-select-card{transition:all .25s cubic-bezier(.4,0,.2,1)}.dataset-select-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f766e1a;border-color:#0d9488!important}.dataset-select-card.active{box-shadow:0 4px 12px #0f766e26}.aspect-tab-btn{transition:all .2s ease}.aspect-tab-btn:hover{color:#0f766e!important;background-color:#fff9!important}.aspect-tab-btn.active:hover{background-color:#fff!important}@keyframes mapPulse{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.1);opacity:.8}to{transform:scale(.95);opacity:.5}}.pulse{transform-origin:center}.form-group input,.form-group select{outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#0d9488!important;box-shadow:0 0 0 2px #0d948833}.aspek-data-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2rem;color:#0f766e;font-family:Inter,sans-serif}.aspek-data-loading .spinner{width:50px;height:50px;border:4px solid #f1f5f9;border-top:4px solid #0f766e;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.aspek-data-error{text-align:center;padding:5rem 2rem;background:#fef2f2;border:1px solid #fecaca;border-radius:16px;color:#991b1b;margin-top:2rem}.aspek-data-error button{margin-top:1rem;padding:.6rem 1.2rem;background:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.sdi-gradient{background:linear-gradient(135deg,#0f766e,#115e59)!important}.jig-gradient{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important}.epss-gradient{background:linear-gradient(135deg,#059669,#047857)!important}.pdp-gradient{background:linear-gradient(135deg,#0f172a,#1e293b)!important}.badge-integrated{font-size:.75rem;font-weight:700;color:#fff;background:#22c55e;padding:.25rem .6rem;border-radius:9999px;letter-spacing:.05em;box-shadow:0 0 12px #22c55e66}.dashboard-top-grid{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;margin-bottom:2rem}@media(max-width:992px){.dashboard-top-grid{grid-template-columns:1fr}}.metric-gauge-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 6px -1px #0000000d}.metric-gauge-card h3{margin:0 0 1.5rem;font-size:1rem;font-weight:700;color:#475569;text-transform:uppercase}.gauge-container{position:relative;width:150px;height:150px;margin-bottom:1rem}.circular-gauge{transform:rotate(-90deg)}.gauge-bg{fill:none;stroke:#f1f5f9;stroke-width:8}.gauge-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.sdi-stroke{stroke:#0f766e}.jig-stroke{stroke:#2563eb}.epss-stroke{stroke:#10b981}.gauge-value-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.gauge-score{font-size:2.5rem;font-weight:900;color:#1e293b;line-height:1}.gauge-max{font-size:.85rem;color:#64748b;font-weight:600}.rating-badge{padding:.35rem 1.25rem;border-radius:9999px;font-weight:700;font-size:.85rem;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;box-shadow:0 4px 10px #0000001a}.sdi-bg{background:#0f766e}.jig-bg{background:#2563eb}.epss-bg{background:#10b981}.rating-stats-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;border-top:1px solid #f1f5f9;padding-top:1rem}.rating-stats-grid .stat-sub-card{text-align:center;display:flex;flex-direction:column}.stat-sub-card .lbl{font-size:.7rem;color:#64748b;font-weight:600;margin-bottom:.25rem}.stat-sub-card .val{font-size:1.1rem;font-weight:800;color:#1e293b}.stat-sub-card .val-text{font-size:.75rem;font-weight:700;color:#334155;line-height:1.2}.green-text{color:#10b981!important}.sdi-principles-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.sdi-principles-card h3{margin:0 0 1.5rem;font-size:1.1rem;font-weight:700;color:#334155}.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media(max-width:600px){.principles-grid{grid-template-columns:1fr}}.principle-item{display:flex;gap:1rem;background:#f8fafc;padding:1rem;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s}.principle-item:hover{transform:translateY(-2px);border-color:#cbd5e1}.principle-item .icon-wrapper{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-standar{background:#dcfce7;color:#166534}.p-meta{background:#eff6ff;color:#1e40af}.p-interop{background:#faf5ff;color:#6b21a8}.p-kode{background:#fff7ed;color:#c2410c}.principle-item h4{margin:0 0 4px;font-size:.9rem;font-weight:700;color:#1e293b}.principle-item p{margin:0;font-size:.8rem;color:#475569;line-height:1.4}.datasets-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.table-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.table-header-bar h2{margin:0;font-size:1.2rem;color:#1e293b}.search-box{display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:.5rem 1rem;width:300px}.search-box input{border:none;background:transparent;outline:none;font-size:.875rem;width:100%}.custom-data-table{width:100%;border-collapse:collapse;text-align:left}.custom-data-table th{background:#f8fafc;padding:1rem;font-size:.85rem;font-weight:700;color:#475569;border-bottom:2px solid #e2e8f0}.custom-data-table td{padding:1rem;border-bottom:1px solid #f1f5f9;font-size:.875rem;color:#334155;vertical-align:middle}.custom-data-table tr:hover td{background:#f8fafc}.dataset-title-cell{display:flex;align-items:center;gap:.75rem}.dataset-title-cell .logo-icon{font-size:1.75rem;background:#f1f5f9;width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dataset-title-cell h4{margin:0}.dataset-title-cell p{margin:2px 0 0;font-size:.75rem;color:#64748b}.badge-status{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700}.badge-status.conformed{background:#dcfce7;color:#15803d}.badge-status.unconformed{background:#fef3c7;color:#b45309}.badge-status.pending{background:#eff6ff;color:#1e40af}.views-count{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:#0f766e}.jig-map-card-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden;display:flex;flex-direction:column}.map-card-header{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.map-card-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#1e293b}.map-card-header span{font-size:.75rem;color:#64748b}.map-view-canvas{position:relative;flex:1;background:#f8fafc;min-height:250px}.map-svg-grid{display:block;width:100%;height:100%}.map-detail-tooltip{position:absolute;bottom:1rem;right:1rem;background:#0f172af2;color:#fff;padding:.75rem 1rem;border-radius:8px;box-shadow:0 10px 15px -3px #0000004d;z-index:10;font-family:Inter,sans-serif;min-width:180px;border:1px solid #334155}.map-detail-tooltip h4{margin:0 0 4px;font-size:.85rem;color:#38bdf8}.map-detail-tooltip p{margin:0;font-size:.75rem}.map-detail-tooltip .coords{color:#94a3b8;margin-top:4px;font-family:monospace}.gsbpm-stepper-container{width:100%}.stepper-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.step-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;transition:all .2s}.step-card:hover{border-color:#cbd5e1;transform:translateY(-2px)}.step-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.step-dot{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900;flex-shrink:0}.step-dot.done{background:#dcfce7;color:#15803d}.step-dot.ongoing{background:#fff7ed;color:#c2410c}.step-header strong{font-size:.85rem;color:#1e293b}.step-card p{margin:0;font-size:.75rem;color:#475569;line-height:1.4}.stat-value{font-family:monospace;font-size:.95rem;color:#0f172a}.pdp-subtabs-nav{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#f1f5f9;padding:6px;border-radius:12px}.pdp-subtab-btn{flex:1;background:transparent;border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-weight:700;font-size:.85rem;color:#64748b;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.pdp-subtab-btn:hover{color:#1e293b;background:#fff6}.pdp-subtab-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0000001a}.pdp-tab-container-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 4px 6px -1px #0000000d;min-height:500px}.panel-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid #f1f5f9;padding-bottom:1rem;flex-wrap:wrap;gap:1rem}.panel-header-bar h3{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a}.panel-header-bar .subtitle{margin:4px 0 0;font-size:.8rem;color:#64748b}.btn-pdp-action{background:#f1f5f9;border:1px solid #cbd5e1;color:#334155;padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.85rem;transition:all .2s}.btn-pdp-action:hover{background:#e2e8f0}.btn-pdp-save{background:#0f766e;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.85rem;box-shadow:0 4px 6px -1px #0f766e33}.btn-pdp-save:hover{background:#0d9488}.policy-meta-row{display:flex;gap:2rem;background:#f8fafc;padding:.75rem 1.25rem;border-radius:8px;font-size:.8rem;color:#475569;margin-bottom:2rem;border:1px solid #e2e8f0}.markdown-policy-view{max-width:850px;margin:0 auto}.markdown-policy-view h2{font-size:1.5rem;margin-bottom:1.5rem;color:#0f172a}.policy-doc-body h3{font-size:1.1rem;font-weight:700;margin-top:1.5rem;margin-bottom:.5rem}.policy-doc-body p{font-size:.9rem;line-height:1.6;color:#334155;margin-bottom:1rem}.policy-doc-body ul{margin-bottom:1rem;padding-left:1.5rem}.policy-doc-body li{font-size:.9rem;line-height:1.5;color:#334155;margin-bottom:.25rem}.pdp-form-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:1.25rem;margin-bottom:2rem}.pdp-form-card h4{margin:0 0 1rem;font-size:.95rem;color:#1e293b;font-weight:700}.form-grid-pdp{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-grid-pdp label{display:block;font-size:.75rem;font-weight:600;color:#475569;margin-bottom:4px}.form-input-pdp{width:100%;padding:.5rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.85rem;background:#fff;outline:none}.form-input-pdp:focus{border-color:#0f766e;box-shadow:0 0 0 2px #0f766e26}.form-textarea-pdp{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;background:#fff;outline:none;font-family:monospace}.form-textarea-pdp:focus{border-color:#0f766e}.btn-pdp-add{background:#0f766e;color:#fff;border:none;width:100%;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.85rem}.btn-pdp-add:hover{background:#0d9488}.btn-delete-row{background:#fee2e2;color:#ef4444;border:none;padding:6px;border-radius:6px;cursor:pointer}.btn-delete-row:hover{background:#fca5a5}.badge-legal{font-size:.75rem;font-weight:600;background:#e0f2fe;color:#0369a1;padding:2px 8px;border-radius:4px}.badge-risk{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase}.badge-risk.high{background:#fee2e2;color:#b91c1c}.badge-risk.medium{background:#fef3c7;color:#b45309}.badge-risk.low{background:#dcfce7;color:#15803d}.dpo-tree-visualization{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2.5rem 1rem;display:flex;flex-direction:column;align-items:center}.dpo-tree-root-container{display:flex;flex-direction:column;align-items:center;width:100%}.dpo-member-card{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:1rem;width:280px;display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 6px -1px #0000000d;position:relative;border-left:4px solid #475569}.dpo-member-card.root-node{border-left-color:#0f766e}.dpo-member-card.child-node{border-left-color:#2563eb}.dpo-member-card.grandchild-node{border-left-color:#10b981}.dpo-member-card .avatar-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.root-av{background:#0f766e}.child-av{background:#2563eb}.gchild-av{background:#10b981}.dpo-member-card .details{flex:1}.dpo-member-card h4{margin:0;font-size:.85rem;font-weight:700;color:#1e293b}.dpo-member-card .role{display:block;font-size:.75rem;color:#64748b;margin-top:2px}.dpo-member-card .contacts{display:flex;flex-direction:column;gap:2px;margin-top:6px;border-top:1px solid #f1f5f9;padding-top:4px;font-size:.68rem;color:#475569}.dpo-member-card .contacts span{display:flex;align-items:center;gap:4px}.btn-node-delete{position:absolute;top:4px;right:4px;background:transparent;border:none;color:#cbd5e1;font-size:1rem;cursor:pointer;line-height:1}.btn-node-delete:hover{color:#ef4444}.tree-connector-vertical{width:2px;height:30px;background:#cbd5e1}.tree-connector-vertical-short{width:2px;height:15px;background:#cbd5e1;margin:0 auto}.dpo-tree-children-container{display:flex;gap:2rem;justify-content:center;width:100%;position:relative;border-top:2px solid #cbd5e1;padding-top:20px}.dpo-tree-child-branch{display:flex;flex-direction:column;align-items:center;position:relative}.dpo-tree-grandchildren-container{display:flex;flex-direction:column;gap:.75rem;align-items:center;padding-top:10px}.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}.knowledge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.5rem;margin-top:1.5rem;margin-bottom:2rem}.knowledge-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #0000000d;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:space-between;min-height:240px}.knowledge-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#cbd5e1}.knowledge-card-icon-wrapper{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#fff}.knowledge-card-icon-wrapper.published{background:#ecfdf5;color:#10b981}.knowledge-card-icon-wrapper.under_review{background:#fffbeb;color:#f59e0b}.knowledge-card-icon-wrapper.draft{background:#f1f5f9;color:#64748b}.knowledge-card-title{font-size:1.15rem;font-weight:700;color:#1e293b;margin:0 0 .75rem;line-height:1.4}.knowledge-card-meta{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem;font-size:.85rem;color:#64748b}.knowledge-meta-item{display:flex;align-items:center;gap:.5rem}.knowledge-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1f5f9;padding-top:1rem;margin-top:auto}.status-badge-mini{font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:12px;text-transform:uppercase}.status-badge-mini.published{background:#dcfce7;color:#15803d}.status-badge-mini.under_review{background:#fef3c7;color:#b45309}.status-badge-mini.draft{background:#f1f5f9;color:#475569}.knowledge-actions{display:flex;gap:.5rem;align-items:center}.btn-icon-edit:hover{background:#eff6ff;color:#2563eb;border-color:#bfdbfe!important}.add-card-dashed{border:2px dashed #cbd5e1;background:#fafafa;border-radius:12px;padding:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:240px;text-align:center;transition:all .2s ease-in-out}.add-card-dashed:hover{background:#eff6ff;border-color:#3b82f6;transform:translateY(-4px)}.add-card-dashed-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#64748b}.add-icon-circle{width:48px;height:48px;border-radius:50%;background:#f1f5f9;color:#475569;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-card-dashed:hover .add-icon-circle{background:#3b82f6;color:#fff;box-shadow:0 4px 10px #3b82f640}.add-card-dashed-content h4{margin:0;font-size:1rem;font-weight:700;color:#475569}.add-card-dashed:hover .add-card-dashed-content h4{color:#1e3a8a}.add-card-dashed-content p{margin:0;font-size:.8rem;color:#94a3b8}.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(2,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}.app-hero-card{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;padding:2rem;color:#f8fafc;border:1px solid #334155;box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0000004d;display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.app-hero-card:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);pointer-events:none}.hero-content{flex:1}.hero-badge-row{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.hero-version-badge{background:#0ea5e926;color:#38bdf8;border:1px solid rgba(14,165,233,.3);font-size:.8rem;padding:4px 10px;border-radius:20px;font-weight:600}.app-hero-card h2{font-size:2.2rem;font-weight:800;margin:0 0 .75rem;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.app-hero-card .item-desc{color:#94a3b8;font-size:1.05rem;line-height:1.6;margin-bottom:0;max-width:600px}.tech-stack-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.tech-badge-pill{background:#ffffff0d;color:#e2e8f0;border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:30px;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.tech-badge-pill:hover{background:#ffffff1a;transform:translateY(-1px);border-color:#fff3}.badge-dot{width:6px;height:6px;border-radius:50%;background:#3b82f6;display:inline-block}.hero-stats{display:flex;flex-direction:column;gap:1rem;min-width:150px}.stat-box{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:.75rem 1.25rem;border-radius:12px;text-align:right}.stat-label{display:block;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-value{font-size:1.15rem;font-weight:700}.stat-value.text-green{color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.2)}.stat-value.text-blue{color:#3b82f6;text-shadow:0 0 10px rgba(59,130,246,.2)}.code-editor-mockup{background:#0b0f19;border:1px solid #1e293b;border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0003;margin:2rem 0}.editor-titlebar{background:#111827;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1f2937}.editor-dots{display:flex;gap:.5rem}.dot{width:12px;height:12px;border-radius:50%;display:inline-block}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.editor-filename{color:#9ca3af;font-family:Courier New,Courier,monospace;font-size:.85rem}.editor-lang{color:#4b5563;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.editor-body{display:flex;padding:1rem 0;max-height:280px;overflow-y:auto}.editor-gutter{padding:0 1rem;text-align:right;border-right:1px solid #1f2937;-webkit-user-select:none;user-select:none}.line-num{color:#4b5563;font-family:monospace;font-size:.85rem;line-height:1.5}.editor-code{margin:0;padding:0 1.5rem;flex:1;overflow-x:auto}.editor-code code{color:#38bdf8;font-family:Fira Code,Courier New,Courier,monospace;font-size:.85rem;line-height:1.5;display:block;white-space:pre;text-align:left}.rfc-progress-overview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000000d}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.progress-label{font-size:.95rem;font-weight:600;color:#334155}.progress-value{font-size:.9rem;font-weight:700;color:#2563eb;background:#eff6ff;padding:2px 8px;border-radius:6px}.progress-track-premium{height:12px;background:#e2e8f0;border-radius:10px;overflow:hidden;position:relative}.progress-fill-premium{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:10px;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 2.5s infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.timeline-section-header{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem;margin-bottom:1.25rem}.timeline-section-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b}.sdlc-cards-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:1rem}.sdlc-card-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.sdlc-card-item:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card-accent-line{position:absolute;top:0;left:0;bottom:0;width:6px}.sdlc-card-body{padding:1.25rem 1.5rem 1.25rem 2rem}.card-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.stage-title-group{display:flex;align-items:center;gap:.75rem}.stage-status-icon{display:flex;align-items:center;justify-content:center}.icon-success{color:#10b981}.icon-active{color:#0ea5e9}.icon-pending{color:#94a3b8}.stage-title-group h4{margin:0;font-size:1.15rem;font-weight:700;color:#1e293b}.status-badge-mini{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.02em}.stage-details-text{margin:0 0 1.25rem;font-size:.95rem;color:#475569;line-height:1.5}.card-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;border-top:1px solid #f1f5f9;padding-top:1rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-lbl{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.meta-val{font-size:.9rem;font-weight:600;color:#334155}.sdlc-card-item.completed{border-left-color:transparent}.sdlc-card-item.completed .card-accent-line{background:#10b981}.sdlc-card-item.completed .status-badge-mini.completed{background:#dcfce7;color:#15803d}.sdlc-card-item.active{border-color:#0ea5e966;box-shadow:0 0 15px #0ea5e91a;animation:borderPulse 2s infinite alternate}.sdlc-card-item.active .card-accent-line{background:#0ea5e9}.sdlc-card-item.active .status-badge-mini.active{background:#e0f2fe;color:#0369a1}@keyframes borderPulse{0%{border-color:#0ea5e94d}to{border-color:#0ea5e9b3;box-shadow:0 0 20px #0ea5e926}}.sdlc-card-item.pending{opacity:.65;background:#fcfcfd}.sdlc-card-item.pending .card-accent-line{background:#94a3b8}.sdlc-card-item.pending .status-badge-mini.pending{background:#f1f5f9;color:#475569}.sdlc-card-item.pending:hover{opacity:.85}.spinning{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.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}.rfc-selector-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;margin:1.5rem 0}.rfc-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.selector-title{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#334155;font-size:.95rem}.rfc-version-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.rfc-version-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;border:1px solid #cbd5e1;background:#fff;cursor:pointer;font-weight:500;color:#475569;transition:all .2s ease}.rfc-version-tab:hover{background:#f1f5f9;border-color:#94a3b8;color:#1e293b}.rfc-version-tab.active{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 4px 6px -1px #2563eb33}.version-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.rfc-version-tab.active .version-status-dot{background:#fff!important}.version-status-dot[data-status=completed]{background:#10b981}.version-status-dot[data-status=active]{background:#3b82f6}.version-status-dot[data-status=pending]{background:#cbd5e1}.no-rfc-alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fffbeb;border:1px solid #fef3c7;border-radius:8px;color:#b45309;font-size:.9rem}.rfc-meta-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #2563eb;border-radius:8px;padding:1.25rem;margin-top:1rem;box-shadow:0 1px 3px #0000000d}.rfc-meta-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.rfc-meta-header h4{margin:0;font-size:1.1rem;color:#1e293b;font-weight:700}.rfc-status-badge{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:12px;text-transform:uppercase}.rfc-status-badge.completed{background:#dcfce7;color:#166534}.rfc-status-badge.active{background:#dbeafe;color:#1e40af}.rfc-status-badge.pending{background:#f1f5f9;color:#475569}.rfc-desc{margin:0;color:#475569;font-size:.95rem;line-height:1.5}.btn-action-outline{background:linear-gradient(135deg,#2563eb14,#1e40af0a);border:1px solid rgba(37,99,235,.35);color:#2563eb;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.6rem;box-shadow:0 2px 4px #2563eb0a;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-action-outline:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb40;transform:translateY(-1.5px)}.btn-action-outline:active{transform:translateY(0);box-shadow:0 2px 6px #2563eb26}.btn-add-mini{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #1d4ed833;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s ease-in-out}.btn-add-mini:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1d4ed859;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.btn-add-mini:active{transform:translateY(0)}.btn-action.primary{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;color:#fff!important;font-weight:700!important;border-radius:8px!important;cursor:pointer!important;box-shadow:0 4px 10px #10b98133!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.btn-action.primary:hover{transform:translateY(-1.5px)!important;box-shadow:0 6px 16px #10b98159!important;background:linear-gradient(135deg,#059669,#047857)!important}.btn-action.primary:active{transform:translateY(0)!important}.btn-submit{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #2563eb40;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center}.btn-submit:hover{transform:translateY(-1.5px);box-shadow:0 6px 16px #2563eb66;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.btn-submit:active{transform:translateY(0)}.btn-close{background:#f1f5f9cc;border:1px solid #e2e8f0;color:#64748b;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:6px}.btn-close:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5;transform:rotate(90deg)}.noc-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.25rem;margin-bottom:1.5rem}.noc-card-premium{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.noc-card-premium:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#cbd5e1}.noc-card-premium.up{border-top:4px solid #10b981}.noc-card-premium.down{border-top:4px solid #ef4444}.noc-card-premium.load{border-top:4px solid #3b82f6}.noc-card-premium.alert{border-top:4px solid #f59e0b}.noc-card-header{display:flex;justify-content:space-between;align-items:center}.noc-card-label{font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.noc-icon-bg{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center}.noc-icon-bg.up{background:#ecfdf5;color:#10b981}.noc-icon-bg.down{background:#fef2f2;color:#ef4444}.noc-icon-bg.load{background:#eff6ff;color:#3b82f6}.noc-icon-bg.alert{background:#fffbeb;color:#f59e0b}.noc-card-value{font-size:2.2rem;font-weight:800;color:#0f172a;line-height:1.1}.noc-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;border-top:1px solid #f1f5f9;padding-top:.6rem;margin-top:.25rem}.trend-green{color:#10b981;font-weight:600}.trend-red{color:#ef4444;font-weight:600;animation:blink-red 2s infinite}.trend-blue{color:#3b82f6;font-weight:600}.trend-orange{color:#f59e0b;font-weight:600}.noc-card-sub{color:#94a3b8}@keyframes blink-red{0%,to{opacity:1}50%{opacity:.4}}.dashboard-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000000d}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.chart-header h4{margin:0 0 .25rem;font-size:1.05rem;color:#1e293b;font-weight:700}.chart-header p{margin:0;font-size:.85rem;color:#64748b}.chart-legend{display:flex;gap:1rem;font-size:.8rem;font-weight:600}.legend-item{display:flex;align-items:center;gap:.4rem}.legend-item.incoming{color:#3b82f6}.legend-item.outgoing{color:#10b981}.legend-item:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%}.legend-item.incoming:before{background:#3b82f6}.legend-item.outgoing:before{background:#10b981}.chart-body-svg{width:100%;display:flex;align-items:center;justify-content:center}.traffic-chart-svg{width:100%;height:auto;display:block}.live-pulse-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98166;animation:pulse-green 1.5s infinite}@keyframes pulse-green{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.live-feed-container{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.feed-item{padding:.75rem;border-radius:8px;border-left:3px solid transparent;font-size:.8rem;line-height:1.4;transition:all .2s ease}.feed-item.info{background:#f0f9ff;border-color:#0284c7;color:#0369a1}.feed-item.warning{background:#fffbeb;border-color:#d97706;color:#b45309}.feed-item.critical{background:#fef2f2;border-color:#dc2626;color:#b91c1c}.feed-time{font-family:monospace;font-size:.75rem;opacity:.75;display:block;margin-bottom:.25rem;font-weight:700}.feed-text{margin:0}.sla-metric-box{display:flex;flex-direction:column;gap:.4rem}.sla-header{display:flex;justify-content:space-between;font-size:.8rem;font-weight:600;color:#475569}.sla-progress-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.sla-progress-fill{height:100%;border-radius:3px}.asset-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000000d}.asset-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.premium-table{width:100%;border-collapse:collapse;font-size:.9rem}.premium-table th{background:#f8fafc;color:#475569;font-weight:700;padding:.85rem 1rem;border-bottom:2px solid #e2e8f0;text-align:left}.premium-table td{padding:.85rem 1rem;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.premium-table tr:hover td{background:#f8fafc}.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,#1e3a8a,#0f172a);border-radius:20px;padding:2.5rem;color:#fff;margin-bottom:2.5rem;box-shadow:0 20px 25px -5px #0f172a4d,0 8px 10px -6px #0f172a1a;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,#6366f140,#fff0 70%);border-radius:50%;z-index:1}.exec-content{position:relative;z-index:2;max-width:100%}.exec-title{font-size:1.15rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.25rem;opacity:.95;display:flex;align-items:center;gap:.75rem;color:#38bdf8}.exec-intro-text{font-size:1.15rem;line-height:1.6;margin-bottom:1.75rem;color:#cbd5e1}.exec-intro-text strong{color:#f8fafc;font-weight:700}.exec-points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:1.75rem}.exec-point-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:.25rem}.exec-point-card .ep-lbl{font-size:.8rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.025em}.exec-point-card .ep-val{font-size:1.8rem;font-weight:800;color:#f8fafc}.exec-point-card .ep-val .ep-sub{font-size:.9rem;font-weight:500;color:#64748b}.exec-point-card .ep-desc{font-size:.85rem;color:#64748b}.exec-point-card .ep-badge{font-size:.75rem;font-weight:700;color:#38bdf8;background:#38bdf81a;border:1px solid rgba(56,189,248,.2);padding:.2rem .5rem;border-radius:6px;width:fit-content;margin-top:.25rem;text-transform:uppercase}.exec-recommendation-box{background:#f59e0b0d;border:1px solid rgba(245,158,11,.15);border-radius:12px;padding:1.25rem}.exec-recommendation-box .rec-title{font-size:.95rem;font-weight:700;color:#fbbf24;display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.025em}.exec-recommendation-box .rec-list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem}.exec-recommendation-box .rec-list li{font-size:.95rem;line-height:1.5;color:#e2e8f0}.exec-recommendation-box .rec-list li strong{color:#fbbf24}.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}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#475569}.loading-spinner{width:50px;height:50px;border:4px solid #cbd5e1;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.error-container{display:flex;align-items:center;justify-content:center;min-height:400px}.error-card{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a;border:1px solid #fee2e2;text-align:center;max-width:450px}.error-card h2{color:#ef4444;font-size:1.5rem;margin:0 0 1rem;font-weight:700}.error-card p{color:#64748b;margin-bottom:1.5rem;line-height:1.5}.btn-retry{background:#ef4444;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-retry:hover{background:#dc2626}.menu-summaries-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:2.5rem 0 1.5rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.75rem}.summaries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.75rem;margin-bottom:3rem}.summary-card{background:#fff;border-radius:20px;padding:1.75rem;border:1px solid #f1f5f9;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.summary-card:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px #00000012,0 10px 10px -5px #00000008}.summary-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%}.summary-card.tata-kelola:before{background:linear-gradient(to bottom,#2563eb,#3b82f6)}.summary-card.layanan-digital:before{background:linear-gradient(to bottom,#10b981,#34d399)}.summary-card.sdm-budaya:before{background:linear-gradient(to bottom,#8b5cf6,#a78bfa)}.summary-card.data-geo:before{background:linear-gradient(to bottom,#ec4899,#f472b6)}.summary-card.aduan-help:before{background:linear-gradient(to bottom,#f59e0b,#fbbf24)}.card-header-top{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.card-header-top h3{font-size:1.15rem;font-weight:700;color:#1e293b;margin:0}.card-icon-wrapper{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}.tata-kelola .card-icon-wrapper{background:#eff6ff;color:#2563eb}.layanan-digital .card-icon-wrapper{background:#ecfdf5;color:#10b981}.sdm-budaya .card-icon-wrapper{background:#f5f3ff;color:#8b5cf6}.data-geo .card-icon-wrapper{background:#fdf2f8;color:#ec4899}.aduan-help .card-icon-wrapper{background:#fffbeb;color:#f59e0b}.card-main-stat{background:#f8fafc;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.25rem;display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:.85rem;color:#64748b;font-weight:600;text-transform:uppercase}.stat-value{font-size:1.5rem;font-weight:800;color:#0f172a}.card-detail-list{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#475569}.detail-lbl{font-weight:500}.detail-val{font-weight:700;color:#0f172a}.detail-val.badge{background:#f1f5f9;padding:.2rem .5rem;border-radius:6px;font-size:.8rem}.detail-val.badge.success{background:#dcfce7;color:#15803d}.detail-val.badge.warning{background:#fef3c7;color:#92400e}.detail-val.badge.danger{background:#fee2e2;color:#b91c1c}.detail-val.badge.info{background:#e0f2fe;color:#0369a1}.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}.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)}.indicators-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;padding-left:0;margin-top:.5rem}.indicators-list{display:flex;flex-direction:column;gap:.75rem;padding-left:1rem}.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}.lvl-step.uploaded .lvl-num{border-color:#10b981;background:#e6f4ea;color:#137333}.lvl-step.uploaded.active .lvl-num{border-color:#3b82f6;background:#3b82f6;color:#fff;box-shadow:0 0 0 4px #3b82f633}.lvl-step.uploaded.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}}