:root,[data-theme=light]{--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-display: "Geist", "Plus Jakarta Sans", sans-serif;--font-arabic: "Almarai", sans-serif;--brand-50: #E9F7F2;--brand-100: #C9ECE0;--brand-300: #5FC7A6;--brand-400: #29AE87;--brand-500: #0F8F6F;--brand-600: #0A7259;--brand-700: #075845;--gold-300: #E8C77A;--gold-400: #D4A945;--gold-500: #B98D2C;--bg: #F4F6F5;--bg-tint-a: rgba(15, 143, 111, .07);--bg-tint-b: rgba(212, 169, 69, .07);--surface: #FFFFFF;--surface-2: #F0F3F2;--surface-glass: rgba(255, 255, 255, .72);--border: rgba(9, 30, 24, .08);--border-strong: rgba(9, 30, 24, .14);--text: #08211B;--text-muted: #5C7069;--text-soft: #93A5A0;--text-invert: #FFFFFF;--danger: #D14343;--success: #2E9E6B;--warn: #D98A29;--info: #2C7BB0;--shadow-sm: 0 1px 2px rgba(8, 33, 27, .05);--shadow-md: 0 2px 6px rgba(8, 33, 27, .05), 0 12px 28px -14px rgba(8, 33, 27, .18);--shadow-lg: 0 4px 12px rgba(8, 33, 27, .07), 0 28px 56px -24px rgba(8, 33, 27, .3);--shadow-glow: 0 0 0 1px rgba(15, 143, 111, .12), 0 18px 40px -18px rgba(15, 143, 111, .45);--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-pill: 999px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--rail: 268px;--rail-mini: 84px;--gutter: clamp(16px, 3vw, 34px)}[data-theme=dark]{--bg: #05100D;--bg-tint-a: rgba(41, 174, 135, .13);--bg-tint-b: rgba(212, 169, 69, .08);--surface: #0E1A16;--surface-2: #131F1B;--surface-glass: rgba(14, 26, 22, .78);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #E9F3EF;--text-muted: #8CA39C;--text-soft: #5E736C;--text-invert: #05100D;--brand-500: #2CB98F;--brand-600: #1E9B76;--brand-400: #4ACFA6;--gold-400: #E3BC63;--danger: #F07474;--success: #45BC85;--warn: #E8A54F;--info: #56A6DC;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 2px 6px rgba(0, 0, 0, .45), 0 14px 32px -16px rgba(0, 0, 0, .85);--shadow-lg: 0 4px 14px rgba(0, 0, 0, .55), 0 30px 60px -24px rgba(0, 0, 0, .95);--shadow-glow: 0 0 0 1px rgba(44, 185, 143, .22), 0 20px 44px -18px rgba(44, 185, 143, .5)}[dir=rtl]{--font-body: var(--font-arabic);--font-display: var(--font-arabic)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .45s var(--ease),color .45s var(--ease)}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;pointer-events:none;background:radial-gradient(46rem 30rem at 6% -8%,var(--bg-tint-a),transparent 62%),radial-gradient(40rem 34rem at 102% 2%,var(--bg-tint-b),transparent 58%),radial-gradient(38rem 38rem at 48% 118%,var(--bg-tint-a),transparent 62%);transform:translateZ(0)}h1,h2,h3,h4,h5{font-family:var(--font-display)}h1{font-size:clamp(19px,2.1vw,23px);font-weight:800;letter-spacing:-.032em;line-height:1.2}h2{font-size:clamp(17px,1.8vw,20px);font-weight:800;letter-spacing:-.028em;line-height:1.24}h3{font-size:15.5px;font-weight:800;letter-spacing:-.022em;line-height:1.3}h4{font-size:13.5px;font-weight:800;letter-spacing:-.016em;line-height:1.38}h5{font-size:12px;font-weight:700;letter-spacing:0;line-height:1.4}p{line-height:1.65}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit}::selection{background:var(--brand-500);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill);border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-soft);background-clip:padding-box}.msym{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none}.msym.fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.num{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.glass{background:var(--surface-glass);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--r-pill);font-size:13.5px;font-weight:700;border:1px solid transparent;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease),opacity .2s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--brand-500),var(--brand-600));color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.btn-gold{background:linear-gradient(135deg,var(--gold-400),var(--gold-500));color:#fff;box-shadow:0 0 0 1px #d4a94533,0 18px 40px -18px #d4a94599}.btn-gold:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--shadow-sm)}.btn-ghost:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff}.icon-btn{width:42px;height:42px;border-radius:50%;display:inline-grid;place-items:center;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--text-muted);transition:all .2s var(--ease);flex-shrink:0}.icon-btn:hover{color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}.icon-btn .msym{font-size:20px}.field{display:flex;flex-direction:column;gap:7px}.field>label{font-size:12px;font-weight:700;color:var(--text-muted);letter-spacing:.01em}.input{width:100%;padding:12px 15px;background:var(--surface-2);border:1.5px solid transparent;border-radius:var(--r-sm);font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s,background-color .2s;outline:none}.input:focus{border-color:var(--brand-500);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-500) 14%,transparent)}textarea.input{min-height:104px;resize:vertical;line-height:1.65}select.input{cursor:pointer}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--r-xs);font-size:11px;font-weight:800;letter-spacing:.02em}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--brand-500);animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(100deg,var(--surface-2) 30%,color-mix(in srgb,var(--surface-2) 60%,var(--border)) 50%,var(--surface-2) 70%);background-size:220% 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--r-sm)}@keyframes shimmer{to{background-position:-220% 0}}.shell{display:flex;min-height:100dvh}.rail{position:fixed;inset-block:16px;inset-inline-start:16px;width:var(--rail);z-index:90;display:flex;flex-direction:column;padding:22px 14px;border-radius:var(--r-xl);background:var(--surface-glass);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow-y:auto;overflow-x:hidden;transition:width .4s var(--ease),padding .4s var(--ease)}.rail::-webkit-scrollbar{width:0}.rail.mini{width:var(--rail-mini);padding-inline:10px}.brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding-bottom:20px;margin-bottom:18px;border-bottom:1px solid var(--border);cursor:pointer}.brand-mark{width:60px;height:60px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(140deg,var(--brand-500),var(--brand-700));color:#fff;font-family:var(--font-display);font-weight:900;font-size:25px;letter-spacing:-.04em;box-shadow:var(--shadow-glow);flex-shrink:0;transition:transform .35s var(--ease)}.brand:hover .brand-mark{transform:translateY(-2px) rotate(-3deg)}.brand-name{font-size:17px;letter-spacing:-.03em}.brand-sub{font-size:10.5px;font-weight:700;color:var(--text-muted);line-height:1.5}.rail.mini .brand-text{display:none}.nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:var(--r-sm);font-size:13.5px;font-weight:700;color:var(--text-muted);text-align:start;transition:all .22s var(--ease);position:relative}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item .msym{font-size:21px;flex-shrink:0}.nav-item.on{background:linear-gradient(135deg,var(--brand-500),var(--brand-600));color:#fff;box-shadow:var(--shadow-glow)}.nav-item.on.gold{background:linear-gradient(135deg,var(--gold-400),var(--gold-500));box-shadow:0 0 0 1px #d4a94533,0 16px 34px -16px #d4a94599}.rail.mini .nav-item{justify-content:center;padding-inline:0}.rail.mini .nav-label,.rail.mini .nav-caret{display:none}.nav-caret{margin-inline-start:auto;font-size:18px!important;transition:transform .3s var(--ease);border-radius:6px;padding:2px}.nav-caret.open{transform:rotate(180deg)}.submenu{display:flex;flex-direction:column;gap:2px;overflow:hidden}.sub-item{display:flex;align-items:center;gap:10px;padding:9px 14px 9px 18px;margin-inline-start:12px;border-radius:var(--r-xs);font-size:12.5px;font-weight:700;color:var(--text-muted);text-align:start;border-inline-start:2px solid var(--border);transition:all .2s var(--ease)}.sub-item:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mk, var(--text-soft));flex-shrink:0;transition:transform .2s var(--ease)}.sub-item:hover{color:var(--text);background:var(--surface-2)}.sub-item.on{color:var(--mk);border-inline-start-color:var(--mk);background:color-mix(in srgb,var(--mk) 10%,transparent)}.sub-item.on:before{transform:scale(1.35)}.rail-foot{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;gap:11px;padding-inline:8px;cursor:pointer;border-radius:var(--r-sm);transition:background-color .2s}.rail-foot:hover{background:color-mix(in srgb,var(--danger) 9%,transparent)}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--brand-400),var(--brand-600));color:#fff;font-weight:800;font-size:13px;flex-shrink:0}.main{flex:1;min-width:0;margin-inline-start:calc(var(--rail) + 32px);padding:20px var(--gutter) 40px;transition:margin .4s var(--ease)}.main.wide{margin-inline-start:calc(var(--rail-mini) + 32px)}.topbar{display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:24px;border-radius:var(--r-lg);background:var(--surface-glass);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--border);box-shadow:var(--shadow-md)}.topbar-title{font-size:17px;letter-spacing:-.03em}.topbar-sub{font-size:11px;font-weight:700;color:var(--text-muted);margin-top:2px}.topbar-actions{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.live-dot{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--r-pill);font-size:11px;font-weight:800;background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.live-dot i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 2s var(--ease) infinite}.live-dot.off{background:var(--surface-2);color:var(--text-soft)}.live-dot.off i{animation:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 0 0 currentColor}50%{opacity:.65;transform:scale(.9);box-shadow:0 0 0 5px transparent}}.burger{display:none}.dash-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.dash-hero{grid-column:span 4}.dash-trend{grid-column:span 8}.dash-markaz{grid-column:span 7}.dash-kat{grid-column:span 5}.dash-terakhir{grid-column:span 12;margin-top:6px}.dash-kpis{grid-column:span 12;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.hero{position:relative;overflow:hidden;padding:26px;border-radius:var(--r-lg);background:linear-gradient(145deg,var(--brand-500),var(--brand-700));color:#fff;box-shadow:var(--shadow-lg);min-height:178px;display:flex;flex-direction:column;justify-content:space-between}.hero:after{content:"";position:absolute;inset-block-start:-55%;inset-inline-end:-22%;width:74%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 66%);pointer-events:none}.hero-label{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.82}.hero-num{font-family:var(--font-display);font-size:clamp(46px,7vw,62px);font-weight:900;letter-spacing:-.05em;line-height:1}.hero-foot{font-size:12px;font-weight:600;opacity:.86}.panel{padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-title{font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}.kpi{padding:18px 20px;display:flex;align-items:center;gap:14px}.kpi-ico{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--mk) 13%,transparent);color:var(--mk);flex-shrink:0}.kpi-ico .msym{font-size:21px}.kpi-num{font-family:var(--font-display);font-size:25px;font-weight:900;letter-spacing:-.04em;line-height:1.1}.kpi-label{font-size:11px;font-weight:700;color:var(--text-muted);margin-top:1px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:56px 20px;text-align:center;color:var(--text-muted)}.empty .msym{font-size:44px;color:var(--text-soft)}.empty-title{font-size:15px;font-weight:800;color:var(--text)}.empty-sub{font-size:12.5px;font-weight:600;max-width:340px;line-height:1.6}.chart-tip{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:9px 13px;box-shadow:var(--shadow-lg);font-size:12px;font-weight:700}.chart-tip .t-label{color:var(--text-muted);font-size:10.5px;font-weight:700;margin-bottom:3px}.chart-tip .t-val{color:var(--text);font-size:14px;font-weight:800}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px}.search-wrap{position:relative;flex:1;min-width:210px}.search-wrap .msym{position:absolute;inset-inline-start:13px;top:50%;transform:translateY(-50%);font-size:19px;color:var(--text-soft);pointer-events:none}.search-wrap .input{padding-inline-start:42px;border-radius:var(--r-pill)}.seg{display:inline-flex;gap:3px;padding:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md)}.seg button{width:36px;height:32px;border-radius:var(--r-xs);display:grid;place-items:center;color:var(--text-soft);transition:all .2s var(--ease)}.seg button .msym{font-size:18px}.seg button:hover{color:var(--text)}.seg button.on{background:var(--surface);color:var(--brand-500);box-shadow:var(--shadow-sm)}.gal{display:grid;gap:18px}.gal.grid{grid-template-columns:repeat(auto-fill,minmax(268px,1fr))}.gal.mini{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:13px}.gal.list{grid-template-columns:1fr;gap:12px}.gal.bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:172px;grid-auto-flow:dense;gap:14px}.doc{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:transform .32s var(--ease),box-shadow .32s var(--ease),border-color .32s var(--ease)}.doc:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--mk) 45%,transparent);box-shadow:0 4px 12px #08211b12,0 26px 52px -22px color-mix(in srgb,var(--mk) 62%,transparent)}.doc-media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--surface-2);cursor:pointer;flex-shrink:0}.doc-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s var(--ease)}.doc:hover .doc-media img{transform:scale(1.06)}.mosaic{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:100%}.mosaic img:first-child{grid-row:span 2}.poster{width:100%;height:100%;display:grid;place-items:center;gap:8px;background:linear-gradient(150deg,color-mix(in srgb,var(--mk) 88%,#000),var(--mk));color:#fff;position:relative;overflow:hidden}.poster:after{content:"";position:absolute;inset-block-start:-46%;inset-inline-end:-26%;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 68%)}.poster .msym{font-size:40px;opacity:.94}.poster-label{font-size:11.5px;font-weight:800;opacity:.9;letter-spacing:.02em}.play-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(to top,rgba(0,0,0,.5),transparent 62%);color:#fff;pointer-events:none}.play-badge .msym{font-size:48px;filter:drop-shadow(0 5px 14px rgba(0,0,0,.5))}.media-tag{position:absolute;inset-block-start:10px;inset-inline-start:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--r-xs);background:#0000009e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:800;pointer-events:none}.media-tag .msym{font-size:13px}.doc-actions{position:absolute;inset-block-start:10px;inset-inline-end:10px;display:flex;gap:6px;opacity:0;transform:translateY(-5px);transition:all .25s var(--ease);z-index:2}.doc:hover .doc-actions{opacity:1;transform:translateY(0)}.doc-actions button{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#fffffff0;color:#08211b;box-shadow:var(--shadow-md);transition:transform .18s var(--ease)}.doc-actions button:hover{transform:scale(1.12)}.doc-actions button.del{color:var(--danger)}.doc-actions button .msym{font-size:16px}.doc-body{padding:15px 16px 16px;display:flex;flex-direction:column;flex:1;gap:9px}.doc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.doc-kat{background:color-mix(in srgb,var(--mk) 13%,transparent);color:var(--mk);text-transform:uppercase;font-size:9.5px}.doc-lok{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:800;color:var(--mk);white-space:nowrap}.doc-lok .msym{font-size:12px}.doc-title{font-size:14.5px;font-weight:800;line-height:1.42;letter-spacing:-.018em}.doc-desc{font-size:12px;color:var(--text-muted);line-height:1.62;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.doc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:11px;border-top:1px dashed var(--border);font-size:10.5px;font-weight:700;color:var(--text-muted)}.doc-foot span{display:inline-flex;align-items:center;gap:4px}.doc-foot .msym{font-size:13px}.drive-link{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:6px 12px;border-radius:var(--r-xs);background:var(--surface-2);border:1px solid var(--border);font-size:11px;font-weight:700;text-decoration:none;transition:all .2s var(--ease)}.drive-link:hover{border-color:var(--border-strong);transform:translateY(-1px)}.gal.mini .doc-body{padding:11px 12px 12px;gap:6px}.gal.mini .doc-title{font-size:12.5px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.gal.mini .doc-desc,.gal.mini .doc-foot,.gal.mini .drive-link{display:none}.gal.list .doc{flex-direction:row;align-items:stretch}.gal.list .doc-media{width:min(240px,34%);aspect-ratio:auto}.gal.list .doc-body{padding:16px 18px}.gal.list .doc-desc{-webkit-line-clamp:2}.gal.bento .doc{grid-column:span 1;grid-row:span 1}.gal.bento .doc.w2{grid-column:span 2}.gal.bento .doc.h2{grid-row:span 2}.gal.bento .doc-media{aspect-ratio:auto;flex:1}.gal.bento .doc-body{position:absolute;inset-block-end:0;inset-inline:0;padding:14px;gap:5px;background:linear-gradient(to top,rgba(0,0,0,.86) 12%,rgba(0,0,0,.55) 55%,transparent);color:#fff;pointer-events:none}.gal.bento .doc-title{font-size:13.5px;color:#fff;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.gal.bento .doc.w2.h2 .doc-title{font-size:18px;-webkit-line-clamp:3}.gal.bento .doc-desc,.gal.bento .doc-foot,.gal.bento .drive-link{display:none}.gal.bento .doc.h2 .doc-desc{display:-webkit-box;color:#ffffffd1;-webkit-line-clamp:2}.gal.bento .doc-kat{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gal.bento .doc-lok{color:#ffffffe6}.gal.bento .doc-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gal.bento .doc-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.35),transparent 55%)}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;flex-direction:column;gap:14px;padding:clamp(14px,3vw,30px);background:#040c0ae6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.lb-head{display:flex;align-items:flex-start;gap:16px;color:#fff}.lb-title{font-size:17px;font-weight:800;letter-spacing:-.02em}.lb-sub{font-size:12.5px;color:#ffffffa8;margin-top:5px;line-height:1.55}.lb-close{margin-inline-start:auto;flex-shrink:0;display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:var(--r-pill);background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:12.5px;font-weight:700;transition:background-color .2s}.lb-close:hover{background:#ffffff38}.lb-stage{flex:1;position:relative;display:grid;place-items:center;min-height:0}.lb-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--r-md);box-shadow:0 30px 70px -26px #000000e6}.lb-stage iframe{width:100%;height:100%;border:none;border-radius:var(--r-md);background:#000}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ffffff24;border:1px solid rgba(255,255,255,.22);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .2s,transform .2s var(--ease)}.lb-nav:hover{background:#ffffff42}.lb-nav.prev{inset-inline-start:6px}.lb-nav.next{inset-inline-end:6px}.lb-strip{display:flex;gap:9px;overflow-x:auto;padding:4px 2px;flex-shrink:0}.lb-strip img{width:78px;height:54px;object-fit:cover;border-radius:var(--r-xs);cursor:pointer;opacity:.45;border:2px solid transparent;transition:all .22s var(--ease);flex-shrink:0}.lb-strip img:hover{opacity:.8}.lb-strip img.on{opacity:1;border-color:var(--brand-400);transform:translateY(-2px)}.form-wrap{max-width:840px;margin-inline:auto;padding:clamp(20px,3vw,30px)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .full{grid-column:1 / -1}.form-actions{display:flex;gap:12px;margin-top:24px}.form-actions .btn{flex:1}.form-actions .btn-primary,.form-actions .btn-gold{flex:2}.tabs{display:inline-flex;gap:4px;padding:5px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:20px}.tab{padding:9px 18px;border-radius:var(--r-sm);font-size:13px;font-weight:700;color:var(--text-muted);transition:all .22s var(--ease)}.tab:hover{color:var(--text)}.tab.on{background:var(--surface);color:var(--brand-500);box-shadow:var(--shadow-sm)}.range-row{display:flex;align-items:center;gap:16px}input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:var(--r-pill);background:var(--surface-2);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--brand-500);border:3px solid var(--surface);box-shadow:var(--shadow-md);cursor:pointer}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--brand-500);border:3px solid var(--surface);cursor:pointer}.range-val{font-family:var(--font-display);font-size:23px;font-weight:900;color:var(--brand-500);min-width:62px;text-align:end;letter-spacing:-.03em}.hint{font-size:12.5px;line-height:1.75;color:var(--text-muted);background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--r-md);padding:16px 18px;margin-bottom:22px}.hint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:var(--surface);padding:2px 7px;border-radius:6px;color:var(--gold-500)}.step{display:flex;align-items:center;gap:11px;margin-bottom:9px}.step:last-child{margin-bottom:0}.step-n{width:24px;height:24px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:var(--gold-400);color:#fff;font-size:11.5px;font-weight:800}.step-t{font-size:13px;font-weight:700;color:var(--text)}.tbl-wrap{border:1px solid var(--border);border-radius:var(--r-md);overflow:auto;max-height:340px;background:var(--surface);margin-bottom:16px}.tbl{border-collapse:collapse;width:100%;font-size:11.5px}.tbl th,.tbl td{padding:9px 13px;text-align:start;white-space:nowrap;max-width:250px;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--border)}.tbl th{position:sticky;top:0;z-index:1;background:var(--gold-400);color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.tbl tbody tr:hover{background:var(--surface-2)}.tbl td.nil{color:var(--text-soft);font-style:italic}.log{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.8;max-height:220px;overflow-y:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:15px 17px;margin-top:18px;white-space:pre-wrap}.login{min-height:100dvh;display:grid;place-items:center;padding:22px}.login-card{width:min(410px,100%);padding:clamp(28px,5vw,40px);border-radius:var(--r-xl);background:var(--surface-glass);backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);border:1px solid var(--border);box-shadow:var(--shadow-lg);text-align:center}.login-mark{width:74px;height:74px;margin:0 auto 18px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(140deg,var(--brand-500),var(--brand-700));color:#fff;font-family:var(--font-display);font-weight:900;font-size:30px;letter-spacing:-.05em;box-shadow:var(--shadow-glow)}.login-title{font-size:25px;letter-spacing:-.04em}.login-sub{font-size:12.5px;font-weight:700;color:var(--text-muted);margin-top:6px;line-height:1.6}.login-form{display:flex;flex-direction:column;gap:12px;margin-top:28px}.login-form .input{text-align:center}.login-err{font-size:12.5px;font-weight:700;color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);padding:10px 14px;border-radius:var(--r-sm)}.login-div{display:flex;align-items:center;gap:12px;margin:6px 0;font-size:11px;font-weight:700;color:var(--text-soft)}.login-div:before,.login-div:after{content:"";flex:1;height:1px;background:var(--border)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:grid;place-items:center;padding:22px;background:#040c0a9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:min(410px,100%);padding:28px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);text-align:center}.modal-ico{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--mk) 14%,transparent);color:var(--mk)}.modal-ico .msym{font-size:28px}.modal-title{font-size:18px}.modal-text{font-size:13px;color:var(--text-muted);margin-top:8px;line-height:1.65}.modal-actions{display:flex;gap:11px;margin-top:24px}.modal-actions .btn{flex:1}.toasts{position:fixed;inset-block-end:22px;inset-inline-end:22px;z-index:500;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:11px;padding:13px 17px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);border-inline-start:3px solid var(--mk);box-shadow:var(--shadow-lg);font-size:13px;font-weight:700;max-width:340px;pointer-events:auto}.toast .msym{font-size:19px;color:var(--mk);flex-shrink:0}.bnav{display:none}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#040c0a99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:flex-end}.sheet{width:100%;max-height:78dvh;overflow-y:auto;padding:8px 16px calc(20px + env(safe-area-inset-bottom));background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;border-top:1px solid var(--border)}.sheet-grip{width:40px;height:4px;border-radius:var(--r-pill);background:var(--border-strong);margin:10px auto 16px}.sheet-title{font-size:15px;margin-bottom:14px;padding-inline:4px}@media(max-width:1240px){.dash-hero{grid-column:span 5}.dash-trend{grid-column:span 7}.dash-markaz,.dash-kat{grid-column:span 12}.dash-kpis{grid-template-columns:repeat(2,1fr)}.gal.bento{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.rail{inset-block:0;inset-inline-start:0;width:min(300px,84vw);border-radius:0 var(--r-xl) var(--r-xl) 0;transform:translate(-102%);transition:transform .38s var(--ease)}[dir=rtl] .rail{border-radius:var(--r-xl) 0 0 var(--r-xl);transform:translate(102%)}.rail.open{transform:translate(0)}.rail.mini{width:min(300px,84vw);padding-inline:14px}.rail.mini .brand-text,.rail.mini .nav-label,.rail.mini .nav-caret,.rail.mini .rail-foot-text{display:revert}.rail.mini .nav-item{justify-content:flex-start;padding-inline:14px}.rail-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:89;background:#040c0a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.main,.main.wide{margin-inline-start:0;padding-bottom:96px}.burger{display:inline-grid}.dash-hero,.dash-trend{grid-column:span 12}.dash-kpis{grid-template-columns:repeat(2,1fr)}.bnav{position:fixed;inset-block-end:0;inset-inline:0;z-index:95;display:flex;justify-content:space-around;align-items:center;gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--surface-glass);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);border-top:1px solid var(--border)}.bnav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:var(--r-sm);font-size:10px;font-weight:700;color:var(--text-soft);transition:color .2s}.bnav button .msym{font-size:22px}.bnav button.on{color:var(--brand-500)}.bnav button.on .msym{font-variation-settings:"FILL" 1}.toasts{inset-inline:14px;inset-block-end:calc(76px + env(safe-area-inset-bottom))}.toast{max-width:none}}@media(max-width:720px){.topbar{top:8px;padding:9px 11px;margin-bottom:18px}.topbar-title{font-size:15px}.topbar-sub{display:none}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.gal.grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.gal.mini{grid-template-columns:repeat(2,1fr);gap:11px}.gal.bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:148px;gap:11px}.gal.bento .doc.w2{grid-column:span 2}.gal.list .doc{flex-direction:column}.gal.list .doc-media{width:100%;aspect-ratio:16 / 10}.dash-kpis{grid-template-columns:1fr}.dash-grid{gap:14px}.panel{padding:18px}.lb-strip img{width:62px;height:44px}}@media(max-width:420px){.gal.mini{grid-template-columns:1fr}.seg button{width:32px}}.markaz-row{display:flex;align-items:center;gap:22px}.markaz-ring{flex:0 0 auto;width:208px;height:208px}.legenda{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;max-height:216px;overflow-y:auto;padding-inline-end:4px}.legenda-baris{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border-radius:var(--r-xs);text-align:start;transition:background-color .2s var(--ease)}.legenda-baris:hover{background:var(--surface-2)}.legenda-baris>i{width:9px;height:9px;border-radius:3px;flex-shrink:0}.legenda-nama{font-size:11.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0;max-width:46%}.legenda-bar{flex:1;height:6px;min-width:24px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden;display:block}.legenda-bar b{display:block;height:100%;border-radius:var(--r-pill)}.legenda-n{font-size:12px;font-weight:800;color:var(--text-muted);min-width:22px;text-align:end}.kat-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;justify-content:center}.kat-chip{cursor:pointer;transition:transform .18s var(--ease);outline-offset:1px}.kat-chip:hover{transform:translateY(-1px)}.kat-chip>i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ubin-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:148px;grid-auto-flow:dense;gap:14px}.ubin{position:relative;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);cursor:pointer;background:var(--surface-2);transition:transform .32s var(--ease),box-shadow .32s var(--ease),border-color .32s var(--ease)}.ubin:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--mk) 45%,transparent);box-shadow:0 4px 12px #08211b12,0 26px 52px -22px color-mix(in srgb,var(--mk) 62%,transparent)}.ubin.w2{grid-column:span 2}.ubin.h2{grid-row:span 2}.ubin-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s var(--ease)}.ubin:hover .ubin-bg{transform:scale(1.07)}.ubin-poster{display:grid;place-items:center;background:linear-gradient(150deg,color-mix(in srgb,var(--mk) 88%,#000),var(--mk));color:#ffffffe6}.ubin-poster .msym{font-size:38px}.ubin:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.88) 8%,rgba(0,0,0,.45) 52%,transparent 78%);pointer-events:none}.ubin-isi{position:absolute;inset-block-end:0;inset-inline:0;z-index:1;padding:13px;display:flex;flex-direction:column;gap:6px;color:#fff;pointer-events:none}.ubin-kat{align-self:flex-start;background:#fff3;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:9.5px;text-transform:uppercase;padding:4px 9px}.ubin-judul{font-size:13px;font-weight:800;line-height:1.4;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ubin.w2.h2 .ubin-judul{font-size:19px;-webkit-line-clamp:3}.ubin.w2 .ubin-judul{font-size:15px}.ubin-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;font-weight:700;color:#ffffffd1}.ubin-meta span{display:inline-flex;align-items:center;gap:3px}.ubin-meta .msym{font-size:12px}.ubin:not(.w2):not(.h2) .ubin-meta span:last-child{display:none}.ubin-play{position:absolute;inset-block-start:10px;inset-inline-end:10px;z-index:1;font-size:24px;color:#fff;filter:drop-shadow(0 3px 8px rgba(0,0,0,.55));pointer-events:none}@media(max-width:1240px){.ubin-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.markaz-row{flex-direction:column;gap:14px}.markaz-ring{width:186px;height:186px}.legenda{width:100%;max-height:none}.legenda-nama{max-width:none}}@media(max-width:720px){.ubin-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:132px;gap:11px}.ubin.w2{grid-column:span 2}.ubin.w2.h2 .ubin-judul{font-size:16px}}.marquee{position:relative;overflow:hidden;margin-bottom:22px;padding:9px 0;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}.marquee-jalan{display:flex;width:max-content;animation:marquee-geser 46s linear infinite}.marquee:hover .marquee-jalan{animation-play-state:paused}[dir=rtl] .marquee-jalan{animation-name:marquee-geser-rtl}.marquee-deret{display:flex;align-items:center;flex-shrink:0}.marquee-butir{display:inline-flex;align-items:center;gap:16px;padding-inline:0 16px;font-size:12px;font-weight:700;letter-spacing:.005em;color:var(--text-muted);white-space:nowrap;direction:ltr}.marquee-teks{unicode-bidi:isolate}.marquee-teks.ar{font-family:var(--font-arabic);font-size:13.5px;color:var(--brand-500);direction:rtl}.marquee-titik{width:4px;height:4px;border-radius:50%;background:var(--gold-400);flex-shrink:0;opacity:.75}@keyframes marquee-geser{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-geser-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}@media(prefers-reduced-motion:reduce){.marquee-jalan{animation:none}}.toggle-bahasa{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 12px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);font-size:12px;font-weight:800;color:var(--text-muted);transition:all .22s var(--ease);flex-shrink:0}.toggle-bahasa:hover{border-color:var(--brand-500);color:var(--text)}.toggle-bahasa:disabled{opacity:.6}.tb-aktif{color:#fff;background:var(--brand-500);border-radius:var(--r-pill);padding:3px 8px;min-width:26px;text-align:center;font-size:11px}.toggle-bahasa.ar .tb-aktif{font-family:var(--font-arabic);font-size:13px;padding:1px 8px}.tb-panah{font-size:14px!important;opacity:.5}.tb-pasif{font-size:11px;opacity:.75;min-width:16px;text-align:center}.toggle-bahasa:not(.ar) .tb-pasif{font-family:var(--font-arabic);font-size:13px}.toggle-tema{width:38px;height:38px;border-radius:var(--r-pill);display:inline-grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);transition:all .22s var(--ease);flex-shrink:0;overflow:hidden}.toggle-tema:hover{border-color:var(--gold-400);color:var(--gold-400)}.toggle-tema .msym{font-size:19px}.topbar-akun{display:none}.login-alat{position:fixed;inset-block-start:20px;inset-inline-end:20px;z-index:5}.login-form{text-align:start}.login-form .field>label{font-size:11.5px}.input-ikon{position:relative}.input-ikon .msym{position:absolute;inset-inline-start:13px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-soft);pointer-events:none}.input-ikon .input{padding-inline-start:42px}.pin-wrap{position:relative}.pin-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2;font-size:16px}.pin-kotak{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.pin-sel{height:52px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--surface-2);border:1.5px solid transparent;font-size:22px;font-weight:800;color:var(--brand-500);transition:all .2s var(--ease)}.pin-sel.isi{border-color:var(--brand-500);background:var(--surface)}.pin-sel.aktif{border-color:var(--brand-500);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-500) 14%,transparent)}.login-status,.login-err{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;padding:10px 14px;border-radius:var(--r-sm)}.login-status{color:var(--text-muted);background:var(--surface-2)}.login-err{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.login-err .msym{font-size:17px}.login-bantuan{font-size:11.5px;line-height:1.6;color:var(--text-soft);font-weight:600}.pin-kecil{letter-spacing:.5em;text-align:center;font-weight:800}.field-bantuan{font-size:11px;color:var(--text-soft);font-weight:600;line-height:1.5}.avatar{border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(140deg,var(--brand-400),var(--brand-600));color:#fff;font-weight:800;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.rail-foot{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px}.rail-akun{flex:1;min-width:0;display:flex;align-items:center;gap:11px;padding:7px 8px;border-radius:var(--r-sm);text-align:start;transition:background-color .2s}.rail-akun:hover{background:var(--surface-2)}.rail-foot-text{display:flex;flex-direction:column;min-width:0}.rail-nama{font-size:12.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-peran{font-size:10.5px;font-weight:700;color:var(--text-soft)}.rail-keluar{width:34px;height:34px;color:var(--danger)}.rail-keluar .msym{font-size:17px}.rail.mini .rail-foot{flex-direction:column}.rail.mini .rail-akun{justify-content:center}.rail.mini .rail-foot-text{display:none}.nav-ciut{margin-top:8px}.akun-wrap{max-width:780px;margin-inline:auto;display:flex;flex-direction:column;gap:18px}.akun-kepala{display:flex;align-items:center;gap:20px}.akun-foto{position:relative;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--brand-400),var(--brand-600));color:#fff;font-family:var(--font-display);font-size:30px;font-weight:900;flex-shrink:0}.akun-foto img{width:100%;height:100%;border-radius:50%;object-fit:cover}.akun-foto-btn{position:absolute;inset-block-end:-2px;inset-inline-end:-2px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);color:var(--text-muted);transition:all .2s var(--ease)}.akun-foto-btn:hover{color:var(--brand-500);transform:scale(1.08)}.akun-foto-btn .msym{font-size:16px}.akun-nama{font-size:20px}.akun-jabatan{font-size:13px;color:var(--text-muted);font-weight:600;margin-top:3px}.akun-tanda{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.chip-peran{text-transform:none}.chip-peran[data-peran=admin]{background:color-mix(in srgb,var(--gold-400) 15%,transparent);color:var(--gold-500)}.chip-peran[data-peran=dokumentasi]{background:color-mix(in srgb,var(--brand-500) 13%,transparent);color:var(--brand-500)}.chip-peran[data-peran=tamu]{background:var(--surface-2);color:var(--text-muted)}.chip-peran .msym{font-size:14px}.chip-user{background:var(--surface-2);color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.pengguna-wrap{max-width:880px;margin-inline:auto}.pengguna-list{display:flex;flex-direction:column;gap:11px}.pengguna-baris{display:flex;align-items:center;gap:15px;padding:14px 17px}.pengguna-foto{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--brand-400),var(--brand-600));color:#fff;font-weight:800;font-size:15px;flex-shrink:0;overflow:hidden}.pengguna-foto img{width:100%;height:100%;object-fit:cover}.pengguna-info{flex:1;min-width:0}.pengguna-nama{font-size:14px;font-weight:800;letter-spacing:-.015em}.pengguna-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:3px;font-size:11.5px;font-weight:600;color:var(--text-muted)}.pengguna-meta span:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-soft)}.pengguna-aksi{display:flex;gap:6px;flex-shrink:0}.pengguna-aksi .icon-btn{width:36px;height:36px}.pengguna-aksi .icon-btn .msym{font-size:17px}.pengguna-aksi .icon-btn:disabled{opacity:.35;cursor:not-allowed}.modal-lebar{width:min(600px,100%);text-align:start}.peran-pilih{display:grid;gap:8px}.peran-opsi{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:var(--r-sm);background:var(--surface-2);border:1.5px solid transparent;text-align:start;transition:all .2s var(--ease)}.peran-opsi:hover{border-color:var(--border-strong)}.peran-opsi.on{background:var(--surface);border-color:var(--mk, var(--brand-500))}.peran-opsi[data-peran=admin]{--mk: var(--gold-400)}.peran-opsi[data-peran=dokumentasi]{--mk: var(--brand-500)}.peran-opsi[data-peran=tamu]{--mk: var(--text-soft)}.peran-label{font-size:13px;font-weight:800}.peran-opsi.on .peran-label{color:var(--mk)}.peran-ket{font-size:11px;font-weight:600;color:var(--text-muted);line-height:1.5}.sheet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sheet-opsi{display:flex;align-items:center;gap:9px;padding:13px;border-radius:var(--r-sm);background:var(--surface-2);border:1.5px solid transparent;font-size:12.5px;font-weight:700;color:var(--text);text-align:start;line-height:1.35;transition:all .2s var(--ease)}.sheet-opsi>i{width:9px;height:9px;border-radius:50%;background:var(--mk);flex-shrink:0}.sheet-opsi.on{border-color:var(--mk);background:color-mix(in srgb,var(--mk) 10%,transparent);color:var(--mk)}.sheet-pisah{height:1px;background:var(--border);margin:12px 0}@media(max-width:1024px){.burger{display:none!important}.segarkan,.live-label{display:none}.live-dot{padding:7px}.topbar-akun{display:inline-flex;flex-shrink:0}.topbar{gap:10px}.topbar-actions{gap:7px}.marquee{position:fixed;inset-block-end:calc(66px + env(safe-area-inset-bottom));inset-inline:0;z-index:94;margin:0;border-radius:0;border-inline:none;border-block-end:none;padding:7px 0;background:var(--surface-glass);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}.marquee-butir{font-size:11px}.marquee-butir.ar{font-size:12.5px}.main,.main.wide{padding-bottom:128px}.toasts{inset-block-end:calc(112px + env(safe-area-inset-bottom))}.akun-kepala{flex-direction:column;text-align:center;gap:14px}.akun-tanda{justify-content:center}}@media(max-width:720px){.pin-kotak{gap:6px}.pin-sel{height:46px;font-size:19px}.pengguna-baris{flex-wrap:wrap;gap:11px}.pengguna-info{flex-basis:calc(100% - 130px)}.pengguna-aksi{margin-inline-start:auto}.toggle-bahasa{padding:0 9px;gap:4px}.tb-panah{display:none}}.logo{display:inline-grid;place-items:center;flex-shrink:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);padding:5px;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.logo img{width:100%;height:100%;object-fit:contain;display:block}.logo-ganti{background:linear-gradient(140deg,var(--brand-500),var(--brand-700));border-color:transparent;color:#fff;font-family:var(--font-display);font-weight:900;letter-spacing:-.05em;padding:0;box-shadow:var(--shadow-glow)}.brand:hover .logo{transform:translateY(-2px) rotate(-3deg)}.kepala-lengket{position:sticky;top:12px;z-index:60;margin-bottom:24px}.kepala-lengket .topbar{margin-bottom:0}.kepala-lengket .marquee{margin-top:10px;margin-bottom:0}@media(max-width:1024px){.kepala-lengket{top:8px;margin-bottom:18px}.kepala-lengket .marquee{margin-top:0}}.lb-catatan{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:11px 15px;border-radius:var(--r-sm);background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:#ffffffe0;font-size:12px;font-weight:600;line-height:1.55;flex-shrink:0}.lb-catatan>.msym{font-size:18px;color:var(--gold-300);flex-shrink:0}.lb-catatan code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:#00000059;padding:2px 6px;border-radius:5px;margin:0 2px}.lb-catatan-btn{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--r-pill);background:#ffffff29;color:#fff;text-decoration:none;font-size:11.5px;font-weight:700;white-space:nowrap;transition:background-color .2s}.lb-catatan-btn:hover{background:#ffffff47}.lb-catatan-btn .msym{font-size:15px}