@font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat-Variable.ttf") format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Cormorant SC";src:url("/assets/fonts/CormorantSC-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
:root{--paper:#f5f2ea;--muted:#aeb6bd;--panel:rgba(7,12,17,.9);--line:rgba(148,190,213,.2);--blue:#18a9df;--red:#e44224;--serif:"Cormorant SC",Georgia,serif;--sans:"Montserrat",Arial,sans-serif}
*{box-sizing:border-box}
html{min-width:320px;background:#030609;color:var(--paper);font-family:var(--sans)}
body{position:relative;isolation:isolate;min-height:100vh;margin:0;overflow-x:hidden;background:#030609;color:var(--paper);-webkit-user-select:none;user-select:none}
input,textarea,select,option,[contenteditable="true"],.secret-box code,.recovery-codes code{-webkit-user-select:text;user-select:text}
body:after{content:"";position:fixed;inset:-8vh -8vw;z-index:0;background:url("/assets/img/figma/hero-bg.webp") center/cover no-repeat;pointer-events:none}
body:before{content:"";position:fixed;inset:0;z-index:1;background:linear-gradient(180deg,rgba(2,5,8,.66),rgba(2,5,8,.94)),radial-gradient(circle at 50% 30%,rgba(11,127,181,.2),transparent 42%);pointer-events:none}
a{color:inherit}.account-header,.account-main,.account-footer{position:relative;z-index:2}
.account-header{display:flex;align-items:center;justify-content:space-between;width:min(1120px,calc(100% - 40px));height:104px;margin:auto;border-bottom:1px solid var(--line)}
.account-brand{display:flex;align-items:center;gap:11px;color:#fff}.account-brand__emblem{width:54px;height:54px;object-fit:contain}.account-brand__wordmark{width:198px;height:auto;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.72)) drop-shadow(0 0 7px rgba(83,196,238,.12))}
.account-back{font-size:14px;color:#d7e2e8;text-underline-offset:5px}.account-back:hover{color:#66d3fb}
.account-main{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 154px);padding:50px 20px 70px}
.auth-card,.cabinet{width:min(610px,100%);padding:46px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(12,21,28,.95),rgba(5,9,13,.96));box-shadow:0 28px 90px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(14px)}
.auth-card--compact{width:min(540px,100%)}
.auth-card__intro{text-align:center}.auth-kicker{display:block;margin-bottom:12px;color:#77d7fa;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
h1{margin:0;font-family:var(--serif);font-size:42px;font-weight:600;line-height:1.12}.auth-card__intro p{max-width:460px;margin:15px auto 0;color:var(--muted);font-size:14px;line-height:1.65}
.auth-form{display:grid;gap:19px;margin-top:32px}.auth-form label{display:grid;gap:8px}.auth-form label>span{font-size:13px;font-weight:600}.auth-form small{color:#818c94;font-size:11px}
.auth-form input,.referral-link input{width:100%;height:50px;padding:0 15px;border:1px solid rgba(143,181,201,.26);border-radius:0;outline:none;background:rgba(1,5,8,.7);color:#fff;font:15px var(--sans);transition:border-color .2s,box-shadow .2s}.auth-form input:focus,.referral-link input:focus{border-color:#36bde9;box-shadow:0 0 0 3px rgba(39,174,223,.13)}
.account-button{height:52px;margin-top:7px;border:0;color:#fff;font:600 17px var(--serif);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);transition:filter .2s,transform .2s}.account-button:hover{filter:brightness(1.16);transform:translateY(-1px)}.account-button--red{background:linear-gradient(180deg,#f25937,#9e170b)}.account-button--blue{background:linear-gradient(180deg,#20bbed,#076d9e)}
.account-button:disabled{cursor:not-allowed;filter:grayscale(.7) brightness(.65);transform:none}
.auth-switch{margin:27px 0 0;text-align:center;color:var(--muted);font-size:13px}.auth-switch a{color:#66d3fb;text-underline-offset:4px}
.form-alert{margin:25px 0 0;padding:14px 17px;border-left:3px solid;font-size:13px;line-height:1.5}.form-alert p{margin:0}.form-alert p+p{margin-top:6px}.form-alert--error{border-color:#ff684d;background:rgba(143,31,17,.2);color:#ffd4cb}.form-alert--success{border-color:#38d08c;background:rgba(20,111,72,.18);color:#caffdf}
.cabinet{align-self:flex-start;width:min(940px,100%)}.cabinet__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.cabinet__heading h1{font-size:39px}.text-button{padding:8px 0;border:0;background:none;color:#aab7bf;font:13px var(--sans);text-decoration:underline;text-underline-offset:5px;cursor:pointer}.text-button:hover{color:#fff}
.cabinet-heading-actions{display:flex;align-items:center;gap:18px}.cabinet-heading-actions form{margin:0}.support-notice{margin-bottom:-14px}
.cabinet-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:18px;margin-top:34px}.cabinet-card{min-height:210px;padding:25px;border:1px solid var(--line);background:rgba(1,5,8,.48)}.cabinet-card--wide{grid-column:1/-1;min-height:0}.cabinet-card__label{display:block;margin-bottom:18px;color:#8ea2ae;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.cabinet-card strong{display:block;font-family:var(--serif);font-size:23px;font-weight:600}.cabinet-card strong i{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:#e9a442;box-shadow:0 0 13px #e78c27}.cabinet-card p{margin:16px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.cabinet-card dl{margin:0}.cabinet-card dl div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.cabinet-card dt{color:#8ea0aa}.cabinet-card dd{margin:0;text-align:right;word-break:break-word}.referral-link{display:grid;grid-template-columns:minmax(0,1fr) 165px;gap:10px;margin-top:14px}.referral-link__value{display:flex;align-items:center;min-width:0;height:48px;padding:0 15px;overflow:hidden;border:1px solid rgba(143,181,201,.26);background:rgba(1,5,8,.7);color:#bfeeff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.copy-button{height:48px;border:1px solid rgba(78,205,246,.55);background:linear-gradient(180deg,#169ed0,#08688e);color:#fff;font:600 14px var(--serif);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);transition:filter .2s,transform .2s}.copy-button:hover{filter:brightness(1.18);transform:translateY(-1px)}.copy-button.is-copied{border-color:rgba(85,225,167,.65);background:linear-gradient(180deg,#2ba777,#126145)}
.account-footer{height:50px;text-align:center;color:#697780;font-size:11px}
@media(max-width:700px){.account-header{width:calc(100% - 28px);height:82px}.account-brand__emblem{width:43px;height:43px}.account-brand__wordmark{width:153px}.account-main{min-height:calc(100vh - 122px);padding:30px 14px 50px}.auth-card,.cabinet{padding:30px 21px}h1,.cabinet__heading h1{font-size:32px}.cabinet__heading{flex-direction:column}.cabinet-grid{grid-template-columns:1fr}.cabinet-card--wide{grid-column:auto}.cabinet-card{min-height:0}.account-back{font-size:12px}}

.auth-switch--compact{margin-top:13px}.check-field{display:flex!important;align-items:flex-start;gap:12px;font-size:12px;line-height:1.55}.check-field input{flex:0 0 auto;width:18px!important;height:18px!important;margin:2px 0 0;padding:0}.check-field span{font-weight:400!important;color:var(--muted)}.check-field a{color:#75d8fa;text-underline-offset:3px}
.legal-card{width:min(850px,100%);padding:48px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(12,21,28,.95),rgba(5,9,13,.96));box-shadow:0 28px 90px rgba(0,0,0,.55)}.legal-card h1{margin-bottom:28px}.legal-card p{margin:0;color:#c3ccd1;font-size:15px;line-height:1.85}.legal-card p+p{margin-top:18px}
.cabinet-nav{display:flex;gap:8px;margin-top:30px;padding-bottom:18px;border-bottom:1px solid var(--line);overflow-x:auto}.cabinet-nav a{flex:0 0 auto;padding:11px 17px;color:#93a5af;font-size:13px;text-decoration:none;border:1px solid transparent;transition:.2s}.cabinet-nav a:hover{color:#fff;border-color:rgba(101,204,244,.22)}.cabinet-nav a.is-active{color:#fff;border-color:rgba(101,204,244,.38);background:rgba(15,120,165,.15);box-shadow:inset 0 -2px #35bfe9}
.status-ok{color:#dff9ff}.status-ok i{background:#3ad69c!important;box-shadow:0 0 13px #23c98b!important}.settings-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:16px;margin-top:16px}.settings-form--three{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-form label{display:grid;gap:8px;color:#d8e1e6;font-size:12px}.settings-form input,.settings-form textarea,.secret-box input{width:100%;min-width:0;padding:0 14px;border:1px solid rgba(143,181,201,.26);outline:none;background:rgba(1,5,8,.72);color:#fff;font:14px var(--sans)}.settings-form input{height:46px}.settings-form textarea{padding-top:12px;resize:vertical;line-height:1.5}.settings-form input:focus,.settings-form textarea:focus{border-color:#36bde9;box-shadow:0 0 0 3px rgba(39,174,223,.13)}.settings-form .account-button{width:100%;margin:0;font-size:14px}.settings-form--three .account-button{grid-column:1/-1;width:min(330px,100%);justify-self:start}.button-inline{width:min(330px,100%);margin-top:20px}
.security-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.security-actions .settings-form{grid-template-columns:1fr}.two-factor-setup{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:24px;margin:20px 0}.two-factor-qr{display:grid;place-items:center;width:220px;aspect-ratio:1;padding:10px;border:1px solid rgba(101,204,244,.35);background:#fff;color:#051017;font-size:11px;text-align:center;box-shadow:0 0 34px rgba(45,187,235,.16)}.two-factor-qr svg{display:block;width:100%;height:100%}.secret-box{display:grid;gap:10px;margin:0}.secret-box>span{color:#95a5ae;font-size:12px;line-height:1.5}.secret-box code{display:block;padding:15px;border:1px solid rgba(101,204,244,.35);background:rgba(2,9,14,.75);color:#9fe8ff;font-size:17px;letter-spacing:.12em;word-break:break-all}.secret-box input{height:42px;color:#8da2ad;font-size:11px}.recovery-card{border-color:rgba(63,204,151,.35)}.recovery-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:17px}.recovery-codes code{padding:10px 12px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.25);color:#dfffea;text-align:center;letter-spacing:.08em}
.event-list{display:grid;margin-top:9px}.event-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:12px}.event-list>div:last-child{border-bottom:0}.event-list span{color:#91a0a9}.event-list strong{font-family:var(--sans);font-size:12px}.event-ok{color:#66d8a5}.event-fail{color:#ff8d7a}
.referral-program h2{max-width:680px;margin:0;font:600 29px/1.15 var(--serif)}.referral-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0 0;padding:0;list-style:none}.referral-steps li{display:flex;gap:12px;min-height:92px;padding:16px;border:1px solid rgba(101,204,244,.16);background:rgba(4,17,24,.46)}.referral-steps b{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid rgba(101,204,244,.42);color:#80defd;font:600 17px var(--serif)}.referral-steps span{color:#8798a2;font-size:11px;line-height:1.5}.referral-steps span strong{margin-bottom:5px;color:#edf7fa;font:600 12px var(--sans)}.referral-rewards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(4,27,39,.56),rgba(7,62,84,.38),rgba(4,27,39,.56))}.referral-rewards>div{padding:16px 12px;text-align:center;border-right:1px solid var(--line)}.referral-rewards>div:last-child{border-right:0}.referral-rewards span{display:block;color:#9aacb5;font-size:10px}.referral-rewards strong{margin-top:6px;color:#fff;font:600 24px var(--sans)}.referral-program .referral-bonus{padding:14px 16px;border-left:2px solid #32bce9;background:rgba(12,91,122,.13);color:#c8d6dc}.referral-program .referral-bonus strong{display:inline;color:#8ee3ff;font:600 13px var(--sans)}.referral-program .referral-status-note{color:#74858f;font-size:11px}
.referral-link-card{scroll-margin-top:30px;border-color:rgba(255,151,56,.88);background:radial-gradient(circle at 26% 50%,rgba(255,116,22,.16),transparent 48%),linear-gradient(120deg,rgba(48,24,8,.48),rgba(1,5,8,.52));box-shadow:0 0 0 1px rgba(255,142,45,.2),0 0 32px rgba(255,105,18,.2),inset 0 0 34px rgba(255,119,22,.06);animation:referral-link-pulse 2.8s ease-in-out infinite;transition:border-color .25s,box-shadow .25s,background .25s}.referral-link-card .referral-link__value{border-color:rgba(255,157,66,.82);box-shadow:0 0 0 2px rgba(255,139,40,.12),0 0 20px rgba(255,103,17,.2);color:#fff2e4}@keyframes referral-link-pulse{0%,100%{box-shadow:0 0 0 1px rgba(255,142,45,.18),0 0 25px rgba(255,105,18,.16),inset 0 0 28px rgba(255,119,22,.05)}50%{box-shadow:0 0 0 2px rgba(255,163,71,.38),0 0 48px rgba(255,104,17,.34),inset 0 0 45px rgba(255,129,27,.1)}}

@media(prefers-reduced-motion:reduce){.referral-link-card{animation:none}}
.support-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:18px;margin-top:34px}.support-history{min-height:540px}.support-messages{display:flex;flex-direction:column;gap:12px;max-height:620px;margin-top:16px;padding-right:7px;overflow:auto}.support-message{max-width:88%;padding:13px 15px;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.3)}.support-message--user{align-self:flex-end;border-color:rgba(57,184,230,.25);background:rgba(9,91,125,.18)}.support-message--admin{align-self:flex-start;border-color:rgba(231,165,92,.25);background:rgba(112,68,20,.18)}.support-message p{margin:0;color:#e7edf0;white-space:normal;word-break:break-word}.support-message time{display:block;margin-top:8px;color:#768792;font-size:10px}.support-compose-card{min-height:540px}.support-compose{grid-template-columns:1fr;align-items:stretch;gap:18px}.support-compose textarea{min-height:190px;padding:14px 15px;resize:vertical}.support-compose .account-button{width:100%;margin-top:0}.file-picker{position:relative;display:grid!important;place-items:center;min-height:116px;padding:18px;border:1px dashed rgba(101,204,244,.36);background:rgba(7,34,46,.28);text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.file-picker:hover,.file-picker:focus-within{border-color:#41c5ef;background:rgba(11,76,101,.25)}.file-picker input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;opacity:0;pointer-events:none}.file-picker__button{color:#8ee3ff!important;font:600 14px var(--sans)!important}.file-picker small{max-width:290px;color:#7f919b;font-size:10px;line-height:1.5}.file-picker.has-files{border-style:solid;border-color:rgba(63,204,151,.48);background:rgba(24,100,76,.14)}.file-picker.has-error{border-color:#ff684d}.support-attachments{display:grid;gap:6px;margin-top:11px}.support-attachments a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid rgba(101,204,244,.18);background:rgba(2,11,16,.46);color:#aeeaff;font-size:11px;text-decoration:none}.support-attachments a:hover{border-color:rgba(101,204,244,.5);color:#fff}.support-attachments span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-attachments small{flex:0 0 auto;color:#738791}
@media(max-width:850px){.settings-form,.settings-form--three,.security-actions,.support-layout,.two-factor-setup,.referral-steps{grid-template-columns:1fr}.referral-rewards{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-rewards>div:nth-child(2){border-right:0}.referral-rewards>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.two-factor-qr{width:min(220px,100%)}.settings-form--three .account-button{grid-column:auto}.support-history{min-height:300px}.recovery-codes{grid-template-columns:1fr}}
@media(max-width:700px){.legal-card{padding:31px 22px}.cabinet-nav{margin-top:22px;flex-wrap:wrap;overflow:visible}.cabinet-nav a{flex:1 1 calc(50% - 8px);padding:10px 12px;text-align:center}.referral-link{grid-template-columns:1fr}.copy-button{width:100%}.event-list>div{align-items:flex-start;flex-direction:column;gap:5px}.support-message{max-width:94%}}

.referral-steps--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.referral-rules{margin-top:18px;padding:18px 20px;border:1px solid rgba(101,204,244,.2);background:rgba(4,17,24,.42)}
.referral-rules>strong{font:600 17px var(--serif)}
.referral-rules ul{display:grid;gap:7px;margin:13px 0 0;padding-left:20px;color:#93a6af;font-size:12px;line-height:1.55}
.referral-summary{display:flex;align-items:stretch;gap:0;margin-bottom:16px}
.referral-summary>div{display:grid;min-width:112px;padding:7px 18px;border-right:1px solid var(--line)}
.referral-summary>div:first-child{padding-left:0}
.referral-summary>div:last-child{border-right:0}
.referral-summary strong{font:600 28px var(--sans)}
.referral-summary span{margin-top:2px;color:#81949e;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.referral-user-list>div{align-items:center}
.referral-user-list>div>div{display:grid;gap:4px}
.referral-user-list small{color:#768b95;font-size:10px}
.referral-state{display:inline-flex;padding:6px 9px;border:1px solid;font-size:10px;font-weight:600;letter-spacing:.02em;white-space:nowrap}
.referral-state--active{border-color:rgba(56,207,145,.38);background:rgba(30,123,87,.15);color:#83e6ba}
.referral-state--waiting{border-color:rgba(255,169,76,.4);background:rgba(142,77,14,.15);color:#ffc27d}
.referral-state--expired{border-color:rgba(143,160,169,.3);background:rgba(99,117,126,.12);color:#a9b8bf}
@media(max-width:1050px){.referral-steps--four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.referral-steps--four{grid-template-columns:1fr}.referral-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.referral-summary>div{min-width:0;padding:7px 10px;text-align:center}.referral-summary>div:first-child{padding-left:10px}.referral-summary strong{font-size:24px}.referral-user-list>div{align-items:flex-start}.referral-state{white-space:normal}}

/* Streamer partner area */
.streamer-cabinet{width:min(1040px,100%)}
.streamer-back{flex:0 0 auto}
.streamer-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:30px;background:radial-gradient(circle at 20% 50%,rgba(241,100,24,.13),transparent 50%),rgba(1,5,8,.55)}
.streamer-intro h2{max-width:620px;margin:0;font:600 30px/1.18 var(--serif)}
.streamer-intro p{max-width:680px}
.streamer-contact{display:flex;flex:0 0 190px;flex-direction:column;align-items:center;justify-content:center;min-height:96px;padding:16px;border:1px solid rgba(255,149,59,.42);background:rgba(74,31,8,.22);color:#fff;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.streamer-contact:hover{border-color:#ff9b45;box-shadow:0 0 30px rgba(255,105,20,.2);transform:translateY(-2px)}
.streamer-contact span{color:#a9b6bd;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.streamer-contact strong{margin-top:7px;color:#ffac66;font:600 20px var(--sans)}
.streamer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.streamer-grid--application{grid-template-columns:minmax(0,680px);justify-content:center}
.streamer-review-note{margin:0 0 18px!important;padding:13px 15px;border-left:2px solid #e88832;background:rgba(142,72,13,.13);color:#d8e0e4!important;line-height:1.55!important}
.streamer-grid .cabinet-card{min-height:0}

.telegram-login-card{text-align:center}.telegram-widget{min-height:54px;margin:28px 0 20px}.telegram-settings h2{margin:0 0 12px;font:600 28px var(--serif)}.telegram-config-notice{padding:14px;border-left:2px solid #e99432;background:rgba(233,148,50,.08)}.telegram-profile{display:flex;align-items:center;gap:16px;margin:10px 0 22px}.telegram-profile img{width:64px;height:64px;border-radius:50%;object-fit:cover}.telegram-profile strong,.telegram-profile span,.telegram-profile small{display:block}.telegram-profile span{margin-top:3px;color:#159ed2}.telegram-profile small{margin-top:4px;color:var(--muted)}.telegram-status-list{margin:20px 0!important}.telegram-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.telegram-actions form{margin:0}.telegram-consent{margin:24px 0;padding:18px;border:1px solid var(--line)}.telegram-consent label{display:flex;align-items:flex-start;gap:12px}.telegram-consent input{width:18px;height:18px;margin-top:3px}.telegram-consent strong,.telegram-consent small{display:block}.telegram-consent small{margin-top:5px;color:var(--muted);line-height:1.5}.telegram-consent button{margin-top:14px}.telegram-how{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none}.telegram-how li{display:flex;gap:12px;padding:16px;border:1px solid var(--line)}.telegram-how b{display:flex;flex:0 0 31px;height:31px;align-items:center;justify-content:center;border:1px solid #24a8dc;color:#158dbb}.telegram-how span{font-size:13px;line-height:1.55}
@media(max-width:700px){.telegram-actions{align-items:stretch;flex-direction:column}.telegram-actions .account-button{width:100%}.telegram-how{grid-template-columns:1fr}}
.streamer-profile-form,.streamer-report-form{grid-template-columns:1fr;align-items:stretch}
.settings-form select{width:100%;height:46px;min-width:0;padding:0 38px 0 14px;border:1px solid rgba(143,181,201,.26);border-radius:0;outline:none;background:#02080c;color:#fff;font:14px var(--sans)}
.settings-form select:focus{border-color:#36bde9;box-shadow:0 0 0 3px rgba(39,174,223,.13)}
.streamer-period{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.streamer-status{display:inline-flex!important;align-items:center;gap:6px;margin:0 0 15px!important;padding:7px 9px;border:1px solid rgba(255,190,96,.28);background:rgba(124,71,12,.15);color:#ffd195!important;font-size:11px!important;line-height:1.3!important}
.streamer-status strong{display:inline!important;color:inherit;font:700 11px var(--sans)!important}
.streamer-status--approved,.streamer-status--paid{border-color:rgba(66,214,156,.32);background:rgba(20,112,76,.16);color:#8cefc2!important}
.streamer-status--rejected{border-color:rgba(255,104,77,.35);background:rgba(143,31,17,.18);color:#ffb2a4!important}
.streamer-history{margin-top:18px}
.streamer-report-list{display:grid;gap:12px}
.streamer-report-item{padding:18px;border:1px solid rgba(101,204,244,.14);background:rgba(2,10,15,.52)}
.streamer-report-item header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.streamer-report-item header div{display:grid;gap:5px}
.streamer-report-item header strong{font:600 18px var(--serif)}
.streamer-report-item header span{color:#82939d;font-size:11px}
.streamer-report-item header .streamer-status{flex:0 0 auto;margin:0!important}
.streamer-report-item p{margin-top:12px}
.streamer-report-links{display:grid;gap:5px;margin-top:12px}
.streamer-report-links a{min-width:0;overflow:hidden;color:#78dcff;font-size:11px;text-overflow:ellipsis;white-space:nowrap;text-underline-offset:3px}
.streamer-report-item time{display:block;margin-top:14px;color:#60727d;font-size:10px}
.streamer-attachments{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:14px}.streamer-attachment-thumb,.streamer-attachment-file{min-width:0;border:1px solid rgba(101,204,244,.18);background:rgba(2,11,16,.46);color:#aeeaff;text-decoration:none}.streamer-attachment-thumb{display:grid;padding:0;overflow:hidden;text-align:left;cursor:pointer}.streamer-attachment-thumb img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#02070a}.streamer-attachment-thumb span,.streamer-attachment-thumb small{display:block;min-width:0;margin:0 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.streamer-attachment-thumb span{margin-top:9px;font:500 11px var(--sans)}.streamer-attachment-thumb small{margin-top:4px;margin-bottom:9px;color:#738791;font:10px var(--sans)}.streamer-attachment-file{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:9px 11px;font-size:11px}.streamer-attachment-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.streamer-attachment-file small{flex:0 0 auto;color:#738791}.streamer-attachment-thumb:hover,.streamer-attachment-thumb:focus-visible,.streamer-attachment-file:hover{border-color:rgba(101,204,244,.55);outline:none}.attachment-lightbox[hidden]{display:none}.attachment-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}.attachment-lightbox__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(1,5,8,.9);cursor:zoom-out}.attachment-lightbox__panel{position:relative;z-index:1;display:grid;max-width:min(1100px,94vw);max-height:92vh;border:1px solid rgba(95,205,247,.35);background:#061017;box-shadow:0 30px 100px rgba(0,0,0,.75)}.attachment-lightbox__panel>img{display:block;max-width:100%;max-height:78vh;object-fit:contain}.attachment-lightbox__close{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.32);background:rgba(2,8,12,.78);color:#fff;font:30px/1 Arial;cursor:pointer}.attachment-lightbox__panel footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;color:#d8e4e9;font-size:12px}.attachment-lightbox__panel footer span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-lightbox__panel footer a{flex:0 0 auto;color:#78dcff;text-underline-offset:4px}.attachment-lightbox-open{overflow:hidden}
@media(max-width:850px){.streamer-intro{align-items:stretch;flex-direction:column}.streamer-contact{flex-basis:auto;min-height:80px}.streamer-grid{grid-template-columns:1fr}}
@media(max-width:700px){.streamer-intro h2{font-size:26px}.streamer-period{grid-template-columns:1fr}.streamer-report-item header{flex-direction:column;gap:12px}.streamer-report-item header .streamer-status{align-self:flex-start}}
@media(max-width:600px){.streamer-attachments{grid-template-columns:repeat(2,minmax(0,1fr))}.attachment-lightbox{padding:10px}.attachment-lightbox__panel{max-width:100%;max-height:96vh}.attachment-lightbox__panel>img{max-height:76vh}.attachment-lightbox__panel footer{align-items:flex-start;flex-direction:column;gap:8px}.attachment-lightbox__close{top:7px;right:7px;width:38px;height:38px}}

/* Keep the password fields aligned even though the middle field has helper text. */
.settings-form--three{align-items:start}
.settings-form--three label>span{color:#f7fbfd;font-weight:500}
.settings-form--three small{color:#d9e5ea;font-size:11px;line-height:1.35}
.cabinet-card:has(.settings-form--three)>.cabinet-card__label{color:#eaf5fa}