:root{--accent:#d4202e}body{background:#090d16}.header{justify-content:space-between}.header>a{color:#adb5c3;font-size:14px}.account-auth{max-width:480px;margin:7vh auto}.account-auth h1{font-size:32px}.account-auth p{color:#a8b2c0;line-height:1.65}.account-auth input{min-height:48px}.account-links{display:flex;justify-content:space-between;margin-top:22px}.account-links button{background:transparent;color:#c7cfdb;padding:8px}.account-check{display:flex;align-items:flex-start;gap:12px}.account-check input{width:20px;min-height:20px}.account-check a{color:#fff}.account-message{color:#cbd5e1;line-height:1.6;min-height:24px}.account-message.error{color:#ff8793}.account-nav{display:flex;gap:10px;overflow:auto;margin:22px 0}.account-nav button{white-space:nowrap}.account-nav button.selected{background:var(--accent);color:#fff}.account-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.account-status{padding:26px;border-left:4px solid var(--accent);background:#ffffff08;margin:24px 0}.account-status h2{margin:0 0 12px}.account-status p{color:#b9c2cf}.account-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.account-plan{padding:24px;background:#ffffff07;border:1px solid #ffffff17;border-radius:14px}.account-plan h3{margin-top:0}.account-plan strong{display:block;font-size:34px;margin:22px 0}.account-plan small{color:#bbc5d2}.account-list{display:grid;gap:12px}.account-row{padding:18px;background:#ffffff05;border:1px solid #ffffff12;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:18px}.account-row small{display:block;color:#aebac9;margin-top:8px}.account-row button{flex-shrink:0}.account-table-wrap{overflow:auto}.account-table{border-collapse:collapse;width:100%;margin:20px 0}.account-table th,.account-table td{text-align:left;padding:16px 12px;border-bottom:1px solid #ffffff14}.account-table td{white-space:nowrap}.account-table th{color:#9eabbc;font-size:13px}.account-category-list{max-height:60vh;overflow:auto}.account-category{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #ffffff12}.account-category input{width:22px;height:22px;accent-color:var(--accent)}.account-form{max-width:640px}.account-inline{display:flex;gap:12px;align-items:center}.account-inline input{flex:1}.account-danger{color:#ff929d}.account-dialog{position:fixed;inset:0;z-index:100;background:#000b;display:flex;align-items:center;justify-content:center;padding:20px}.account-dialog .panel{max-width:500px;width:100%;max-height:90vh;overflow:auto}.account-dialog h2{margin-top:0}.account-dialog button{margin-right:8px}.account-note{line-height:1.65;color:#aeb9c8}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:3px}.account-auth button.primary,.account-dialog button.primary{background:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}select{width:100%;padding:14px;color:#fff;background:#171d29;border:1px solid #ffffff25;border-radius:8px}#account-dialog[hidden]{display:none}@media(max-width:640px){.account-auth{margin:24px auto}.account-plans{grid-template-columns:1fr}.account-head{align-items:flex-start;flex-direction:column}.account-row{align-items:flex-start;flex-wrap:wrap}.header>a{font-size:12px}.account-plan strong{font-size:30px}.account-inline{flex-wrap:wrap}.account-auth h1{font-size:28px}}

#account-content button,#account-dialog button{min-height:44px;padding:12px 18px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff08;color:#fff}
#account-content button.primary,#account-dialog button.primary{background:var(--accent);border-color:transparent}
#account-content form label,#account-dialog form label{display:flex;flex-direction:column;gap:10px;margin:20px 0;font-size:15px}
#account-content form input:not([type=checkbox]),#account-dialog form input:not([type=checkbox]){display:block;width:100%;min-height:48px;padding:12px 14px;background:#0c111b;border:1px solid #ffffff24;border-radius:10px;color:#fff}
#account-content form .account-check{flex-direction:row;align-items:flex-start;line-height:1.5}
#account-content form>button.primary{width:100%;margin-top:8px}
.account-links{gap:10px}.account-links button{font-size:14px}
.shell>.header{width:100%;margin:0;padding:14px 18px}

.account-qr-approval{border:1px solid var(--accent);box-shadow:0 12px 48px #0008;margin:20px 0}.account-qr-approval h2{margin-top:0}.account-qr-approval p{line-height:1.55;color:#d8e0ea}

/* TV'deki kategori kontrolüne karşılık gelen, telefonda da rahat kullanılan çalışma alanı. */
.category-studio{padding:0;overflow:hidden}.category-studio-head{display:flex;justify-content:space-between;gap:24px;padding:30px 30px 24px;background:linear-gradient(110deg,#121d2d,#0d1524 70%,#1c1117)}.category-studio-head h2{margin:2px 0 8px}.category-studio-head p{max-width:690px;margin:0}.eyebrow{color:#ff6470!important;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.category-stats{min-width:110px;align-self:center;text-align:right}.category-stats strong{display:block;font-size:34px}.category-stats span,.category-stats small{display:block;color:#aeb9c8;font-size:13px}.category-stats small{margin-top:8px;color:#ffb0b7}.category-studio-body{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:420px}.category-kind-nav{padding:16px;border-right:1px solid #ffffff12;background:#090f19}.category-kind-nav button{width:100%;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;margin:4px 0;padding:14px 12px;text-align:left;color:#aeb9c8;background:transparent;border:1px solid transparent;border-radius:10px}.category-kind-nav button i{font-style:normal;font-size:20px}.category-kind-nav button small{font-size:12px;color:#7f8a9b}.category-kind-nav button.selected{background:var(--accent);border-color:#ff6c76;color:#fff;box-shadow:0 8px 20px #0006}.category-kind-nav button.selected small{color:#fff}.category-workspace{padding:24px;min-width:0}.category-workspace-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.category-workspace-title h3{margin:0 0 6px}.category-workspace-title p{margin:0}.category-workspace-title>span{color:#aeb9c8;font-size:13px;padding:7px 10px;border:1px solid #ffffff1c;border-radius:999px}.account-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:52vh;margin-top:22px;padding-right:4px}.account-category{position:relative;min-height:82px;display:grid;grid-template-columns:30px minmax(0,1fr) auto 46px;gap:11px;align-items:center;padding:14px;border:1px solid #ffffff15;border-radius:12px;background:#ffffff05;overflow:hidden}.account-category:hover{border-color:#ffffff35;background:#ffffff09}.account-category.is-hidden{opacity:.62;background:#070d16}.account-category-icon{color:#ff6d77;font-size:20px;text-align:center}.account-category-title{min-width:0}.account-category-title strong,.account-category-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-category-title small{margin-top:5px;font-size:12px;color:#aeb9c8}.account-category-state{font-size:12px;font-weight:800;color:#50d8b0}.is-hidden .account-category-state{color:#8794a5}.account-category input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.account-switch{width:42px;height:24px;background:#28d6a0;border-radius:16px;position:relative}.account-switch:after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .18s}.is-hidden .account-switch{background:#354154}.is-hidden .account-switch:after{transform:translateX(-18px)}.account-empty{grid-column:1/-1;padding:32px;text-align:center;border:1px dashed #ffffff24;border-radius:12px;color:#cbd5e1}.account-empty p{margin:8px 0 0}.category-studio-save{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 30px;background:#0b121d;border-top:1px solid #ffffff12}.category-studio-save strong{display:block}.category-studio-save p{margin:4px 0 0;font-size:13px}.category-studio-save .primary{white-space:nowrap}
@media(max-width:760px){.category-studio-head{padding:22px 18px;align-items:flex-start}.category-stats{min-width:auto}.category-studio-body{grid-template-columns:1fr}.category-kind-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #ffffff12;padding:10px}.category-kind-nav button{min-width:132px;grid-template-columns:20px 1fr;margin:0}.category-kind-nav button small{display:none}.category-workspace{padding:18px}.account-category-list{grid-template-columns:1fr;max-height:none}.category-studio-save{padding:16px 18px;align-items:stretch;flex-direction:column}.category-studio-save .primary{width:100%}}
.account-plan.current{border-color:var(--accent)}.account-plan p b{color:#fff}
