:root{--bg:#06111e;--panel:#0b1b2b;--panel2:#10263b;--line:#1d3951;--text:#edf7ff;--muted:#8da9bc;--brand:#27d3a2;--brand2:#2e8fff;--danger:#ff6b78;--warn:#f7c35f;--shadow:0 18px 50px rgba(0,0,0,.28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 90% -10%,#123a55 0,transparent 35%),radial-gradient(circle at 0 100%,#0b3d35 0,transparent 31%),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:.82rem}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#041710;background:linear-gradient(135deg,var(--brand),#7ef0cf);box-shadow:0 8px 28px rgba(39,211,162,.24)}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-art{padding:clamp(40px,7vw,100px);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:7px 11px;border:1px solid #27506b;border-radius:99px;color:#9edcf2;background:#0d2638;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.auth-art h1{max-width:650px;margin:24px 0 16px;font-size:clamp(2.5rem,5vw,5.4rem);line-height:.95;letter-spacing:-.06em}.auth-art h1 span{color:var(--brand)}.auth-art p{max-width:590px;color:var(--muted);font-size:1.08rem;line-height:1.7}.feature-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.feature{padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:#0a1b2a;color:#bcd1df;font-size:.86rem}.auth-side{display:grid;place-items:center;padding:28px}.auth-card{width:min(430px,100%);padding:30px;border:1px solid var(--line);border-radius:24px;background:rgba(11,27,43,.9);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.auth-card h2{margin:28px 0 6px;font-size:1.65rem}.auth-card>p{margin:0 0 24px}.field{display:grid;gap:8px;margin:15px 0}.field label{font-size:.84rem;font-weight:700;color:#bfd1dd}.field input,.field select,.field textarea,.search{width:100%;padding:12px 13px;color:var(--text);background:#071725;border:1px solid #244158;border-radius:11px;outline:none;transition:.2s}.field textarea{min-height:220px;resize:vertical;font-family:"SFMono-Regular",Consolas,monospace;font-size:.88rem;line-height:1.55}.field input:focus,.field select:focus,.field textarea:focus,.search:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(39,211,162,.12)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border:1px solid transparent;border-radius:11px;font-weight:750;color:var(--text);background:#173149;transition:.18s}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{color:#041710;background:linear-gradient(135deg,var(--brand),#70e9c8)}.btn-danger{color:#fff;background:#6f2530;border-color:#9b3542}.btn-ghost{border-color:var(--line);background:transparent}.btn-sm{padding:7px 10px;font-size:.79rem}.btn-block{width:100%}
.layout{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:22px 17px;border-right:1px solid var(--line);background:rgba(5,17,29,.94);backdrop-filter:blur(15px);display:flex;flex-direction:column}.nav{display:grid;gap:6px;margin-top:32px}.nav button{display:flex;align-items:center;gap:11px;padding:11px 12px;border:0;border-radius:10px;color:var(--muted);background:transparent;text-align:left;font-weight:700}.nav button:hover,.nav button.active{color:var(--text);background:#10273a}.nav button.active:before{content:"";width:4px;height:19px;margin-left:-12px;border-radius:4px;background:var(--brand)}.profile{margin-top:auto;padding:14px;border:1px solid var(--line);border-radius:14px;background:#0a1c2b}.profile strong,.profile span{display:block;overflow:hidden;text-overflow:ellipsis}.role-pill{display:inline-block!important;width:max-content;margin-top:7px;padding:3px 7px;border-radius:6px;color:#071a14!important;background:var(--brand);font-size:.68rem;font-weight:850;text-transform:uppercase}.main{min-width:0;padding:28px clamp(18px,4vw,52px)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.topbar h1{margin:0;font-size:1.7rem;letter-spacing:-.035em}.topbar p{margin:5px 0 0}.actions{display:flex;gap:9px;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat{padding:20px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(16,38,59,.94),rgba(8,24,38,.92));box-shadow:0 12px 35px rgba(0,0,0,.12)}.stat .label{color:var(--muted);font-size:.8rem;font-weight:700}.stat strong{display:block;margin:10px 0 4px;font-size:2rem;letter-spacing:-.04em}.stat.accent{border-color:#236c5d;background:linear-gradient(145deg,#113e38,#0b292b)}.card{border:1px solid var(--line);border-radius:17px;background:rgba(10,27,43,.88);box-shadow:0 14px 42px rgba(0,0,0,.13);overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;border-bottom:1px solid var(--line)}.card-head h2{margin:0;font-size:1.05rem}.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.search{width:min(280px,70vw);padding:9px 12px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;white-space:nowrap}.table th,.table td{padding:13px 18px;border-bottom:1px solid #173149;text-align:left;font-size:.84rem}.table th{color:#8eacbf;background:#091927;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.table tbody tr:hover{background:#0e2538}.table td.wrap{max-width:270px;white-space:normal}.table tr:last-child td{border-bottom:0}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:99px;font-size:.7rem;font-weight:800;text-transform:uppercase}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.active{color:#63e4bc;background:#113a33}.expired{color:#f8ce74;background:#3b321c}.revoked,.suspended{color:#ff8993;background:#43232b}.pager{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;color:var(--muted);font-size:.82rem}.pager div{display:flex;gap:7px}.empty{padding:52px 20px;text-align:center;color:var(--muted)}
.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:rgba(2,9,15,.76);backdrop-filter:blur(7px)}.modal{width:min(720px,100%);max-height:92vh;overflow:auto;border:1px solid var(--line);border-radius:20px;background:#0b1d2d;box-shadow:var(--shadow)}.modal-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);background:#0b1d2d}.modal-head h2{margin:0;font-size:1.2rem}.modal-body{padding:21px 22px}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:16px 22px;border-top:1px solid var(--line)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.close{width:36px;height:36px;border:0;border-radius:9px;color:var(--text);background:#153047;font-size:1.2rem}.token-box{display:flex;gap:8px;padding:11px;border:1px dashed #2a5870;border-radius:11px;background:#071724}.token-box code{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;color:#8eeed3}.toast{position:fixed;z-index:50;right:22px;bottom:22px;max-width:360px;padding:13px 16px;border-radius:12px;color:#041711;background:var(--brand);box-shadow:var(--shadow);font-weight:750;transform:translateY(130%);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.toast.error{color:#fff;background:var(--danger)}
@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.auth-side{min-height:100vh}}@media(max-width:720px){.layout{display:block}.sidebar{position:static;width:auto;height:auto;padding:14px}.sidebar>.brand{margin:0 4px}.nav{grid-template-columns:repeat(4,1fr);margin-top:14px;overflow:auto}.nav button{justify-content:center;font-size:.75rem}.nav button.active:before{display:none}.profile{display:none}.main{padding:20px 14px}.topbar{align-items:flex-start}.topbar .btn-ghost{display:none}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.stat strong{font-size:1.55rem}.card-head{align-items:flex-start;flex-direction:column}.toolbar,.search{width:100%}.grid-2{grid-template-columns:1fr}.table th,.table td{padding:11px 13px}.actions{gap:5px}.btn-sm{padding:6px 8px}}

/* StreamPaste 2.0 — tema putih sebagai default */
:root{--bg:#f4f7fb;--panel:#ffffff;--panel2:#f7fafc;--line:#dbe5ed;--text:#102335;--muted:#657c8c;--brand:#16b98b;--brand2:#287ee8;--danger:#df4252;--warn:#c98b17;--shadow:0 18px 50px rgba(28,55,75,.12);color-scheme:light}
body{background:radial-gradient(circle at 92% -8%,#dff5f0 0,transparent 33%),radial-gradient(circle at 0 100%,#e4efff 0,transparent 28%),var(--bg)}
.auth-art{background:linear-gradient(145deg,#f7fbff,#edf8f5)}.eyebrow{border-color:#bee2db;color:#087a62;background:#e9f8f4}.feature{border-color:var(--line);background:#fff;color:#3d5a6b}.auth-card{background:rgba(255,255,255,.94)}
.field label{color:#334e60}.field input,.field select,.field textarea,.search{color:var(--text);background:#fff;border-color:#cfdce5}.field input::placeholder,.field textarea::placeholder,.search::placeholder{color:#95a8b5}
.btn{color:#213b4d;background:#eaf0f4}.btn-primary{color:#05251c}.btn-danger{color:#fff;background:#cf4350;border-color:#cf4350}.btn-ghost{background:#fff;border-color:#d7e2e9}.sidebar{background:rgba(255,255,255,.94)}.nav button:hover,.nav button.active{color:#102335;background:#eaf8f4}.profile{background:#f5f9fb}.stat{background:linear-gradient(145deg,#fff,#f6f9fb)}.stat.accent{border-color:#9edfd0;background:linear-gradient(145deg,#edfbf7,#f7fffc)}.card{background:rgba(255,255,255,.95)}.table th,.table td{border-color:#e5edf2}.table th{color:#60798a;background:#f5f8fa}.table tbody tr:hover{background:#f6fbfa}.active{color:#087c5e;background:#e3f7f0}.expired{color:#95640b;background:#fff2d6}.revoked,.suspended{color:#b52e3c;background:#fde8eb}.modal-backdrop{background:rgba(18,38,52,.45)}.modal,.modal-head{background:#fff}.close{color:#233d50;background:#edf3f6}.token-box{border-color:#aacfc5;background:#f0faf7}.token-box code{color:#08775e}
.mt-12{margin-top:12px}.mt-22{margin-top:22px}.optional,.counter{display:inline-flex;margin-left:6px;padding:2px 7px;border-radius:99px;color:#477083;background:#e9f1f5;font-size:.67rem;font-weight:750}.select-short{width:165px}.url-line{max-width:310px;overflow:hidden;text-overflow:ellipsis}.badge-row{display:flex;gap:5px;flex-wrap:wrap}.mini-badge{display:inline-flex;padding:4px 7px;border:1px solid #d6e2e9;border-radius:7px;color:#526d7d;background:#f6f9fb;font-size:.67rem;font-weight:800;text-transform:uppercase}.mini-badge.merge{color:#076a56;border-color:#b9e5da;background:#e8f9f4}.mini-badge.lock{color:#7a5411;border-color:#efd8a6;background:#fff5de}.stats-five{grid-template-columns:repeat(5,1fr)}
.info-banner{margin-bottom:18px;padding:14px 17px;border:1px solid #b9e4da;border-radius:13px;color:#255b50;background:#ecfaf6;font-size:.86rem}.info-banner strong{margin-right:4px}.candidate-list{max-height:330px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.candidate{display:flex;align-items:center;gap:12px;padding:12px 13px;border-bottom:1px solid var(--line);cursor:pointer}.candidate:last-child{border-bottom:0}.candidate:hover{background:#edf8f5}.candidate input{width:18px;height:18px;accent-color:var(--brand)}.candidate>span:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}.candidate strong,.candidate small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candidate small{color:var(--muted)}.empty.compact{padding:25px 12px}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.setting-card{min-width:0}.setting-body{padding:22px}.setting-body h3{margin:14px 0 3px}.avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;color:#053e2f;background:linear-gradient(135deg,#39d8aa,#83ead0);font-size:1.35rem;font-weight:900}.detail-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.86rem}.detail-row:last-child{border-bottom:0}.detail-row span{color:var(--muted)}.theme-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.theme-choice{display:grid;gap:6px;padding:10px;border:2px solid var(--line);border-radius:14px;color:var(--text);background:var(--panel);text-align:left}.theme-choice.selected{border-color:var(--brand);box-shadow:0 0 0 3px rgba(22,185,139,.12)}.theme-choice small{color:var(--muted)}.theme-preview{display:block;height:72px;border:1px solid var(--line);border-radius:9px}.light-preview{background:linear-gradient(90deg,#fff 27%,#f2f6f9 27%)}.dark-preview{background:linear-gradient(90deg,#071522 27%,#10283c 27%)}.secret-box{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.secret-box code{font-size:.9rem}.secret-box .status{grid-column:1/-1;width:max-content}.warning-box{margin-top:16px;padding:13px;border:1px solid #efd59d;border-radius:11px;color:#795611;background:#fff7e6;font-size:.82rem;line-height:1.55}

html[data-theme="dark"]{--bg:#06111e;--panel:#0b1b2b;--panel2:#10263b;--line:#1d3951;--text:#edf7ff;--muted:#8da9bc;--brand:#27d3a2;--brand2:#2e8fff;--danger:#ff6b78;--warn:#f7c35f;--shadow:0 18px 50px rgba(0,0,0,.28);color-scheme:dark}
html[data-theme="dark"] body{background:radial-gradient(circle at 90% -10%,#123a55 0,transparent 35%),radial-gradient(circle at 0 100%,#0b3d35 0,transparent 31%),var(--bg)}html[data-theme="dark"] .auth-art{background:transparent}html[data-theme="dark"] .eyebrow{border-color:#27506b;color:#9edcf2;background:#0d2638}html[data-theme="dark"] .feature{border-color:var(--line);background:#0a1b2a;color:#bcd1df}html[data-theme="dark"] .auth-card{background:rgba(11,27,43,.9)}html[data-theme="dark"] .field label{color:#bfd1dd}html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .search{color:var(--text);background:#071725;border-color:#244158}html[data-theme="dark"] .btn{color:var(--text);background:#173149}html[data-theme="dark"] .btn-primary{color:#041710}html[data-theme="dark"] .btn-danger{color:#fff;background:#6f2530;border-color:#9b3542}html[data-theme="dark"] .btn-ghost{background:transparent;border-color:var(--line)}html[data-theme="dark"] .sidebar{background:rgba(5,17,29,.94)}html[data-theme="dark"] .nav button:hover,html[data-theme="dark"] .nav button.active{color:var(--text);background:#10273a}html[data-theme="dark"] .profile{background:#0a1c2b}html[data-theme="dark"] .stat{background:linear-gradient(145deg,rgba(16,38,59,.94),rgba(8,24,38,.92))}html[data-theme="dark"] .stat.accent{border-color:#236c5d;background:linear-gradient(145deg,#113e38,#0b292b)}html[data-theme="dark"] .card{background:rgba(10,27,43,.88)}html[data-theme="dark"] .table th,html[data-theme="dark"] .table td{border-color:#173149}html[data-theme="dark"] .table th{color:#8eacbf;background:#091927}html[data-theme="dark"] .table tbody tr:hover{background:#0e2538}html[data-theme="dark"] .active{color:#63e4bc;background:#113a33}html[data-theme="dark"] .expired{color:#f8ce74;background:#3b321c}html[data-theme="dark"] .revoked,html[data-theme="dark"] .suspended{color:#ff8993;background:#43232b}html[data-theme="dark"] .modal-backdrop{background:rgba(2,9,15,.76)}html[data-theme="dark"] .modal,html[data-theme="dark"] .modal-head{background:#0b1d2d}html[data-theme="dark"] .close{color:var(--text);background:#153047}html[data-theme="dark"] .token-box{border-color:#2a5870;background:#071724}html[data-theme="dark"] .token-box code{color:#8eeed3}html[data-theme="dark"] .optional,html[data-theme="dark"] .counter{color:#a7c3d4;background:#173149}html[data-theme="dark"] .mini-badge{color:#aac0ce;border-color:#29475d;background:#10273a}html[data-theme="dark"] .mini-badge.merge{color:#63e4bc;border-color:#236b5b;background:#113a33}html[data-theme="dark"] .mini-badge.lock{color:#f4ca70;border-color:#6a5427;background:#3b321c}html[data-theme="dark"] .info-banner{color:#9fe1d1;border-color:#235f53;background:#0d302b}html[data-theme="dark"] .candidate-list,html[data-theme="dark"] .secret-box{background:var(--panel2)}html[data-theme="dark"] .candidate:hover{background:#143044}html[data-theme="dark"] .warning-box{color:#f3cf7d;border-color:#614d25;background:#332a18}

@media(max-width:1280px){.stats-five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}
@media(max-width:720px){.nav{grid-template-columns:repeat(6,minmax(105px,1fr));padding-bottom:4px}.settings-grid{gap:12px}.theme-picker{grid-template-columns:1fr}.stats-five{grid-template-columns:1fr 1fr}.candidate-list{max-height:280px}.select-short{width:100%}}