:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#e2e8f0;--text-strong:#f8fafc;--muted:#94a3b8;--muted-soft:#64748b;--accent:#38bdf8;--accent-soft:#7dd3fc;--line:#94a3b838;--panel:#0f172ac7;--body-bg:radial-gradient(circle at 12% 4%, #38bdf82e, transparent 27rem), radial-gradient(circle at 85% 0%, #6366f124, transparent 30rem), radial-gradient(circle at 50% 100%, #0f172a80, transparent 34rem), linear-gradient(135deg, #020617 0%, #0f172a 46%, #020617 100%);--hero-shine:linear-gradient(115deg, transparent 0 42%, #38bdf81a 46%, transparent 54%);--hero-glow:radial-gradient(circle at 78% 18%, #38bdf824, transparent 12rem);--primary-text:#082f49;--primary-bg:linear-gradient(180deg, #ffffff47, transparent 42%), linear-gradient(135deg, #7dd3fc 0%, #38bdf8 42%, #0284c7 100%);--primary-shadow:0 14px 34px #38bdf83d, inset 0 1px 0 #ffffff8c;--primary-shadow-hover:0 18px 42px #38bdf857, inset 0 1px 0 #ffffff9e;--secondary-text:#e2e8f0;--secondary-border:#94a3b847;--secondary-bg:linear-gradient(180deg, #94a3b814, transparent), #1e293bb8;--secondary-bg-hover:linear-gradient(180deg, #94a3b824, transparent), #334155d1;--secondary-border-hover:#94a3b873;--input-text:#f8fafc;--input-bg:#0206178a;--input-bg-focus:#0f172ad1;--input-border:#94a3b83d;--input-placeholder:#64748b;--input-focus-ring:#38bdf826;--label:#cbd5e1;--link:#7dd3fc;--selection-text:#082f49;--selection-bg:#38bdf8;--table-bg:#02061761;--table-border:#94a3b829;--table-row-border:#94a3b81a;--table-head-bg:#0f172afa;--table-head-text:#e2e8f0;--table-text:#cbd5e1;--table-hover:#38bdf80f;--modal-bg:radial-gradient(circle at top right, #38bdf81f, transparent 18rem), linear-gradient(180deg, #ffffff0a, transparent), #0f172a;--modal-border:#94a3b842;--modal-backdrop:#020617c2;--modal-header-border:#94a3b824;--scrollbar-track:#0f172ab3;--scrollbar-thumb:linear-gradient(180deg, #7dd3fc, #0284c7);--action-text:#e2e8f0;--action-bg:linear-gradient(180deg, #94a3b81a, transparent), #1e293be6;--action-border:#94a3b833;--action-bg-hover:linear-gradient(180deg, #38bdf824, transparent), #334155f5;--action-border-hover:#38bdf859;--icon-btn-bg:#1e293bdb;--icon-btn-bg-hover:#334155f2;--icon-btn-text:#e2e8f0;--icon-btn-border:#94a3b833;--badge-yes-text:#082f49;--badge-yes-bg:linear-gradient(135deg, #bae6fd, #38bdf8);--badge-no-text:#e2e8f0;--badge-no-bg:#334155c7;--badge-no-border:#94a3b847;--stat-icon-text:#082f49;--stat-green:linear-gradient(135deg, #bae6fd, #38bdf8);--stat-orange:linear-gradient(135deg, #93c5fd, #3b82f6);--stat-blue:linear-gradient(135deg, #a5b4fc, #6366f1);--confirm-detail-bg:#02061770;--confirm-detail-border:#94a3b824;--theme-active-bg:linear-gradient(180deg, #ffffff38, transparent 45%), linear-gradient(135deg, #7dd3fc, #0284c7);--theme-active-text:#082f49;--theme-option-bg:#1e293bb8;--theme-option-text:#e2e8f0;--theme-option-border:#94a3b833}[data-theme=terang]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text:#4a5568;--text-strong:#2d3748;--muted:#718096;--muted-soft:#8fa0b5;--accent:#4299e1;--accent-soft:#63b3ed;--line:#a3b1c673;--panel:#e0e5ec;--emboss-bg:#e0e5ec;--emboss-light:#fff;--emboss-dark:#a3b1c6;--body-bg:#e0e5ec;--hero-shine:none;--hero-glow:none;--primary-text:#fff;--primary-bg:linear-gradient(145deg, #63b3ed, #4299e1);--primary-shadow:8px 8px 16px #a3b1c6, -6px -6px 14px #fff, inset 1px 1px 0 #ffffff59;--primary-shadow-hover:10px 10px 18px #a3b1c6, -8px -8px 16px #fff;--secondary-text:#4a5568;--secondary-border:transparent;--secondary-bg:#e0e5ec;--secondary-bg-hover:#e0e5ec;--secondary-border-hover:transparent;--input-text:#4a5568;--input-bg:#e0e5ec;--input-bg-focus:#e0e5ec;--input-border:transparent;--input-placeholder:#8fa0b5;--input-focus-ring:#4299e133;--label:#718096;--link:#4299e1;--selection-text:#fff;--selection-bg:#4299e1;--table-bg:#e0e5ec;--table-border:transparent;--table-row-border:#a3b1c659;--table-head-bg:#d6dde8;--table-head-text:#2d3748;--table-text:#4a5568;--table-hover:#4299e10f;--modal-bg:#e0e5ec;--modal-border:transparent;--modal-backdrop:#2d374859;--modal-header-border:#a3b1c673;--scrollbar-track:#d6dde8;--scrollbar-thumb:linear-gradient(180deg, #cbd5e0, #4299e1);--action-text:#4a5568;--action-bg:#e0e5ec;--action-border:transparent;--action-bg-hover:#e0e5ec;--action-border-hover:transparent;--icon-btn-bg:#e0e5ec;--icon-btn-bg-hover:#e0e5ec;--icon-btn-text:#4a5568;--icon-btn-border:transparent;--badge-yes-text:#2b6cb0;--badge-yes-bg:linear-gradient(145deg, #bee3f8, #63b3ed);--badge-no-text:#4a5568;--badge-no-bg:#d6dde8;--badge-no-border:transparent;--stat-icon-text:#2b6cb0;--stat-green:linear-gradient(145deg, #c6f6d5, #68d391);--stat-orange:linear-gradient(145deg, #feebc8, #f6ad55);--stat-blue:linear-gradient(145deg, #bee3f8, #4299e1);--confirm-detail-bg:#d6dde8;--confirm-detail-border:#a3b1c680;--theme-active-bg:#e0e5ec;--theme-active-text:#4299e1;--theme-option-bg:#e0e5ec;--theme-option-text:#718096;--theme-option-border:transparent;--neu-raised:8px 8px 16px var(--emboss-dark), -8px -8px 16px var(--emboss-light);--neu-inset:inset 6px 6px 12px var(--emboss-dark), inset -6px -6px 12px var(--emboss-light);--neu-raised-sm:5px 5px 10px var(--emboss-dark), -5px -5px 10px var(--emboss-light);--neu-inset-sm:inset 5px 5px 10px var(--emboss-dark), inset -5px -5px 10px var(--emboss-light)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--body-bg);letter-spacing:.01em;margin:0;font-size:.9rem;font-weight:400;line-height:1.55;transition:background .32s,color .32s;overflow:hidden}button,input,select{letter-spacing:inherit;font-family:inherit}button{cursor:pointer}button:active{transform:translateY(0)}::selection{color:var(--selection-text);background:var(--selection-bg)}a{color:var(--link);align-items:center;gap:.25rem;text-decoration:none;display:inline-flex}.app-shell{grid-template-rows:auto auto minmax(0,1fr);gap:.55rem;width:min(1320px,100% - 1.5rem);height:100vh;margin:0 auto;padding:.85rem 0;display:grid;overflow:hidden}.top-bar{border:1px solid var(--line);background:linear-gradient(135deg, #ffffff0f, transparent 38%), var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;justify-content:space-between;align-items:center;gap:.75rem;min-height:58px;padding:.55rem .75rem;display:flex;box-shadow:0 12px 40px #0000002e,inset 0 1px #ffffff0f}.brand{align-items:center;gap:.7rem;min-width:0;display:flex}.brand-logo{object-fit:cover;border-radius:12px;flex:none;width:42px;height:42px;box-shadow:0 10px 24px #00000038}.brand-copy{min-width:0}.brand h1{max-width:none;color:var(--text-strong);margin-bottom:.12rem;font-size:clamp(1rem,2vw,1.35rem);font-weight:700;line-height:1.2}.brand small{color:var(--muted-soft);font-size:.72rem;font-weight:400}.top-actions{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.hidden-input{display:none}.theme-switcher.compact{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0d, transparent), var(--panel);border-radius:14px;flex:none;align-items:center;gap:.45rem;padding:.35rem;display:flex}.logout-button{white-space:nowrap}.theme-switcher{gap:.45rem;display:grid}.theme-options{gap:.3rem;display:flex}.theme-option{border:1px solid var(--theme-option-border);width:32px;height:32px;min-height:32px;color:var(--theme-option-text);background:var(--theme-option-bg);border-radius:10px;justify-content:center;align-items:center;gap:.3rem;padding:0;font-size:.68rem;font-weight:600;transition:transform .16s,border-color .16s,background .16s,color .16s;display:inline-flex}.theme-option:hover{transform:translateY(-1px)}.theme-option.active{color:var(--theme-active-text);background:var(--theme-active-bg);border-color:#0000;box-shadow:0 8px 18px #0000001f}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:600}h1,h2,p{margin-top:0}h1{max-width:760px;margin-bottom:.45rem;font-size:clamp(1.65rem,3vw,2.45rem);font-weight:700;line-height:1.15}h2{color:var(--text-strong);margin-bottom:0;font-size:1.15rem;font-weight:700;line-height:1.3}.row-actions{flex-wrap:wrap;gap:.55rem;display:flex}.primary-button,.secondary-button,.ghost-button,.danger-button,.row-actions button{border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;font-size:.84rem;font-weight:600;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;display:inline-flex;position:relative;overflow:hidden}.primary-button:before,.secondary-button:before,.ghost-button:before,.danger-button:before{pointer-events:none;content:"";opacity:0;background:linear-gradient(115deg,#0000 0 35%,#ffffff61 46%,#0000 58%);transition:opacity .16s,transform .42s;position:absolute;inset:0;transform:translate(-65%)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.danger-button:hover,.row-actions button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button:hover:before,.secondary-button:hover:before,.ghost-button:hover:before,.danger-button:hover:before{opacity:1;transform:translate(65%)}.primary-button{color:var(--primary-text);background:var(--primary-bg);box-shadow:var(--primary-shadow);padding:.55rem .85rem}.primary-button:hover{box-shadow:var(--primary-shadow-hover)}.secondary-button,.ghost-button{color:var(--secondary-text);border:1px solid var(--secondary-border);background:var(--secondary-bg);padding:.55rem .8rem;box-shadow:inset 0 1px #ffffff0f}.secondary-button:hover,.ghost-button:hover{border-color:var(--secondary-border-hover);background:var(--secondary-bg-hover)}.danger-button{color:#fff5ed;background:linear-gradient(#ffffff29,#0000 45%),linear-gradient(135deg,#ef4444,#b91c1c);border:1px solid #f8717147;padding:.55rem .88rem;box-shadow:0 14px 34px #b91c1c47,inset 0 1px #fff3}.danger-button:hover{box-shadow:0 18px 42px #b91c1c5c,inset 0 1px #ffffff47}.danger-button:disabled,.toolbar-clear-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.stat-card,.panel{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0e, transparent), var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff0f}.stat-card,.panel,.modal-card{animation:.36s both fadeUp}.stats-grid{grid-template-columns:repeat(4,1fr);gap:.45rem;margin:0;display:grid}.stat-card{border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:.2rem .6rem;min-height:58px;padding:.58rem .7rem;display:grid}.stat-icon{border-radius:12px;grid-row:span 2;place-items:center;width:34px;height:34px;display:grid}.stat-icon svg{width:18px;height:18px}.stat-card span{color:var(--muted);font-size:.78rem;font-weight:500}.stat-card strong{color:var(--text);font-size:1.22rem;font-weight:700;line-height:1}.gold .stat-icon{color:var(--stat-icon-text);background:var(--stat-gold,var(--stat-green));box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 20%, transparent)}.green .stat-icon{color:var(--stat-icon-text);background:var(--stat-green);box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 20%, transparent)}.orange .stat-icon{color:var(--stat-icon-text);background:var(--stat-orange);box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 20%, transparent)}.blue .stat-icon{color:var(--stat-icon-text);background:var(--stat-blue);box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 20%, transparent)}.panel{border-radius:20px;flex-direction:column;min-height:0;margin-top:0;padding:.78rem;display:flex}.section-heading,.toolbar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.channel-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem;display:grid}label{color:var(--label);gap:.4rem;font-size:.8rem;font-weight:600;line-height:1.3;display:grid}.section-heading{flex:none}.workflow-note{max-width:720px;color:var(--muted);margin:.45rem 0 0;font-size:.76rem;font-weight:400;line-height:1.55}.workflow-note strong{color:var(--text);font-weight:600}input,select{border:1px solid var(--input-border);width:100%;color:var(--input-text);background:var(--input-bg);border-radius:13px;outline:none;padding:.72rem .85rem;font-size:.9rem;font-weight:400;line-height:1.5;transition:border-color .16s,box-shadow .16s,background .16s}input:focus,select:focus{border-color:var(--accent);background:var(--input-bg-focus);box-shadow:0 0 0 4px var(--input-focus-ring)}input::placeholder{color:var(--input-placeholder);font-weight:400}.input-uppercase{text-transform:uppercase}.submit-button{align-self:end;min-height:42px;font-weight:600}.toolbar{flex:none;margin:.72rem 0 .58rem}.search-box{color:var(--muted-soft);flex:1;position:relative}.search-box svg{position:absolute;bottom:.72rem;left:.9rem}.search-box input{padding-left:2.65rem}.toolbar select{max-width:220px}.toolbar-clear-button{white-space:nowrap;flex:none}.table-wrap{border:1px solid var(--table-border);background:var(--table-bg);scrollbar-color:var(--accent) var(--scrollbar-track);scrollbar-width:thin;border-radius:16px;flex:1;min-height:0;overflow:auto}.table-wrap::-webkit-scrollbar{width:10px;height:10px}.table-wrap::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}.table-wrap::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-track);background:var(--scrollbar-thumb);border-radius:999px}.channel-table .cell-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:11rem;overflow:hidden}.channel-table .cell-id{max-width:9.5rem}.channel-table th.col-sticky-aksi,.channel-table td.col-sticky-aksi{z-index:1;background:var(--table-bg);box-shadow:-5px 0 10px color-mix(in srgb, var(--text) 8%, transparent);position:sticky;right:0}.channel-table tbody tr:hover td.col-sticky-aksi{background:var(--table-hover)}.channel-table th.col-sticky-aksi{z-index:3;background:var(--table-head-bg);box-shadow:-5px 0 10px color-mix(in srgb, var(--text) 10%, transparent)}table{border-collapse:collapse;width:100%;min-width:1120px;height:100%}th,td{border-bottom:1px solid var(--table-row-border);color:var(--table-text);text-align:left;vertical-align:top;padding:.55rem .65rem;font-size:.84rem;font-weight:400;line-height:1.45}th{z-index:2;color:var(--table-head-text);background:var(--table-head-bg);letter-spacing:.03em;text-transform:uppercase;font-size:.78rem;font-weight:600;position:sticky;top:0}tbody tr{min-height:42px}tbody:empty:after{height:170px;color:var(--muted-soft);content:"Belum ada data yang tampil";place-items:center;display:grid}tbody tr:hover{background:var(--table-hover)}td strong{color:var(--text);font-weight:600}.badge{letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;padding:.22rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.monet-badge{width:30px;height:30px;box-shadow:none;background:0 0;border:none;border-radius:999px;padding:0}.money-icon{border-radius:999px;place-items:center;width:34px;height:34px;display:inline-grid;position:relative}.money-icon--yes{color:#f0fdf4;background:linear-gradient(135deg,#4ade80,#16a34a);box-shadow:0 8px 18px #16a34a52}.money-icon--no{color:var(--badge-no-text);background:var(--badge-no-bg);border:1px solid var(--badge-no-border)}.money-icon--no:after{content:"";opacity:.95;background:currentColor;border-radius:999px;width:72%;height:2px;position:absolute;transform:rotate(-38deg)}.stat-icon .money-icon{width:34px;height:34px}.stat-icon:has(.money-icon){border-radius:999px;box-shadow:none!important;background:0 0!important}.monet-badge .money-icon{width:24px;height:24px}.monet-badge .money-icon svg{width:13px;height:13px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.badge.yes{color:var(--badge-yes-text);background:var(--badge-yes-bg);box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 18%, transparent)}.badge.no{color:var(--badge-no-text);background:var(--badge-no-bg);border:1px solid var(--badge-no-border)}.row-actions button{min-height:30px;color:var(--action-text);border:1px solid var(--action-border);background:var(--action-bg);padding:.36rem .65rem;box-shadow:0 8px 18px #0000002e}.row-actions button:hover{border-color:var(--action-border-hover);background:var(--action-bg-hover)}.row-actions .danger{color:#ffd5b0;background:linear-gradient(#f8717124,#0000),#451a03c7;border-color:#f8717138}.row-actions .danger:hover{background:linear-gradient(#f8717133,#0000),#5a2005eb;border-color:#f8717166}.heading-actions,.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.compact-button{padding:.5rem .72rem;font-size:.78rem}.modal-backdrop{z-index:50;background:var(--modal-backdrop);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--modal-border);background:var(--modal-bg);border-radius:24px;width:min(760px,100%);max-height:min(90vh,760px);padding:1.1rem;overflow:auto;box-shadow:0 30px 100px #00000080}.confirm-card{text-align:center;width:min(430px,100%);overflow:hidden}.confirm-icon{color:#fee2e2;background:linear-gradient(#f8717138,#0000),#451a03c7;border:1px solid #f8717147;border-radius:22px;place-items:center;width:58px;height:58px;margin:0 auto .8rem;display:grid;box-shadow:0 18px 42px #b91c1c2e}.danger-eyebrow{color:#fca5a5}.confirm-card h2{margin:.2rem 0 .55rem}.confirm-card p{color:var(--table-text);margin-bottom:.9rem;font-size:.9rem;font-weight:400;line-height:1.6}.confirm-card p strong{color:var(--text);font-weight:600}.confirm-detail{border:1px solid var(--confirm-detail-border);background:var(--confirm-detail-bg);border-radius:16px;gap:.25rem;margin:.9rem 0 1rem;padding:.75rem;display:grid}.confirm-detail span{color:var(--muted-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:600}.confirm-detail strong{color:var(--text);word-break:break-all;font-size:.88rem;font-weight:500;line-height:1.45}.modal-header{border-bottom:1px solid var(--modal-header-border);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.8rem;display:flex}.modal-header h2{margin-top:.15rem}.icon-button{border:1px solid var(--icon-btn-border);width:36px;height:36px;color:var(--icon-btn-text);background:var(--icon-btn-bg);border-radius:12px;place-items:center;transition:transform .16s,background .16s;display:inline-grid}.icon-button:hover{background:var(--icon-btn-bg-hover)}.modal-form{margin-top:1rem}.modal-actions{grid-column:1/-1;padding-top:.3rem}.confirm-actions{justify-content:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.top-bar{flex-wrap:wrap}.brand{flex:100%}.top-actions{flex:auto;justify-content:flex-start}.stats-grid,.channel-form{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar,.section-heading{flex-direction:column;align-items:stretch}.toolbar select{max-width:none}}@media (width<=768px){html,body{overflow:auto}.app-shell{gap:.65rem;width:100%;height:auto;min-height:100dvh;padding:.65rem .75rem 1.25rem;overflow:visible}.top-bar{flex-direction:column;align-items:stretch;gap:.6rem;padding:.7rem}.brand{gap:.6rem}.brand-logo{width:38px;height:38px}.brand h1{font-size:.98rem;line-height:1.25}.brand small{font-size:.68rem;line-height:1.4;display:block}.top-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;width:100%;display:grid}.top-actions button{justify-content:center;min-height:42px;padding:.5rem .35rem;font-size:.72rem}.theme-switcher.compact{justify-content:space-between;width:100%}.theme-options{flex:1;justify-content:center}.logout-button{min-height:42px;padding-inline:.65rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.stat-card{min-height:54px;padding:.55rem .65rem}.stat-card span{font-size:.68rem;line-height:1.25}.stat-card strong{font-size:1.05rem}.panel{border-radius:18px;padding:.7rem}.section-heading h2{font-size:1.05rem}.workflow-note{font-size:.72rem;line-height:1.45}.heading-actions,.heading-actions button{width:100%}.toolbar{gap:.55rem}.search-box input,.toolbar select,.toolbar button{min-height:44px;font-size:16px}.toolbar-clear-button{justify-content:center;width:100%}.table-wrap{background:0 0;border:none;border-radius:0;overflow:visible}.channel-table{min-width:0}.channel-table .cell-truncate,.channel-table .cell-id{max-width:none;text-overflow:unset;white-space:normal;overflow:visible}.channel-table th.col-sticky-aksi,.channel-table td.col-sticky-aksi{box-shadow:none;background:0 0;position:static}.channel-table thead{display:none}.channel-table,.channel-table tbody,.channel-table tr,.channel-table td{width:100%;display:block}.channel-table tr{border:1px solid var(--table-border);background:var(--table-bg);border-radius:16px;margin-bottom:.75rem;padding:.85rem .9rem}.channel-table td{border-bottom:1px solid var(--table-row-border);text-align:left;word-break:break-word;grid-template-columns:minmax(92px,36%) 1fr;align-items:start;gap:.55rem;padding:.5rem 0;display:grid}.channel-table td:last-child{border-bottom:none;padding-bottom:0}.channel-table td:before{content:attr(data-label);color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:.7rem;font-weight:600}.channel-table td[data-label=Nama\ Channel]{border-bottom:1px solid var(--table-row-border);grid-template-columns:1fr;gap:.2rem;padding-top:0}.channel-table td[data-label=Nama\ Channel]:before{font-size:.68rem}.channel-table td[data-label=No]{display:none}.channel-table td[data-label=Aksi] .row-actions{flex-wrap:wrap;justify-content:flex-start}.channel-table td[data-label=Aksi] .row-actions button{min-width:72px;min-height:40px}.channel-table td.table-empty{text-align:center;color:var(--muted);grid-template-columns:1fr;padding:1rem .25rem;display:block}.channel-table td.table-empty:before{content:none}.modal-backdrop{align-items:flex-end;padding:.75rem}.modal-card{border-radius:20px 20px 16px 16px;width:100%;max-height:92dvh;padding:1rem}.channel-form{grid-template-columns:1fr}.modal-actions{gap:.55rem;display:grid}.modal-actions button,.submit-button{width:100%;min-height:44px}.login-card{padding:1.25rem}.login-card h1{font-size:1.15rem}}@media (width<=640px){.modal-actions,.heading-actions,.top-actions{justify-content:stretch}.modal-actions button,.heading-actions button,.top-actions button{width:100%}.top-actions{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.workflow-note{display:none}.theme-switcher.compact{flex-wrap:wrap;gap:.5rem}.logout-button{justify-content:center;width:100%}}@media (width<=480px){.app-shell{padding-inline:.55rem}.brand-copy h1{font-size:.9rem}.stat-card{grid-template-columns:auto 1fr;gap:.15rem .5rem}.stat-icon{width:30px;height:30px}.channel-table td{grid-template-columns:1fr;gap:.25rem}.channel-table td:before{margin-bottom:.1rem}}.auth-shell{background:var(--body-bg);place-items:center;min-height:100vh;padding:1.25rem;display:grid}.login-card{border:1px solid var(--line);background:linear-gradient(135deg, #ffffff0f, transparent 38%), var(--panel);text-align:center;border-radius:24px;width:min(420px,100%);padding:1.5rem;box-shadow:0 24px 80px #00000047}.login-logo{object-fit:cover;border-radius:18px;width:72px;height:72px;margin:0 auto .85rem;box-shadow:0 16px 36px #0000003d}.login-card h1{margin:.35rem 0 .5rem;font-size:1.35rem}.login-card p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.55}.login-form{text-align:left;gap:.85rem;margin-top:1.2rem;display:grid}.login-input-wrap{border:1px solid var(--input-border);background:var(--input-bg);border-radius:13px;align-items:center;gap:.55rem;padding:0 .85rem;display:flex}.login-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--input-focus-ring)}.login-input-wrap input{box-shadow:none;background:0 0;border:none;padding-left:0}.login-input-wrap input:focus{box-shadow:none}.login-button{justify-content:center;width:100%}.login-error{color:#fecaca;margin:0;font-size:.82rem}.back-button{flex:none}.app-main--team{gap:.65rem}.page-header--team h1{margin:.15rem 0 .35rem}.page-header--team small{max-width:52rem;color:var(--muted);font-size:.78rem;line-height:1.45;display:block}.team-page-shell{width:100%;min-width:0}.app-toast{z-index:1400;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, var(--accent) 8%);max-width:min(92vw,420px);color:var(--text);text-align:center;pointer-events:none;border-radius:14px;padding:.62rem 1rem;font-size:.84rem;line-height:1.4;animation:.22s both app-toast-in;position:fixed;bottom:1.35rem;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000047,inset 0 1px #ffffff0f}@keyframes app-toast-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.team-page-muted{color:var(--muted);margin:0;font-size:.85rem}.channel-audit-alert{background:linear-gradient(180deg, #fbbf2414, transparent), var(--panel);border-color:#fbbf2459;padding:.85rem 1rem}.channel-audit-alert strong{color:#fde68a;margin-bottom:.35rem;display:block}.channel-audit-alert p{color:var(--muted);margin:0 0 .55rem;font-size:.82rem;line-height:1.45}.channel-audit-list{color:var(--text);margin:0;padding-left:1.1rem;font-size:.8rem;line-height:1.45}.channel-audit-list li+li{margin-top:.25rem}.channel-audit-more{color:var(--muted-soft);margin:.45rem 0 0;font-size:.76rem}.channel-form-error{color:#fecaca;background:#7f1d1d47;border:1px solid #f8717159;border-radius:12px;margin:0 0 .75rem;padding:.55rem .7rem;font-size:.82rem;line-height:1.45}.team-panel-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,400px);align-items:start;gap:1.25rem;display:grid}.team-panel-list,.team-panel-form-wrap{border:1px solid var(--line);background:var(--table-bg);border-radius:14px;min-width:0;padding:.85rem 1rem}.team-panel-list h3,.team-panel-form-wrap h3{color:var(--text-strong);align-items:center;gap:.4rem;margin:0 0 .75rem;font-size:.95rem;display:flex}.team-panel-status{border:1px solid var(--line);color:var(--accent-soft);background:#ffffff08;border-radius:10px;margin:0 0 .75rem;padding:.5rem .65rem;font-size:.85rem}.team-user-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.team-user-item{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0a, transparent), var(--panel);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:.65rem;padding:.7rem .8rem;display:flex}.team-user-item--inactive{opacity:.72}.team-user-main{flex:1;min-width:0}.team-user-item strong{color:var(--text-strong);margin-bottom:.35rem;font-size:.9rem;display:block}.team-user-meta{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;display:flex}.team-user-handle{color:var(--muted);font-size:.78rem;font-weight:500}.team-user-actions{flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.35rem;width:min(100%,11.5rem);padding-top:.1rem;display:grid}.team-user-actions .compact-button{white-space:nowrap;justify-content:center;align-items:center;gap:.28rem;padding-inline:.45rem;font-size:.72rem;display:inline-flex}.team-edit-modal,.team-reset-modal{width:min(92vw,440px)}.team-user-delete{color:#fecaca;border-color:#f8717159}.team-user-delete:hover{color:#fff;background:#7f1d1d73}.team-user-inactive-badge{letter-spacing:.03em;text-transform:uppercase;color:#fecaca;background:#7f1d1d59;border:1px solid #f8717159;border-radius:999px;padding:.12rem .45rem;font-size:.68rem;font-weight:700}.role-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.12rem .45rem;font-size:.68rem;font-weight:700;display:inline-flex}.role-badge--admin{color:#082f49;background:linear-gradient(135deg,#bae6fd,#38bdf8)}.role-badge--user{color:var(--text);border:1px solid var(--line);background:var(--secondary-bg)}.team-pengelola-tag{color:var(--accent-soft);flex:100%;margin:.15rem 0 0;font-size:.76rem;font-weight:500;line-height:1.4}.team-panel-form{gap:.65rem;display:grid}.team-form-field{color:var(--label);gap:.4rem;font-size:.8rem;font-weight:600;line-height:1.3;display:grid}.team-panel-form .submit-button{width:100%;margin-top:.15rem}.team-pengelola-fieldset{border:1px solid var(--line);background:#0000001f;border-radius:12px;margin:0;padding:.55rem .65rem .65rem}.team-pengelola-fieldset legend{color:var(--label);padding:0 .35rem;font-size:.78rem;font-weight:600}.team-pengelola-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem .45rem;max-height:168px;margin-top:.35rem;padding:.15rem .1rem .15rem 0;display:grid;overflow:auto}.team-pengelola-empty{color:var(--muted);grid-column:1/-1;margin:0;padding:.35rem 0;font-size:.78rem;font-weight:400;line-height:1.45}.team-pengelola-option{min-width:0;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;margin:0;padding:.38rem .45rem;font-size:.8rem;font-weight:500;line-height:1.25;transition:background .14s;display:flex}.team-pengelola-option:hover{background:#ffffff0d}.team-pengelola-option input[type=checkbox]{width:1rem;min-width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer;border-radius:4px;flex-shrink:0;margin:0;padding:0}.team-pengelola-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width<=960px){.team-panel-grid{grid-template-columns:1fr}}@media (width<=768px){.team-pengelola-options{grid-template-columns:1fr}}.rekap-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:.65rem;min-height:0;display:grid}.rekap-list,.rekap-detail{min-height:0;overflow:auto}.rekap-cards{gap:.55rem;display:grid}.rekap-card{text-align:left;border:1px solid var(--line);width:100%;color:inherit;background:linear-gradient(180deg, #ffffff0a, transparent), var(--panel);border-radius:14px;align-items:stretch;gap:0;padding:0;transition:border-color .16s,transform .16s;display:flex;overflow:hidden}.rekap-card-main{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:none;flex:1;gap:.25rem;padding:.8rem .9rem;display:grid}.rekap-card-delete{border:none;border-left:1px solid var(--line);color:#fca5a5;cursor:pointer;background:#7f1d1d1f;flex-shrink:0;justify-content:center;align-items:center;width:2.6rem;transition:background .16s,color .16s;display:inline-flex}.rekap-card-delete:hover{color:#fecaca;background:#7f1d1d47}.rekap-card:hover,.rekap-card.active{border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-1px)}.rekap-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.rekap-card p{color:var(--text);margin:0;font-size:.86rem}.rekap-card-main p{margin:0}.rekap-card small{color:var(--muted-soft);font-size:.72rem}.rekap-empty,.rekap-empty-state{color:var(--muted);text-align:center}.rekap-empty-state{place-items:center;gap:.65rem;min-height:320px;padding:1rem;display:grid}.rekap-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-bottom:.75rem;display:grid}.rekap-summary-card{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0a, transparent), var(--panel);border-radius:14px;gap:.2rem;padding:.75rem .85rem;display:grid}.rekap-summary-card span{color:var(--muted);font-size:.72rem}.rekap-summary-card strong{color:var(--text-strong);word-break:break-word;font-size:.92rem;line-height:1.35}.rekap-summary-grid--user{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.rekap-summary-card--rupiah{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, transparent), transparent 55%), var(--panel)}.rekap-summary-card--rupiah strong{color:var(--accent-soft);font-size:1rem}.rekap-sync-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-bottom:.75rem;display:grid}.rekap-sync-item{border-radius:12px;align-items:center;gap:.35rem;padding:.55rem .65rem;font-size:.76rem;display:inline-flex}.rekap-sync-item.ok{color:#bbf7d0;background:#16a34a2e}.rekap-sync-item.warn{color:#fde68a;background:#f59e0b2e}.rekap-sync-item.bad{color:#fecaca;background:#ef44442e}.rekap-sync-item.muted{color:var(--muted);background:#94a3b81f}.rekap-kurs-bar{background:#0f172a73;border:1px solid #d4af3747;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:.85rem;padding:.75rem .9rem;display:flex}.rekap-kurs-field{flex-direction:column;gap:.25rem;min-width:160px;display:flex}.rekap-kurs-field span{color:var(--muted-soft);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:600}.rekap-kurs-field input{width:100%;min-width:140px;color:var(--text);background:#020617a6;border:1px solid #d4af3759;border-radius:8px;padding:.45rem .6rem;font-size:.92rem;font-weight:600}.rekap-kurs-field--readonly strong{color:var(--text-strong);margin-top:.25rem;font-size:1rem;display:block}.rekap-kurs-field input:focus{border-color:#d4af37bf;outline:none;box-shadow:0 0 0 2px #d4af3726}.rekap-kurs-note{color:var(--muted-soft);flex:220px;font-size:.74rem;line-height:1.45}.rekap-total-pill{background:#d4af371f;border:1px solid #d4af3747;border-radius:10px;flex-direction:column;gap:.15rem;min-width:150px;padding:.45rem .7rem;display:flex}.rekap-total-pill span{color:var(--muted-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.66rem}.rekap-total-pill strong{color:#f5d76e;font-size:1rem}.rekap-detail-actions{flex-wrap:wrap;align-items:flex-end;gap:.45rem;margin-bottom:.75rem;display:flex}.rekap-filter-field{flex-direction:column;gap:.25rem;min-width:180px;display:flex}.rekap-filter-field span{color:var(--muted-soft);letter-spacing:.04em;text-transform:uppercase;font-size:.66rem;font-weight:600}.rekap-filter-field select{min-width:180px;color:var(--text);background:#0206178c;border:1px solid #d4af3759;border-radius:8px;padding:.42rem .55rem;font-size:.82rem}.rekap-table-wrap{min-height:240px}.rekap-potongan-input{width:72px;color:var(--text);text-align:right;background:#0206178c;border:1px solid #d4af374d;border-radius:8px;padding:.32rem .45rem;font-size:.82rem}.rekap-potongan-input:focus{border-color:#d4af37b3;outline:none}.rekap-total-row td{background:#d4af3714;border-top:1px solid #d4af3747}.rekap-status{white-space:nowrap;border-radius:999px;align-items:center;padding:.18rem .5rem;font-size:.68rem;font-weight:600;display:inline-flex}.rekap-status.ok{color:#14532d;background:#bbf7d0}.rekap-status.warn{color:#78350f;background:#fde68a}.rekap-status.bad{color:#7f1d1d;background:#fecaca}.rekap-status.muted{color:var(--muted);background:#94a3b82e}.rekap-missing-row{opacity:.92}.rekap-footnote{color:var(--muted-soft);margin:.75rem 0 0;font-size:.72rem}@media (width<=980px){.rekap-layout{grid-template-columns:1fr}.rekap-summary-grid,.rekap-sync-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.rekap-summary-grid,.rekap-sync-grid{grid-template-columns:1fr}.rekap-kurs-bar{flex-direction:column;align-items:stretch}.rekap-total-pill{width:100%}.rekap-detail-actions button{justify-content:center;width:100%}.rekap-filter-field,.rekap-filter-field select{width:100%}}:root{--electric-cyan:#00f3ff;--electric-purple:#bc13fe;--electric-blue:#0051ff;--electric-glow-cyan:#00eaff;--electric-glow-purple:#8a00ff}.auth-shell--glow{background:radial-gradient(circle at 20% 30%,#16213e,#0000 35%),radial-gradient(circle at 80% 70%,#1b0635,#0000 35%),#050509;position:relative;overflow:hidden}.auth-shell--glow:before,.auth-shell--glow:after{content:"";filter:blur(100px);opacity:.45;pointer-events:none;border-radius:50%;width:min(350px,70vw);height:min(350px,70vw);animation:8s ease-in-out infinite alternate electric-move-glow;position:absolute}.auth-shell--glow:before{background:var(--electric-glow-cyan);top:-100px;left:-100px}.auth-shell--glow:after{background:var(--electric-glow-purple);animation-delay:2s;bottom:-100px;right:-100px}@keyframes electric-move-glow{0%{transform:translate(0)scale(1)}to{transform:translate(100px,80px)scale(1.3)}}.login-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2;text-align:center;background:#0a0a14bf;border:1px solid #00eeff80;border-radius:25px;width:min(400px,100%);padding:2.4rem 2rem 2rem;position:relative;overflow:hidden;box-shadow:0 0 20px #00eeff4d,0 0 60px #00eeff26,inset 0 0 30px #00eeff0d}.login-box:before{content:"";z-index:-2;background:conic-gradient(#0000,#00eaff,#0000,#8a00ff,#0000);animation:4s linear infinite electric-rotate-border;position:absolute;inset:-2px}.login-box:after{content:"";z-index:-1;background:#0a0a14;border-radius:23px;position:absolute;inset:2px}@keyframes electric-rotate-border{to{transform:rotate(360deg)}}.login-box-logo{object-fit:cover;border-radius:18px;width:72px;height:72px;margin:0 auto 1rem;box-shadow:0 0 20px #00eaff59}.login-box .login-box-title{color:#fff;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 5px #00eaff,0 0 15px #00eaff,0 0 30px #00eaff73;margin:0 0 .25rem;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:700}.login-box .login-box-credit{color:#a7f3fcd1;letter-spacing:.06em;text-transform:lowercase;margin:0 0 .45rem;font-size:.72rem;font-weight:600}.login-box .login-box-sub{color:#9ca3af;margin:0;font-size:.88rem;line-height:1.5}.login-box-form{text-align:left;margin-top:1.5rem}.login-box .input-box{margin-bottom:1.35rem;position:relative}.login-box .input-box--password input{padding-right:3rem}.login-box .password-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;transition:color .25s,box-shadow .25s;display:inline-flex;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.login-box .password-toggle:hover,.login-box .password-toggle:focus-visible{color:#00eaff;outline:none;box-shadow:0 0 12px #00eaff59}.login-box .input-box input{color:#fff;background:0 0;border:1px solid #ffffff40;border-radius:10px;outline:none;width:100%;height:55px;padding:0 18px;font-size:16px;transition:all .35s}.login-box .input-box input:focus{background:#00eaff08;border-color:#00eaff;box-shadow:0 0 8px #00eaff,0 0 20px #00eaff80}.login-box .input-box label{color:#aaa;pointer-events:none;background:#0a0a14;padding:0 5px;transition:all .3s;position:absolute;top:17px;left:18px}.login-box .input-box input:focus~label,.login-box .input-box input:valid~label,.login-box .input-box.is-filled label{color:#00eaff;text-shadow:0 0 8px #00eaff;font-size:13px;top:-9px}.login-remember{cursor:pointer;-webkit-user-select:none;user-select:none;color:#e2e8f0d1;align-items:flex-start;gap:.55rem;margin:.15rem 0 .35rem;font-size:.82rem;line-height:1.35;display:flex}.login-remember input[type=checkbox]{accent-color:#22d3ee;cursor:pointer;flex-shrink:0;width:1rem;height:1rem;margin-top:.12rem}.login-remember span{flex:1}.login-box-error{color:#fca5a5;text-align:center;margin:-.5rem 0 1rem;font-size:.82rem}.login-btn{color:#fff;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:linear-gradient(90deg,#00eaff,#7b00ff,#00eaff) 0 0/200%;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;height:55px;font-size:1rem;font-weight:700;transition:all .35s;animation:4s linear infinite electric-button-gradient;display:inline-flex;position:relative;overflow:hidden}.login-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.login-btn:hover:not(:disabled):before{left:100%}.login-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 0 10px #00eaff,0 0 30px #00eaff,0 0 60px #7b00ffcc}.login-btn:active:not(:disabled){transform:scale(.97)}.login-btn:disabled{opacity:.55;cursor:not-allowed}@keyframes electric-button-gradient{0%{background-position:0}to{background-position:200%}}.top-bar.electric-header{background:#12141db8;border:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:.65rem;padding:.65rem .85rem;box-shadow:0 10px 30px #00000073,inset 0 0 20px #00f3ff08}.electric-navbar{background:#0c0e168c;border:1px solid #ffffff0d;border-radius:16px;flex:auto;min-width:0;padding:.45rem .65rem;box-shadow:inset 0 0 16px #00f3ff05}.electric-nav-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:.15rem .35rem;margin:0;padding:0;list-style:none;display:flex}.electric-nav-item{position:relative}.electric-nav-link{color:#6b7280;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .75rem;font-family:Rajdhani,Plus Jakarta Sans,sans-serif;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .3s;display:inline-flex;position:relative}.electric-nav-link svg{opacity:.85;flex-shrink:0}.electric-nav-link:hover,.electric-nav-link:focus-visible,.electric-nav-link.is-active{color:#fff;text-shadow:0 0 5px var(--electric-cyan), 0 0 10px var(--electric-cyan), 0 0 20px var(--electric-blue);outline:none}.electric-nav-link:before{content:"";background:linear-gradient(90deg, transparent, var(--electric-cyan), var(--electric-purple), var(--electric-blue), transparent);opacity:0;transform-origin:50%;background-size:200%;border-radius:5px;height:2px;transition:transform .4s cubic-bezier(.86,0,.07,1),opacity .4s;position:absolute;bottom:2px;left:.35rem;right:.35rem;transform:scaleX(0)}.electric-nav-link:hover:before,.electric-nav-link:focus-visible:before,.electric-nav-link.is-active:before{opacity:1;animation:1.5s linear infinite electric-laser-flow,2s ease-in-out infinite alternate electric-laser-glow;transform:scaleX(1)}.electric-nav-link:after{content:"";background:var(--electric-cyan);width:20px;height:2px;box-shadow:0 0 10px var(--electric-cyan), 0 0 20px var(--electric-cyan);opacity:0;border-radius:50%;transition:all .3s;position:absolute;top:0;left:50%;transform:translate(-50%)translateY(-8px)}.electric-nav-link:hover:after,.electric-nav-link:focus-visible:after,.electric-nav-link.is-active:after{opacity:1;width:55%;animation:2s infinite alternate electric-top-spark;transform:translate(-50%)translateY(0)}.electric-nav-link:disabled{opacity:.45;cursor:not-allowed;text-shadow:none}@keyframes electric-laser-flow{0%{background-position:200%}to{background-position:-200%}}@keyframes electric-laser-glow{0%{box-shadow:0 0 5px var(--electric-cyan), 0 2px 5px var(--electric-blue)}50%{box-shadow:0 0 15px var(--electric-cyan), 0 2px 10px var(--electric-purple), 0 0 20px var(--electric-blue)}to{box-shadow:0 0 5px var(--electric-cyan), 0 2px 5px var(--electric-blue)}}@keyframes electric-top-spark{0%,to{opacity:.8;width:40%;box-shadow:0 0 5px var(--electric-cyan)}50%{opacity:1;width:80%;box-shadow:0 0 15px var(--electric-cyan), 0 0 25px var(--electric-purple)}70%{opacity:.5;width:50%;box-shadow:0 0 2px var(--electric-cyan)}}.electric-header-tools{flex-wrap:wrap;flex:none;align-items:center;gap:.45rem;display:flex}.electric-header-tools .theme-switcher.compact{background:#0c0e16a6;border-color:#00f3ff1f}@media (width<=980px){.electric-navbar{flex:100%;order:3}.electric-header-tools{flex:auto;justify-content:flex-end}}@media (width<=768px){.electric-nav-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;display:grid}.electric-nav-link{justify-content:center;width:100%;padding:.5rem .4rem;font-size:.72rem}}@media (prefers-reduced-motion:reduce){.auth-shell--glow:before,.auth-shell--glow:after,.login-box:before,.login-btn,.electric-nav-link:before,.electric-nav-link:after{animation:none!important}.login-btn:hover:not(:disabled){transform:none}}.app-layout{grid-template-columns:minmax(228px,252px) minmax(0,1fr);gap:.75rem;width:min(1440px,100% - 1.25rem);height:100vh;margin:0 auto;padding:.75rem .65rem;display:grid;overflow:hidden}.app-main{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-template-rows:auto auto minmax(0,1fr);gap:.55rem;min-width:0;min-height:0;display:grid;overflow:hidden auto}.page-header{border:1px solid var(--line);background:linear-gradient(135deg, #ffffff0d, transparent 38%), var(--panel);border-radius:16px;padding:.65rem .85rem}.page-header h1{color:var(--text-strong);margin:0 0 .2rem;font-size:clamp(1rem,2vw,1.28rem)}.page-header small{color:var(--muted-soft);font-size:.72rem;line-height:1.45}.page-header--actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.app-main--rekap{grid-template-rows:auto minmax(0,1fr)}.app-main--rekap .rekap-layout{min-height:0}.app-sidebar.electric-sidebar{border-radius:22px;flex-direction:column;min-height:0;padding:.85rem .65rem;display:flex}.app-sidebar.emboss-sidebar{--emboss-surface:#1b2130;--emboss-surface-2:#151a27;--emboss-dark:#0000008c;--emboss-light:#ffffff12;--emboss-light-strong:#ffffff1c;background:linear-gradient(145deg,#1d2433 0%,#141925 55%,#121722 100%);border:none;box-shadow:14px 14px 28px #0000007a,-10px -10px 22px #ffffff06,inset 1px 1px #ffffff12,inset -1px -1px #00000047}.sidebar-brand{border-bottom:1px solid #ffffff0f;align-items:center;gap:.6rem;padding:0 .35rem .75rem;display:flex}.emboss-sidebar .sidebar-brand{border-bottom:none;margin-bottom:.15rem;padding-bottom:.7rem}.sidebar-brand-logo{object-fit:cover;border-radius:11px;width:40px;height:40px}.emboss-sidebar .sidebar-brand-logo{box-shadow:5px 5px 10px var(--emboss-dark), -4px -4px 8px var(--emboss-light), inset 1px 1px 0 #ffffff14}.sidebar-brand-copy{flex-direction:column;gap:.1rem;display:flex}.sidebar-brand-copy strong{color:#f8fafc;letter-spacing:.08em;font-family:Rajdhani,Plus Jakarta Sans,sans-serif;font-size:1.05rem}.sidebar-brand-copy span{color:#94a3b8;font-size:.68rem}.sidebar-user{background:#00f3ff0a;border:1px solid #00f3ff1f;border-radius:12px;margin:.65rem .35rem .5rem;padding:.55rem .6rem}.emboss-sidebar .sidebar-user{background:var(--emboss-surface-2);box-shadow:inset 5px 5px 10px var(--emboss-dark), inset -4px -4px 9px var(--emboss-light);border:none;border-radius:16px}.sidebar-user-name{color:#e2e8f0;font-size:.82rem;font-weight:600;display:block}.sidebar-user-role{color:#94a3b8;margin-top:.15rem;font-size:.68rem;line-height:1.35;display:block}.sidebar-nav{flex:auto;min-height:0;padding:.15rem .1rem;overflow:auto}.sidebar-group+.sidebar-group{margin-top:.65rem}.sidebar-group-label{color:#64748b;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .35rem .55rem;font-family:Rajdhani,Plus Jakarta Sans,sans-serif;font-size:.68rem;font-weight:700;display:block}.electric-nav-list--sidebar{flex-direction:column;align-items:stretch;gap:.45rem}.electric-nav-link--sidebar{letter-spacing:.02em;text-transform:none;border-radius:16px;justify-content:flex-start;gap:.55rem;width:100%;padding:.62rem .7rem;font-size:.8rem;font-weight:600}.emboss-sidebar .electric-nav-link--sidebar{color:var(--muted);text-shadow:none;background:linear-gradient(145deg, var(--emboss-surface), var(--emboss-surface-2));box-shadow:6px 6px 12px var(--emboss-dark), -5px -5px 11px var(--emboss-light), inset 1px 1px 0 var(--emboss-light-strong);transition:transform .28s,box-shadow .28s,color .28s,background .28s}.emboss-sidebar .electric-nav-link--sidebar:before,.emboss-sidebar .electric-nav-link--sidebar:after{content:none!important;display:none!important}.emboss-sidebar .electric-nav-link--sidebar:hover,.emboss-sidebar .electric-nav-link--sidebar:focus-visible{color:var(--text-strong);box-shadow:8px 8px 16px var(--emboss-dark), -6px -6px 13px var(--emboss-light-strong), inset 1px 1px 0 #ffffff24;outline:none;transform:translateY(-2px)}.emboss-sidebar .electric-nav-link--sidebar.is-active{color:var(--accent-soft);background:linear-gradient(145deg, var(--emboss-surface-2), #121722);box-shadow:inset 6px 6px 12px var(--emboss-dark), inset -5px -5px 10px var(--emboss-light), 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent);transform:translateY(1px)}.emboss-sidebar .electric-nav-link--sidebar:active:not(:disabled){box-shadow:inset 7px 7px 14px var(--emboss-dark), inset -4px -4px 8px var(--emboss-light);transform:translateY(2px)}.sidebar-footer{border-top:1px solid #ffffff0f;gap:.45rem;margin-top:.5rem;padding-top:.55rem;display:grid}.emboss-sidebar .sidebar-footer{border-top:none;padding-top:.35rem}.sidebar-theme{justify-content:center;width:100%}.emboss-sidebar .sidebar-theme{background:var(--emboss-surface-2);box-shadow:inset 5px 5px 10px var(--emboss-dark), inset -4px -4px 9px var(--emboss-light);border:none;border-radius:16px;padding:.45rem}.emboss-sidebar .sidebar-theme .theme-option{box-shadow:4px 4px 8px var(--emboss-dark), -3px -3px 7px var(--emboss-light), inset 1px 1px 0 #ffffff0f;border:none}.emboss-sidebar .sidebar-theme .theme-option.active{box-shadow:inset 4px 4px 8px var(--emboss-dark), inset -3px -3px 7px var(--emboss-light)}.sidebar-logout{cursor:pointer;background:0 0;border:none;width:100%}.emboss-sidebar .sidebar-logout{margin-top:.1rem}@media (prefers-reduced-motion:reduce){.emboss-sidebar .electric-nav-link--sidebar:hover,.emboss-sidebar .electric-nav-link--sidebar:focus-visible,.emboss-sidebar .electric-nav-link--sidebar:active{transform:none}}.mobile-app-bar,.mobile-sidebar-backdrop,.mobile-sidebar-close{display:none}@media (width<=960px){.app-layout{--mobile-bar-height:calc(52px + env(safe-area-inset-top,0px));width:100%;height:100svh;max-height:100svh;padding:calc(.55rem + var(--mobile-bar-height)) max(.55rem, env(safe-area-inset-right,0px)) max(.85rem, env(safe-area-inset-bottom,0px)) max(.55rem, env(safe-area-inset-left,0px));grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;gap:.55rem;margin:0;overflow:hidden}.mobile-app-bar{z-index:60;min-height:var(--mobile-bar-height);padding:env(safe-area-inset-top,0px) max(.65rem, env(safe-area-inset-right,0px)) .45rem max(.65rem, env(safe-area-inset-left,0px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121722eb;border-bottom:1px solid #00eaff1f;align-items:center;gap:.65rem;display:flex;position:fixed;top:0;left:0;right:0}.mobile-app-bar-toggle{color:#e2faff;cursor:pointer;background:#00eaff0f;border:1px solid #00eaff2e;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.mobile-app-bar-title{letter-spacing:.04em;min-width:0;color:var(--text-strong);align-items:center;gap:.5rem;font-family:Rajdhani,sans-serif;font-weight:700;display:flex}.mobile-app-bar-logo{object-fit:cover;border-radius:9px;width:32px;height:32px}.mobile-sidebar-backdrop{z-index:70;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02060e9e;border:none;padding:0;transition:opacity .22s;display:block;position:fixed;inset:0}.mobile-sidebar-backdrop.is-visible{opacity:1;pointer-events:auto;cursor:pointer}.app-sidebar.electric-sidebar{z-index:80;width:min(292px,88vw);max-height:100svh;padding:max(.75rem, env(safe-area-inset-top,0px)) .65rem max(.85rem, env(safe-area-inset-bottom,0px));margin:0;transition:transform .26s cubic-bezier(.22,1,.36,1);position:fixed;top:0;bottom:0;left:0;overflow:auto;transform:translate(-108%);box-shadow:16px 0 40px #00000073}.app-sidebar.electric-sidebar.is-mobile-open{transform:translate(0)}.mobile-sidebar-close{width:36px;height:36px;color:var(--muted);cursor:pointer;background:#ffffff0a;border:none;border-radius:10px;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.sidebar-brand{align-items:flex-start}.sidebar-nav{overflow:visible}.electric-nav-list--sidebar{flex-direction:column;gap:.35rem;display:flex}.app-main{min-height:0;max-height:none;overflow:hidden auto}.page-header--actions{flex-direction:column;align-items:stretch}.page-header-actions{flex-wrap:wrap;gap:.45rem;display:flex}.page-header-actions .primary-button,.page-header-actions .secondary-button,.page-header-actions button{flex:auto;justify-content:center}.performa-toolbar{grid-template-columns:1fr}.performa-toolbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:.4rem;width:100%;display:grid}.performa-filter-field--inline{flex:auto;min-width:0}.performa-reset-btn{grid-column:1/-1;width:100%}.performa-filter-field--inline select{width:100%;max-width:none}.performa-grid,.performa-metrics{grid-template-columns:1fr}.performa-delta-row{flex-direction:column;align-items:stretch}.performa-spark-wrap{text-align:left}.settings-stack{max-width:none}.settings-inline-actions{flex-direction:column}.settings-inline-actions button{justify-content:center;width:100%}.export-confirm-modal{width:min(440px,100vw - 1.25rem);max-height:min(90dvh,90svh);overflow:auto}}@media (width<=480px){.stats-grid,.performa-stats-grid{grid-template-columns:1fr}.stat-card{min-height:auto}.login-box{width:min(100%,100vw - 1.5rem);padding:1.25rem 1rem 1.1rem}.auth-shell{padding:max(1rem, env(safe-area-inset-top,0px)) max(.75rem, env(safe-area-inset-right,0px)) max(1rem, env(safe-area-inset-bottom,0px)) max(.75rem, env(safe-area-inset-left,0px))}}.export-confirm-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.export-confirm-modal{background:linear-gradient(145deg, #121622f5, #0a0c14fa), var(--panel);text-align:center;border:1px solid #00eaff59;border-radius:22px;width:min(440px,100% - 2rem);padding:1.35rem 1.25rem 1.15rem;position:relative;overflow:hidden;box-shadow:0 0 30px #00eaff2e,0 24px 60px #0000008c,inset 0 0 0 1px #ffffff0d}.export-confirm-glow{pointer-events:none;opacity:.7;background:conic-gradient(from 120deg,#0000,#00eaff24,#0000,#8a00ff1f,#0000);animation:8s linear infinite electric-rotate-border;position:absolute;inset:-40%}.export-confirm-close{z-index:2;position:absolute;top:.65rem;right:.65rem}.export-confirm-icon{z-index:1;color:#e2faff;background:linear-gradient(145deg,#00eaff2e,#8a00ff1f);border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin:.2rem auto .75rem;display:inline-flex;position:relative;box-shadow:0 0 18px #00eaff40,inset 0 0 0 1px #ffffff14}.export-confirm-modal h2{z-index:1;color:var(--text-strong);margin:.25rem 0 .5rem;font-size:1.15rem;position:relative}.export-confirm-desc{z-index:1;color:var(--muted);margin:0;font-size:.88rem;line-height:1.55;position:relative}.export-confirm-meta{z-index:1;text-align:left;color:var(--text);background:#00eaff0a;border:1px solid #00eaff24;border-radius:14px;gap:.35rem;margin:1rem 0 0;padding:.75rem;font-size:.82rem;list-style:none;display:grid;position:relative}.export-confirm-actions{z-index:1;margin-top:1.1rem;position:relative}.export-confirm-submit{box-shadow:0 0 16px #00eaff38}.app-notice-modal--success .export-confirm-icon{color:#4ade80;border-color:#4ade8059;box-shadow:0 0 24px #4ade802e}.app-notice-modal--error .export-confirm-icon{color:#f87171;border-color:#f8717159;box-shadow:0 0 24px #f8717129}.app-notice-modal--warning .export-confirm-icon{color:#fbbf24;border-color:#fbbf2459}.app-notice-modal--confirm .export-confirm-icon{color:var(--accent)}.app-notice-actions .danger-button.export-confirm-submit{box-shadow:0 0 16px #f8717140}.app-route-loader{background:var(--body-bg,#0a0c14);place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.app-route-loader-inner{color:var(--muted);flex-direction:column;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.app-route-loader-logo{opacity:.85;border-radius:14px;width:56px;height:56px;animation:1.2s ease-in-out infinite app-route-loader-pulse}@keyframes app-route-loader-pulse{0%,to{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}.app-main--channels{flex-direction:column;gap:.45rem;min-height:0;display:flex;overflow:hidden}.page-header--channels{padding:.5rem .75rem}.page-header--channels h1{margin-bottom:.12rem;font-size:1.05rem}.page-header--channels small{font-size:.68rem}.channel-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.channel-stats-grid .stat-card{border-radius:14px;min-height:50px;padding:.42rem .55rem}.channel-stats-grid .stat-icon{border-radius:10px;width:30px;height:30px}.channel-stats-grid .stat-card span{font-size:.68rem;line-height:1.2}.channel-stats-grid .stat-card strong{font-size:.98rem}.panel--channels{border-radius:18px;flex:1 1 0;min-width:0;min-height:200px;padding:.65rem .75rem .75rem;overflow:hidden}.panel--channels .table-wrap{width:100%;max-width:100%;overflow:auto}.modal-note{color:var(--muted);margin:.35rem 0 0;font-size:.76rem;font-weight:400;line-height:1.45}.input-readonly:disabled,.input-readonly[readonly]{opacity:.72;cursor:not-allowed;background:#ffffff08}.section-heading--user{align-items:flex-start}.section-heading--user .workflow-note{margin-top:.25rem}@media (width<=960px){.channel-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.channel-stats-grid{grid-template-columns:1fr 1fr}}.app-main--performa{grid-template-rows:minmax(0,1fr);align-content:start;gap:0;padding-bottom:.75rem}.performa-shell{gap:.45rem;width:100%;min-width:0;display:grid}.page-header--performa{width:100%;padding:.5rem .75rem}.page-header--performa h1{margin-bottom:.12rem;font-size:1.05rem}.page-header--performa small{font-size:.68rem;line-height:1.35}.performa-top-panel{gap:.4rem;width:100%;display:grid}.performa-analytics-section{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);border-radius:16px;padding:.55rem .65rem .65rem}.performa-analytics-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.performa-analytics-head h2{color:var(--text-strong);margin:0;font-size:.92rem;font-weight:700}.performa-analytics-range{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 85%, transparent);color:var(--muted);border-radius:999px;padding:.18rem .5rem;font-size:.68rem;font-weight:600}.performa-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.analytics-metric-card{border:1px solid var(--line);background:color-mix(in srgb, var(--table-bg) 88%, var(--panel));border-radius:12px;flex-direction:column;min-height:132px;padding:.55rem .6rem .45rem;display:flex}.analytics-metric-label{color:var(--muted);letter-spacing:.02em;font-size:.68rem;font-weight:600}.analytics-metric-value-row{flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;margin-top:.15rem;display:flex}.analytics-metric-value{color:var(--text-strong);font-size:1.15rem;font-weight:700;line-height:1.1}.analytics-metric-trend{align-items:center;gap:.12rem;font-size:.68rem;font-weight:700;display:inline-flex}.analytics-metric-trend--up{color:#4ade80}.analytics-metric-trend--down{color:#f87171}.analytics-metric-trend--flat{color:var(--muted-soft)}.analytics-metric-chart{flex:1;align-items:flex-end;min-height:72px;margin-top:.35rem;display:flex}.analytics-metric-chart svg{width:100%;height:auto;display:block}.analytics-metric-empty{text-align:center;width:100%;color:var(--muted-soft);margin:auto 0 .25rem;font-size:.68rem}@media (width<=900px){.performa-analytics-grid{grid-template-columns:1fr}}.app-main--performa .performa-grid{padding-bottom:.5rem}.performa-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin:0}.performa-stats-grid .stat-card{border-radius:14px;min-height:50px;padding:.42rem .55rem}.performa-stats-grid .stat-icon{border-radius:10px;width:30px;height:30px}.performa-stats-grid .stat-card span{font-size:.68rem;line-height:1.25}.performa-stats-grid .stat-card strong{font-size:.95rem}.performa-snapshot-time{font-size:.72rem;font-weight:600;line-height:1.25}.performa-toolbar{border:1px solid var(--line);background:var(--panel);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.55rem;width:100%;padding:.45rem .55rem;display:grid}.performa-search-field{border:1px solid var(--line);width:100%;min-width:0;color:var(--muted);border-radius:10px;align-items:center;gap:.35rem;padding:.28rem .45rem;display:flex}.performa-search-field input{width:100%;color:var(--text);background:0 0;border:none;min-height:32px;padding:0;font-size:.82rem}.performa-search-field input:focus{outline:none}.performa-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:.4rem;max-width:100%;display:flex}.performa-filter-field--inline select,.performa-filter-field--scope .performa-scope-value{max-width:140px}.performa-filter-field{gap:.12rem;min-width:0;display:grid}.performa-filter-field--inline select{min-width:118px;max-width:150px}.performa-filter-field span{color:var(--muted);font-size:.62rem}.performa-filter-field select{min-height:32px;padding:.25rem .4rem;font-size:.78rem}.performa-filter-field--scope{min-width:118px}.performa-scope-value{border:1px solid var(--line);min-height:32px;color:var(--text-strong);letter-spacing:.02em;background:#ffffff0a;border-radius:10px;align-items:center;padding:.25rem .55rem;font-size:.78rem;font-weight:600;display:flex}.toolbar-scope-chip{border:1px solid var(--line);min-height:42px;color:var(--text-strong);letter-spacing:.02em;white-space:nowrap;background:#ffffff0a;border-radius:13px;align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.performa-reset-btn{min-height:32px;padding:.25rem .55rem;font-size:.75rem}.performa-setup-card{background:linear-gradient(145deg,#ffc10714,#121622d9);border:1px solid #ffc10740;border-radius:18px;align-items:flex-start;gap:1rem;padding:1rem 1.1rem;display:flex}.performa-setup-icon{color:#ffd166;background:#ffc1071f;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.performa-setup-card h2{margin:0 0 .35rem;font-size:1rem}.performa-setup-card p{color:var(--muted);margin:0 0 .75rem;font-size:.86rem;line-height:1.5}.performa-setup-form{flex-wrap:wrap;gap:.5rem;display:flex}.performa-setup-form input{flex:220px;min-width:0}.performa-empty-state,.performa-loading{text-align:center;color:var(--muted);padding:2rem 1rem}.performa-hint{color:var(--muted);margin:0;font-size:.82rem}.performa-hint--warn{color:#fde68a}.performa-hint--warn a{color:var(--accent-soft)}.performa-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.65rem;width:100%;display:grid}.performa-card{background:linear-gradient(160deg, #ffffff08, transparent), var(--panel);border:1px solid #00eaff1f;border-radius:20px;padding:.95rem;box-shadow:inset 0 1px #ffffff0d,0 10px 28px #00000038}.performa-card-head{align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.performa-avatar{background:#00eaff14;border:1px solid #00eaff2e;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.performa-avatar img{object-fit:cover;width:100%;height:100%}.performa-avatar span{color:var(--text-strong);font-weight:700}.performa-card-name-row{justify-content:space-between;align-items:center;gap:.45rem;min-width:0;display:flex}.performa-card-titles h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:.95rem;line-height:1.3;overflow:hidden}.performa-monet-icon{flex-shrink:0;width:26px;height:26px}.performa-monet-icon svg{width:13px;height:13px}.performa-card-titles small{color:var(--muted);font-size:.75rem}.performa-card-meta{word-break:break-all;display:block}.performa-card-id{color:#94a3b8;font-family:ui-monospace,Consolas,monospace;font-size:.68rem}.performa-sync-badge{color:#67e8f9;background:#00eaff14;border:1px solid #00eaff2e;border-radius:999px;margin-top:.25rem;padding:.12rem .45rem;font-size:.62rem;display:inline-block}.performa-sync-badge--warn{color:#fcd34d;background:#fcd34d14;border-color:#fcd34d40}.performa-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-bottom:.85rem;display:grid}.performa-metrics div{background:#00eaff0a;border:1px solid #ffffff0a;border-radius:12px;padding:.45rem .5rem}.performa-metrics span{color:var(--muted);font-size:.68rem;display:block}.performa-metrics strong{margin-top:.15rem;font-size:.82rem;display:block}.performa-metrics svg{display:none}.performa-delta-row{justify-content:space-between;align-items:flex-end;gap:.65rem;display:flex}.performa-delta{align-items:flex-start;gap:.45rem;display:flex}.performa-delta span{color:var(--muted);font-size:.68rem;display:block}.performa-delta strong{font-size:.95rem}.performa-delta--up{color:#5eead4}.performa-delta--down{color:#fca5a5}.performa-delta--flat,.performa-delta--muted{color:var(--muted)}.performa-spark-wrap{text-align:right}.performa-spark-label{color:var(--muted);margin-bottom:.15rem;font-size:.62rem;display:block}.sparkline-line{opacity:.95}.sparkline-glow{opacity:.35;filter:blur(2px)}.sparkline-empty{stroke:#ffffff1f;stroke-dasharray:4 4}.spin-icon{animation:.9s linear infinite performa-spin}@keyframes performa-spin{to{transform:rotate(360deg)}}.stat-card.tone-cyan .stat-icon{color:#67e8f9}.stat-card.tone-purple .stat-icon{color:#c4b5fd}.performa-settings-link{color:#67e8f9;text-decoration:underline}.app-main--settings{grid-template-rows:auto;align-content:start;gap:1rem;padding-bottom:1.25rem}.settings-stack{gap:.85rem;max-width:640px;display:grid}.settings-card{background:linear-gradient(160deg, #ffffff08, transparent), var(--panel);border:1px solid #00eaff1f;border-radius:20px;padding:1rem 1.05rem;box-shadow:inset 0 1px #ffffff0d}.settings-card-head{color:#67e8f9;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;display:flex}.settings-card-head h2{color:var(--text-strong);margin:0 0 .25rem;font-size:1rem}.settings-card-head p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.45}.settings-youtube-keys{gap:.45rem;margin:0 0 .85rem;padding:0;list-style:none;display:grid}.settings-youtube-keys li{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, transparent);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;padding:.55rem .65rem;display:flex}.settings-youtube-keys-label{color:var(--muted);min-width:3rem;font-size:.75rem;font-weight:600}.settings-youtube-keys-mask{word-break:break-all;flex:140px;font-size:.78rem}.settings-youtube-keys-actions{align-items:center;gap:.35rem;margin-left:auto;display:flex}.settings-youtube-keys-remove{color:#f87171}.settings-cron-meta{color:var(--muted);margin:.35rem 0 0;font-size:.76rem}.settings-cron-error{color:#fca5a5}.settings-activity-empty{color:var(--muted);margin:0;font-size:.82rem}.settings-activity-list{gap:.4rem;max-height:280px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.settings-activity-list li{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 90%, transparent);border-radius:10px;grid-template-columns:auto 1fr;gap:.15rem .65rem;padding:.45rem .55rem;font-size:.76rem;display:grid}.settings-activity-list time{color:var(--muted-soft);white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:1/1/span 2}.settings-activity-label{color:var(--text-strong);font-weight:600}.settings-activity-user{color:var(--muted)}.settings-activity-detail{color:var(--muted-soft);grid-column:2;font-size:.72rem}.performa-pengelola-brief{flex-wrap:wrap;gap:.45rem;margin:0 0 .55rem;display:flex}.performa-pengelola-brief-card{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, transparent);border-radius:12px;flex:140px;min-width:0;padding:.45rem .6rem}.performa-pengelola-brief-name{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-soft);font-size:.72rem;font-weight:700;display:block}.performa-pengelola-brief-meta{color:var(--muted);margin-top:.2rem;font-size:.74rem;display:block}.performa-pengelola-brief-meta strong{color:var(--text)}.settings-form{gap:.65rem;display:grid}.settings-form label span{color:var(--muted);margin-bottom:.25rem;font-size:.78rem;display:block}.settings-form input{width:100%}.settings-password-wrap{position:relative}.settings-password-wrap input{width:100%;padding-right:2.75rem}.settings-password-toggle{width:2rem;height:2rem;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:color .25s,box-shadow .25s;display:inline-flex;position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}.settings-password-toggle:hover,.settings-password-toggle:focus-visible{color:#00eaff;outline:none;box-shadow:0 0 12px #00eaff59}.settings-inline-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.settings-qr-block{justify-items:start;gap:.65rem;display:grid}.settings-qr{background:#fff;border:1px solid #00eaff33;border-radius:16px;width:220px;height:220px;padding:.35rem}.settings-manual-secret summary{cursor:pointer;color:var(--muted);font-size:.8rem}.settings-manual-secret code{word-break:break-all;background:#00000040;border-radius:10px;margin-top:.35rem;padding:.45rem .55rem;font-size:.75rem;display:block}.settings-pill{border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.75rem;display:inline-flex}.settings-pill.inline{vertical-align:middle}.settings-pill--ok{color:#5eead4;background:#5eead41a;border:1px solid #5eead440}.settings-danger-outline{color:#fca5a5;border-color:#f8717159}.sidebar-settings-link{margin-bottom:.35rem}.login-back-btn{width:100%;margin-top:.35rem}[data-theme=terang] body{background:var(--emboss-bg);animation:16s ease-in-out infinite alternate terang-bg-breathe}@keyframes terang-bg-breathe{0%{background-color:#e0e5ec}to{background-color:#d8dfea}}[data-theme=terang] .app-sidebar.emboss-sidebar{--emboss-surface:#e0e5ec;--emboss-surface-2:#d1d9e6;--emboss-dark:#a3b1c6;--emboss-light:#fff;--emboss-light-strong:#fff;background:linear-gradient(145deg,#e8edf4 0%,#e0e5ec 52%,#d8dfea 100%);box-shadow:12px 12px 24px #a3b1c6,-12px -12px 24px #fff,inset 1px 1px #ffffffbf}[data-theme=terang] .emboss-sidebar .sidebar-brand-copy strong,[data-theme=terang] .emboss-sidebar .sidebar-brand-copy span,[data-theme=terang] .emboss-sidebar .sidebar-user-name,[data-theme=terang] .emboss-sidebar .sidebar-user-role,[data-theme=terang] .emboss-sidebar .sidebar-group-label{color:var(--text-strong)}[data-theme=terang] .emboss-sidebar .electric-nav-link--sidebar.is-active{color:var(--accent);box-shadow:inset 6px 6px 12px var(--emboss-dark), inset -5px -5px 10px var(--emboss-light), 0 0 0 1px #4299e126;background:linear-gradient(145deg,#d1d9e6,#e0e5ec)}[data-theme=terang] .page-header,[data-theme=terang] .table-shell,[data-theme=terang] .settings-card,[data-theme=terang] .performa-top-panel,[data-theme=terang] .performa-toolbar,[data-theme=terang] .channel-stats-grid .stat-card,[data-theme=terang] .performa-stats-grid .stat-card,[data-theme=terang] .performa-card,[data-theme=terang] .rekap-panel,[data-theme=terang] .export-confirm-modal__panel{box-shadow:var(--neu-raised);background:var(--emboss-bg)!important;border:none!important}[data-theme=terang] .toolbar-scope-chip,[data-theme=terang] .performa-scope-value{background:var(--emboss-bg);box-shadow:var(--neu-inset-sm);border:none}[data-theme=terang] input:not([type=checkbox]):not([type=radio]),[data-theme=terang] select,[data-theme=terang] textarea{box-shadow:var(--neu-inset-sm);border:none!important}[data-theme=terang] input:focus,[data-theme=terang] select:focus,[data-theme=terang] textarea:focus{box-shadow:var(--neu-inset)}[data-theme=terang] .ghost-button,[data-theme=terang] .secondary-button,[data-theme=terang] .compact-button.ghost-button{box-shadow:var(--neu-raised-sm);border:none}[data-theme=terang] .ghost-button:active,[data-theme=terang] .secondary-button:active{box-shadow:var(--neu-inset-sm)}[data-theme=terang] .primary-button,[data-theme=terang] .login-btn{box-shadow:var(--neu-raised-sm);border:none}[data-theme=terang] .auth-shell--glow:before,[data-theme=terang] .auth-shell--glow:after,[data-theme=terang] .login-box:before,[data-theme=terang] .login-box:after{display:none!important}[data-theme=terang] .auth-shell--glow{background:var(--emboss-bg)}[data-theme=terang] .login-box{background:var(--emboss-bg);box-shadow:15px 15px 30px var(--emboss-dark), -15px -15px 30px var(--emboss-light);border:none;border-radius:28px}[data-theme=terang] .login-box .input-box input{background:var(--emboss-bg);box-shadow:var(--neu-inset-sm);border:none}[data-theme=terang] .login-box .input-box input:focus{box-shadow:var(--neu-inset)}[data-theme=terang] .settings-danger-outline{color:#c53030;box-shadow:var(--neu-raised-sm);border:none}@media (prefers-reduced-motion:reduce){[data-theme=terang] body{animation:none}}