
:root{color-scheme:dark;--bg:#0c0f17;--panel:#171d2a;--panel2:#1c2433;--line:#30394c;--text:#eef2fb;--muted:#9da8bc;--accent:#ee4054}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:#ff7584;text-decoration:none}a:hover{color:#ffb4bd}header{height:auto;min-height:70px;background:#151a25;border-bottom:1px solid #283042;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px max(24px,calc((100% - 1440px)/2))}header nav{display:flex;align-items:center;flex-wrap:wrap;gap:22px}header nav a{color:#bfc8d9;font-weight:600}header nav a:hover,header nav a.nav-admin{color:white}.brand-link{display:inline-flex;align-items:center;gap:10px;color:white;font-weight:800;font-size:15px}.brand-link .site-logo{height:38px;max-width:110px;object-fit:contain}main{max-width:1100px;margin:30px auto;padding:0 24px}main.admin-page{max-width:1490px;margin:26px auto}.dashboard{display:grid;grid-template-columns:255px minmax(0,1fr);align-items:start;gap:26px}.side{background:#151b28;border:1px solid var(--line);border-radius:18px;padding:18px;position:sticky;top:22px;box-shadow:0 12px 30px #0002}.side-head{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:8px 2px 20px;margin-bottom:20px}.side-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#f14a60,#922c4b);color:white;font-size:24px;font-weight:900;flex-shrink:0}.side h2{font-size:16px;margin:0;line-height:1.3}.side-head p{margin:5px 0 0;font-size:12px}.side-label,.eyebrow{font-size:11px;letter-spacing:1.35px;color:#8796ae;font-weight:800}.side-label{margin:0 12px 9px}.side a{display:flex;align-items:center;padding:12px 14px;margin:3px 0;border-radius:10px;color:#b6c2d4;font-weight:600;transition:background .15s}.side a:hover{background:#252f42;color:white}.side a.selected{background:#343044;color:#fff;border-left:3px solid #f34c65;padding-left:11px}.dash-main{min-width:0}.dash-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.dash-top h1{font-size:30px;letter-spacing:-.7px;margin:5px 0}.dash-subtitle{margin:0}.admin-identity{display:flex;align-items:center;gap:11px;background:#171d29;border:1px solid var(--line);border-radius:12px;padding:10px 15px;font-weight:750;white-space:nowrap}.admin-identity small{display:block;color:var(--muted);font-weight:500}.identity-dot{height:10px;width:10px;background:#35d6a4;border-radius:50%;box-shadow:0 0 0 4px #35d6a420}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 22px}.stat{min-height:144px;background:linear-gradient(135deg,#1b2434,#171d29);border:1px solid #333e53;border-radius:16px;padding:20px;box-shadow:0 6px 25px #0002}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-top span:first-child{color:#aebbd0;font-size:13px;font-weight:650}.stat-indicator{color:#f34c65;font-size:13px}.stat strong{display:block;font-size:36px;line-height:1.25;letter-spacing:-1px;margin:12px 0 3px}.stat-foot{color:#7f8da3;font-size:11px}.card{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:23px;margin-bottom:18px;box-shadow:0 5px 20px #0001}.card h2{margin:0 0 12px;font-size:19px}.card p{color:#bbc5d6}.quick-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px}.quick-card h2{margin-top:6px}.quick-card p{margin:0;max-width:550px}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.button,button,.btn{display:inline-flex;align-items:center;justify-content:center;background:#e94055;color:white;border:1px solid #e94055;border-radius:10px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.button:hover,button:hover{background:#f25266;color:white}.button-outline,button.secondary{background:#2a3447;border-color:#3b465c;color:#e0e6f0}.button-outline:hover,button.secondary:hover{background:#3b4960}.muted,small{color:var(--muted)}input,select,textarea{width:100%;display:block;background:#101622;color:#edf2fb;border:1px solid #44516a;border-radius:9px;padding:10px 12px;margin:7px 0 12px;font:inherit}input[type=checkbox]{width:auto;display:inline-block;margin-right:7px}input[type=file]{padding:10px}input:focus,select:focus,textarea:focus{outline:2px solid #ec4b6488;outline-offset:1px}label{color:#cbd5e4}form.inline{display:inline}table{width:100%;border-collapse:collapse}th{text-transform:uppercase;letter-spacing:.5px;color:#aab8cd;font-size:11px}th,td{text-align:left;padding:13px 11px;border-bottom:1px solid #343e50;vertical-align:middle}tr:hover td{background:#ffffff04}.table-wrap{width:100%;overflow:auto}.table-wrap table{min-width:700px}.cell-form{min-width:180px}.cell-form select,.cell-form input{margin:4px 0 6px;padding:8px}.cell-form button{padding:7px 10px}.tag{display:inline-block;background:#293448;border-radius:8px;padding:4px 9px;font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px}.logo-preview{display:flex;align-items:center;justify-content:center;min-height:105px;background:#101622;border:1px dashed #4a5870;border-radius:12px;margin:12px 0;padding:16px}.logo-preview img{max-height:100px;max-width:280px;object-fit:contain}h1{font-size:27px}h2{font-size:20px}a{overflow-wrap:anywhere}
@media(max-width:1100px){.dashboard{grid-template-columns:220px minmax(0,1fr);gap:18px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-card{display:block}.quick-actions{justify-content:flex-start;margin-top:18px}}
@media(max-width:760px){header{padding:14px 18px;align-items:flex-start;flex-wrap:wrap}header nav{gap:14px}main,main.admin-page{padding:0 14px;margin-top:18px}.dashboard{grid-template-columns:1fr}.side{position:static}.side-head{padding-bottom:12px;margin-bottom:12px}.side a{display:inline-flex;margin:3px;font-size:12px;padding:9px 10px}.side a.selected{padding-left:7px}.dash-top{align-items:flex-start;flex-direction:column}.dash-top h1{font-size:25px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:15px;min-height:120px}.stat strong{font-size:28px}.quick-card{padding:20px}}
@media(max-width:390px){.stat-grid{grid-template-columns:1fr}}

/* Profil ve avatarlar */
.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;object-fit:cover;flex:none;background:#343b50;border:2px solid #4a5269;color:white;font-weight:750;vertical-align:middle}
.avatar-xs{width:30px;height:30px;font-size:13px}.avatar-sm{width:48px;height:48px;font-size:20px}.avatar-lg{width:116px;height:116px;font-size:44px}
.nav-profile{display:inline-flex;align-items:center;gap:7px;text-decoration:none}.profile-head{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.profile-mini{display:flex;align-items:center;gap:10px}.profile-mini h2{margin:0}.avatar-admin-tools{margin-top:8px}.avatar-admin-tools input[type=file]{max-width:210px;font-size:11px;padding:6px}.avatar-admin-tools button{font-size:11px;padding:6px 8px}
@media(max-width:600px){.profile-head{align-items:flex-start}.avatar-lg{width:86px;height:86px}}
/* v6 community and discovery */
.community-banner{display:flex;align-items:center;gap:20px;padding:24px;margin:0 0 24px;border:1px solid #4a3553;background:linear-gradient(120deg,#282033,#1b2231 68%,#241c2d);border-radius:18px;box-shadow:0 10px 32px #0002}
.community-avatar{width:90px;height:90px;min-width:90px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d72c5d,#7939bd);font-size:40px;overflow:hidden}.community-avatar img{width:100%;height:100%;object-fit:cover}
.community-copy{flex:1;min-width:0}.community-copy h2{margin:7px 0;font-size:23px}.community-copy p{color:#c2c8d6;margin:5px 0;white-space:pre-wrap}.community-join{background:#e83d60;color:white;border-radius:12px;padding:15px 20px;text-decoration:none;font-weight:800;text-align:center;white-space:nowrap}.community-join:hover{background:#f45473}
.discovery-hero{margin:24px 0}.discovery-hero h1{margin:8px 0}.media-add-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.media-add-form input{flex:3;min-width:220px;margin:0}.media-add-form select{flex:1;min-width:140px;margin:0}.media-add-form button{margin:0;min-height:43px}
.section-head{margin:30px 0 14px}.section-head h2{margin:0}.section-head p{margin:5px 0}.creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.creator-card,.video-card{background:#1b202c;border:1px solid #363e50;border-radius:16px;padding:20px;min-width:0}.creator-top{display:flex;gap:16px;align-items:center}.creator-top h3{margin:8px 0 4px}.creator-actions{margin-top:20px;display:flex;flex-direction:column;gap:8px}.creator-actions form{margin:0}.creator-actions button,.creator-actions .button{width:100%;text-align:center}.creator-actions small{color:#aeb8cc}.platform-tag{font-size:11px;letter-spacing:.07em;font-weight:800;padding:5px 9px;border-radius:6px;background:#334155}.platform-tag.youtube{background:#6e2536}.platform-tag.spotify{background:#17533d}.platform-tag.soundcloud{background:#764421}
.video-add{margin-top:28px}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.video-card{padding:0;overflow:hidden}.video-card details{position:relative}.video-card summary{display:block;cursor:pointer;position:relative;aspect-ratio:16/9}.video-card summary::-webkit-details-marker{display:none}.video-card summary img{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#e83d60;border-radius:50%;height:44px;width:44px;display:grid;place-items:center;color:white}.video-card details[open] summary{display:none}.video-player{aspect-ratio:16/9}.video-player iframe{width:100%;height:100%;border:0}.video-meta{padding:13px;display:flex;flex-direction:column;gap:7px}.video-meta b{line-height:1.35}.video-meta span{color:#b6c0d3;font-size:12px}.video-meta a{font-size:12px}
@media(max-width:1050px){.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.community-banner{flex-direction:column;align-items:flex-start}.community-join{width:100%}.creator-grid,.video-grid{grid-template-columns:1fr}.media-add-form>*{width:100%}}

main:not(.admin-page){max-width:1320px}

/* v7: distinct landing, channel discovery and video pages */
.home-intro{padding:12px 0 7px}.home-intro h1{font-size:clamp(28px,3vw,40px);letter-spacing:-.8px;margin:7px 0}.home-intro p{margin:0 0 20px}
.home-quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:14px 0 34px}.home-quick{background:#1b2231;border:1px solid #364055;border-radius:16px;padding:20px;color:#f1f5fc;display:flex;flex-direction:column;gap:6px}.home-quick:hover{border-color:#e83d60;color:#fff;background:#242b3c}.home-quick span{font-size:25px;color:#fa657a}.home-quick strong{font-size:17px}.home-quick small{font-size:12px}
.section-heading-action{display:flex;justify-content:space-between;align-items:center;gap:14px}.section-heading-action a{font-weight:750;white-space:nowrap}
@media(max-width:750px){.home-quick-links{grid-template-columns:1fr}.section-heading-action{align-items:flex-start}.home-intro h1{font-size:27px}}

.channel-stats{display:block;color:#aabbd6;margin-top:5px;font-size:12px}.channel-choice{display:flex;align-items:center;gap:16px;padding:12px;border-bottom:1px solid #344158;flex-wrap:wrap}.channel-choice strong{flex:1}.channel-choice img{width:48px;height:48px;border-radius:50%;object-fit:cover}

/* Public legal documents and footer */
.legal-page{max-width:920px;margin:0 auto;padding:18px 0 36px}.legal-heading{margin-bottom:24px}.legal-content{padding:28px 34px}.legal-content h2{font-size:1.1rem;margin:28px 0 9px}.legal-content h2:first-child{margin-top:0}.legal-content p{line-height:1.75;color:#cbd5e1}.legal-content a,.site-footer a{color:#ff667c;text-decoration:underline;text-underline-offset:3px}.site-footer{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;padding:26px 18px;border-top:1px solid #283246;color:#9fb0ce;font-size:.88rem}.legal-content code{overflow-wrap:anywhere}@media(max-width:640px){.legal-page{padding:12px}.legal-content{padding:20px}.site-footer{gap:14px}}
