@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#090a0f;--panel:#11131b;--panel2:#161923;--line:#272a36;--text:#f4f5fa;--muted:#9297a8;--red:#ff3b52;--red2:#bd1e39;--green:#53dfac}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 0%,#24101b 0,transparent 36%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topbar{height:auto;min-height:76px;padding:16px max(5vw,22px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff0e;background:#090a0fd9;backdrop-filter:blur(16px);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;font:700 20px 'Space Grotesk',sans-serif;letter-spacing:1px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--red);clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:9px;color:#fff;font-size:19px}.muted{color:var(--muted)}.brand .muted{font-size:11px;letter-spacing:2px}nav{display:flex;align-items:center;gap:22px;font-size:14px;color:#c3c6d2;flex-wrap:wrap}nav>a:hover, .back-link:hover{color:#fff}.nav-cta{background:var(--red);color:white;padding:9px 15px;border-radius:7px;font-weight:700}.nav-button{background:none;border:0;color:#c3c6d2;cursor:pointer}.inline{display:inline}.user-chip{display:flex;align-items:center;gap:8px}.wrap{max-width:1180px;width:90%;margin:0 auto;min-height:70vh}.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px;padding:78px 0 55px;min-height:450px}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:700;color:#ff6376;margin-bottom:12px}.pulse{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--red)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.12}.hero h1{font-size:clamp(42px,6vw,76px);letter-spacing:-3px;margin:12px 0 20px}.hero h1 span,.auth-side h1 span{color:var(--red)}.hero-copy>p{max-width:520px;color:#a8acbb;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;padding:12px 17px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--red);border-color:var(--red)}.primary:hover{background:#e92b43}.ghost{background:#ffffff05}.small{padding:9px 12px;font-size:12px}.full{width:100%}.tiny{padding:7px 10px;font-size:12px}.danger{background:#471923;border-color:#74303d}.hero-art{min-height:310px;display:grid;place-items:center;position:relative;overflow:hidden}.hero-art:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#ff29400b;filter:blur(20px)}.ring{position:absolute;border:1px solid #ff3b523d;border-radius:50%;transform:rotate(-28deg)}.ring-one{width:280px;height:280px;border-left-color:var(--red);animation:spin 18s linear infinite}.ring-two{width:220px;height:310px;border-right-color:#ff8795;transform:rotate(45deg);animation:spin 24s linear infinite reverse}.apex-symbol{font:700 155px 'Space Grotesk',sans-serif;line-height:1;color:#f9f9fb;text-shadow:0 0 36px #ff3b5260;position:relative;z-index:1;clip-path:polygon(50% 0,100% 100%,70% 100%,50% 54%,30% 100%,0 100%)}.art-label{position:absolute;bottom:12px;letter-spacing:4px;font-size:10px;color:#858a9b}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;background:#11131b99;padding:22px 0;margin:0 0 70px}.stats>div{display:flex;flex-direction:column;align-items:center;gap:3px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats strong{font:700 28px 'Space Grotesk';}.stats span{font-size:10px;color:var(--muted);letter-spacing:1.6px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 22px}.section-head h2{font-size:30px;margin:0}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.post-card,.panel{background:linear-gradient(140deg,#151822,#10121a);border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.post-meta{display:flex;align-items:center;gap:10px;margin-bottom:19px;min-width:0}.post-meta>div{display:flex;flex-direction:column;min-width:0}.post-meta b{font-size:13px}.post-meta small,.admin-post small,td small{display:block;color:var(--muted);font-size:11px}.avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#35202a;color:#ff7c8c;font-weight:700;flex-shrink:0}.small-avatar{width:30px;height:30px}.role{display:inline-flex;align-items:center;border:1px solid #ffffff18;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:700;margin-left:auto;white-space:nowrap;background:#ffffff07;color:#c4c8d6}.role-admin{color:#ff7486;border-color:#a93246;background:#46131f}.role-geliştirici{color:#c5a3ff;border-color:#6743a5;background:#271b3e}.role-asistan{color:#80c8ff;border-color:#2f7197;background:#122c3c}.role-moderatör{color:#ffbd77;border-color:#98652d;background:#3c2916}.post-card h3{font-size:20px;margin:0 0 10px}.post-card h3 a:hover{color:#ff7486}.post-card>p{color:#a5a9b8;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.post-bottom{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.post-bottom a{color:#ff7889}.empty{text-align:center;padding:55px 20px;border:1px dashed #343744;border-radius:12px;background:#10121a66}.empty h3{margin:10px 0}.empty p{color:var(--muted);max-width:460px;margin:0 auto 20px}.empty-icon{font-size:32px;color:var(--red)}.join-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;margin:65px 0;background:linear-gradient(105deg,#30131d,#15131c 65%);border:1px solid #582333;border-radius:12px}.join-banner h2{font-size:28px;margin:0 0 7px}.join-banner p{color:#b5b7c4;margin:0}.join-banner .eyebrow{margin-bottom:6px}.auth-layout{display:grid;grid-template-columns:1fr 420px;gap:70px;align-items:center;max-width:970px;margin:55px auto}.auth-side h1{font-size:48px;letter-spacing:-1.8px;margin:20px 0}.auth-side p{color:var(--muted);max-width:390px}.small-symbol{font-size:70px;width:110px;height:110px;display:grid;place-items:center;clip-path:none;background:transparent;border:1px solid #592431;border-radius:25px;color:var(--red);text-shadow:0 0 22px #ff3b5266;margin-bottom:30px}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:30px}.auth-card h2{font-size:29px;margin-bottom:7px}.auth-card>p{font-size:13px}.form{display:flex;flex-direction:column;gap:17px;margin-top:24px}.form label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#d8dae3;font-weight:700}.form input,.form textarea,.form select,.comment-form textarea,.role-form select{width:100%;background:#0b0d13;border:1px solid #303442;color:#fff;border-radius:7px;padding:12px;outline:none}.form input:focus,.form textarea:focus,.comment-form textarea:focus{border-color:var(--red)}textarea{resize:vertical}.auth-switch{text-align:center;color:var(--muted);font-size:12px;margin-top:22px}.auth-switch a,.detail-page a:not(.btn){color:#ff7b8c}.form-page,.detail-page{max-width:760px;margin:42px auto}.back-link{display:inline-block;color:var(--muted);font-size:13px;margin-bottom:25px}.form-page h1,.admin-head h1{font-size:38px;margin-bottom:8px}.form-page>.muted{margin-bottom:20px}.form-page .panel{padding:26px}.detail-card{margin-bottom:24px}.detail-card h1{font-size:34px;overflow-wrap:anywhere}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#d2d4df}.comments h2{font-size:22px}.comment-form{display:flex;flex-direction:column;align-items:flex-end;gap:10px;margin:18px 0 25px}.comment-form textarea{width:100%}.comment{border-top:1px solid var(--line);padding:18px 0}.comment .post-meta{margin-bottom:8px}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;color:#c4c7d2;margin-left:40px}.compact{padding:22px}.admin-head{display:flex;align-items:center;justify-content:space-between;margin:45px 0 25px}.admin-head h1{margin:0}.admin-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.admin-grid h2{font-size:21px}.compact-head{margin-bottom:16px;align-items:center}.compact-head h2{margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:var(--muted);font-weight:500}th,td{padding:13px 9px;border-bottom:1px solid var(--line);vertical-align:middle}td b{font-size:12px}.role-form{display:flex;gap:6px;min-width:180px}.role-form select{padding:7px;font-size:11px}.admin-post{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.admin-post b{font-size:12px;display:block;overflow-wrap:anywhere}.notice{margin:20px 0;padding:13px 15px;border:1px solid #5a4527;background:#241e14;border-radius:8px;color:#d9c9a7;font-size:12px}.flash-stack{padding-top:16px}.flash{padding:12px 15px;border-radius:8px;margin-bottom:8px;font-size:13px;border:1px solid var(--line)}.flash.success{background:#10271f;border-color:#1d6048}.flash.danger{background:#35141c;border-color:#7a2839}.flash.warning{background:#2e2414;border-color:#745522}.error-page{margin:60px auto}.error-page h1{font-size:70px;color:var(--red)}footer{border-top:1px solid #ffffff10;margin-top:70px;padding:25px 5%;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px}.brand-mini{font-weight:800;color:#fff;letter-spacing:2px}
@keyframes spin{to{transform:rotate(335deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:50px 0 30px}.hero-art{min-height:230px}.apex-symbol{font-size:120px}.ring-one{width:210px;height:210px}.ring-two{width:170px;height:240px}.stats{margin-bottom:45px}.auth-layout{grid-template-columns:1fr;gap:25px;max-width:500px}.auth-side{text-align:center}.auth-side p{margin:auto}.small-symbol{margin:0 auto 20px}.admin-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}nav{gap:13px}.join-banner{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.wrap{width:92%}.hero h1{font-size:45px;letter-spacing:-2px}.stats{grid-template-columns:repeat(2,1fr);gap:15px}.stats>div:nth-child(2){border:0}.stats>div:nth-child(1),.stats>div:nth-child(2){padding-bottom:12px;border-bottom:1px solid var(--line)}.post-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.section-head h2{font-size:25px}.join-banner{padding:22px}.auth-card{padding:22px}.form-page h1,.admin-head h1{font-size:30px}.admin-head{align-items:flex-start;gap:10px}.admin-head>.role{margin-top:4px}footer{flex-wrap:wrap}.post-card{padding:17px}}


/* Motion and application controls */
html{scroll-behavior:smooth}
body{animation:pageEnter .55s ease both}
.topbar{animation:slideDown .55s ease both}
.post-card,.panel,.stats,.join-banner,.auth-card{animation:riseIn .55s cubic-bezier(.2,.7,.2,1) both}
.post-card:nth-child(2n),.panel:nth-child(2n){animation-delay:.07s}
.btn,.nav-cta,.role,.avatar{transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}
.btn:hover,.nav-cta:hover{box-shadow:0 7px 28px #ff3b522b}
.avatar:hover{transform:rotate(-6deg) scale(1.06)}
.settings-panel{margin:0 0 18px}.settings-panel h2{font-size:22px;margin-bottom:12px}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--line)}
.settings-row b,.settings-row small{display:block}.settings-row small{color:var(--muted);font-size:12px;margin-top:3px}
.toggle{display:flex;align-items:center;gap:9px;background:#292d38;color:#d0d3df;border:1px solid #3c414e;border-radius:99px;padding:6px 12px 6px 7px;font-size:10px;font-weight:800;cursor:pointer;min-width:104px}
.toggle span{display:block;width:17px;height:17px;border-radius:50%;background:#747989;transition:all .2s}
.toggle.on{background:#12392c;border-color:#236b50;color:#74efbd}
.toggle.on span{background:#53dfac;box-shadow:0 0 12px #53dfac;transform:translateX(2px)}
.applications-panel{margin-top:18px}
.application-item{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 0;border-top:1px solid var(--line)}
.application-info{min-width:0}.application-info>b,.application-info>small{display:block}.application-info>small{font-size:11px;color:var(--muted)}
.application-info p{font-size:13px;color:#c4c8d4;margin:10px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}
.application-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}
@keyframes pageEnter{from{opacity:0}to{opacity:1}}
@keyframes slideDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes riseIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.application-item,.settings-row{flex-direction:column;align-items:stretch}.application-actions{flex-direction:row}.toggle{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){body,.topbar,.post-card,.panel,.stats,.join-banner,.auth-card{animation:none!important}}

.profile-current{display:flex;align-items:center;gap:12px;padding:6px 0 20px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.profile-current b,.profile-current small{display:block}.profile-current small{color:var(--muted);font-size:12px;margin-top:4px}
.small-note{font-size:12px;margin:0 0 12px}

/* Profile customization, XP progression and decorative community roles */
.profile-hero-card{border-color:color-mix(in srgb,var(--profile-accent,#ff7486) 45%,var(--line));background:linear-gradient(140deg,color-mix(in srgb,var(--profile-accent,#ff7486) 10%,#151822),#10121a)}
.profile-avatar{background:var(--profile-accent,#ff7486);color:#10121a;width:54px;height:54px;font-size:21px;border-radius:15px}
.profile-status{font-size:12px;color:var(--profile-accent,#ff7486);margin:5px 0 0}
.profile-bio{color:#d2d4df;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 15px}
.special-badges,.special-role-list{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.custom-badge{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--badge-color,#ff7486) 70%,transparent);background:color-mix(in srgb,var(--badge-color,#ff7486) 14%,#10121a);color:var(--badge-color,#ff7486);border-radius:6px;padding:4px 9px;font-size:11px;font-weight:800}
.xp-track{height:5px;background:#292d38;border-radius:9px;overflow:hidden;margin:17px 0 8px}.xp-track>div{height:100%;background:var(--profile-accent,#ff7486);border-radius:9px;transition:width .3s}
.special-role-create{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.special-role-create input:not([type=color]),.special-role-create select{min-width:150px;flex:1;background:#0b0d13;border:1px solid #303442;color:#fff;border-radius:7px;padding:10px}.special-role-create input[type=color]{height:39px;width:55px;background:#0b0d13;border:1px solid #303442;border-radius:7px;padding:3px}.applications-panel h3{font-size:15px;margin:22px 0 8px}


/* QYVESS cosmic visual system */
:root{--bg:#080713;--panel:#111020;--panel2:#19162c;--line:#302747;--text:#f5f1ff;--muted:#aaa4c5;--red:#a78bfa;--red2:#6d4acb;--green:#73e6d1}
body{background:radial-gradient(ellipse at 14% 4%,#422a7552 0,transparent 34%),radial-gradient(ellipse at 86% 26%,#153c6250 0,transparent 32%),linear-gradient(140deg,#080713,#0c0b1b 54%,#090c18);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.32;background-image:radial-gradient(1px 1px at 8% 16%,#fff 98%,transparent),radial-gradient(1px 1px at 73% 22%,#c9b9ff 98%,transparent),radial-gradient(2px 2px at 32% 64%,#fff 98%,transparent),radial-gradient(1px 1px at 91% 78%,#a4cfff 98%,transparent),radial-gradient(1px 1px at 58% 91%,#fff 98%,transparent);background-size:310px 270px,370px 320px,440px 390px,280px 350px,390px 410px}
.brand-mark{background:linear-gradient(135deg,#c4b5fd,#6d5bd0);clip-path:none;border-radius:12px;padding:0;font-size:30px;color:#100c25;box-shadow:0 0 24px #9d83ff40}.brand .muted{color:#c4b5fd}.brand-slogan{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:2px;color:#9990bd;margin-top:2px}.topbar{background:#080713d9;border-color:#a78bfa20}.top-actions{display:flex;align-items:center;gap:15px}.top-user{display:flex;align-items:center;gap:9px;font-size:12px}.top-user small{display:block;color:var(--muted);font-size:10px}.top-avatar{width:34px;height:34px;background:#272044;color:#d7ccff}.menu-toggle{width:44px;height:44px;border:1px solid #a78bfa45;background:#151126;color:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.menu-toggle span{display:block;width:17px;height:2px;border-radius:3px;background:#c4b5fd;transition:transform .2s}.menu-toggle:hover{box-shadow:0 0 24px #8b72ef33}.drawer-shade{position:fixed;inset:0;background:#03020bcc;backdrop-filter:blur(5px);z-index:20;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.drawer-shade.show{opacity:1;visibility:visible}.side-drawer{position:fixed;z-index:21;right:0;top:0;height:100dvh;width:min(360px,88vw);padding:25px;background:linear-gradient(160deg,#151129,#090a17 70%);border-left:1px solid #9a80ff3b;box-shadow:-20px 0 80px #0008;transform:translateX(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.side-drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:23px;border-bottom:1px solid #ffffff14}.drawer-head b{display:block;letter-spacing:1px}.drawer-head b span{color:#c4b5fd}.drawer-head small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.drawer-head button{border:1px solid #ffffff20;border-radius:9px;background:#ffffff08;color:white;width:36px;height:36px;cursor:pointer}.drawer-links{display:flex;flex-direction:column;gap:7px;padding-top:20px}.drawer-links>a,.drawer-logout{display:flex;align-items:center;gap:13px;padding:13px 12px;border-radius:10px;color:#d8d2f0;background:transparent;border:1px solid transparent;font-size:15px;text-align:left}.drawer-links>a:hover,.drawer-logout:hover{background:#a78bfa14;border-color:#a78bfa30;color:#fff}.drawer-links form{margin:0}.drawer-logout{width:100%;cursor:pointer}.drawer-footer{margin-top:auto;padding:17px 0 3px;border-top:1px solid #ffffff14;color:#c4b5fd;font-size:12px;display:flex;gap:10px;align-items:center}.hero h1 span,.auth-side h1 span{color:#c4b5fd;text-shadow:0 0 35px #a78bfa30}.eyebrow,.post-bottom a,.detail-page a:not(.btn){color:#c4b5fd}.primary,.nav-cta{background:linear-gradient(135deg,#8b72e8,#6551bd);border-color:#a78bfa}.primary:hover{background:#7561d0}.pulse{background:#b7a4ff;box-shadow:0 0 12px #b7a4ff}.ring{border-color:#a78bfa45}.ring-one{border-left-color:#c4b5fd}.ring-two{border-right-color:#8ad7ff}.apex-symbol{text-shadow:0 0 36px #a78bfa70}.stats,.post-card,.panel{border-color:#a78bfa20}.join-banner{background:linear-gradient(110deg,#21173b,#101322 70%);border-color:#6953a43d}.helios-mode{background:radial-gradient(ellipse at 50% 0%,#4b267e66,transparent 42%),radial-gradient(ellipse at 90% 50%,#173f6c4d,transparent 35%),linear-gradient(145deg,#080611,#100a20 60%,#070d19);background-attachment:fixed}.helios-mode .brand-mark{box-shadow:0 0 28px #d6b56d65;color:#1b1028;background:linear-gradient(135deg,#ffe7a1,#b99bff)}.helios-mode .top-avatar{background:linear-gradient(135deg,#e7c778,#a88aff);color:#1a1028}.helios-welcome{display:flex;align-items:center;gap:20px;position:relative;overflow:hidden;padding:24px 27px;margin:-35px 0 50px;border:1px solid #d8b66d55;border-radius:17px;background:linear-gradient(115deg,#25163be8,#15162ce8 60%,#10253a);box-shadow:0 14px 50px #08040f88}.helios-welcome:after{content:"";position:absolute;width:220px;height:220px;right:20px;top:-130px;border:1px solid #f4d58a55;border-radius:50%;box-shadow:0 0 0 22px #d4b66b08,0 0 0 46px #d4b66b08}.helios-sigil{display:grid;place-items:center;width:66px;height:66px;flex-shrink:0;border-radius:18px;background:linear-gradient(135deg,#ffe6a1,#b89bff);color:#21152d;font-size:38px;box-shadow:0 0 30px #d7b66c30}.helios-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#f2d48b}.helios-welcome h2{font-size:25px;margin:5px 0}.helios-welcome p{color:#c9c0df;font-size:13px;margin:0}.helios-welcome p strong{color:#ffc4e8}.helios-crown{margin-left:auto;font-size:36px;color:#f2d48b;position:relative;z-index:1}.helios-mode .role-admin{border-color:#d6b66b;color:#ffe6a1;background:#362746}
body.menu-open{overflow:hidden}
@media(max-width:650px){.topbar{flex-direction:row;align-items:center;padding:12px 4%;min-height:68px}.brand{font-size:17px}.brand-slogan{font-size:7px}.desktop-join{display:none}.top-user>span:last-child{display:none}.helios-welcome{padding:18px;gap:13px;margin-top:-18px}.helios-sigil{width:48px;height:48px;font-size:28px}.helios-welcome h2{font-size:20px}.helios-crown{display:none}}


/* QYVESS feature additions — scoped to new components so the original visual theme stays intact. */
.profile-name-link { color: inherit; text-decoration: none; transition: color .18s ease; }
.profile-name-link:hover { color: #b9a7ff; text-decoration: underline; }
.avatar-link { display: inline-flex; flex: 0 0 auto; text-decoration: none; }
.feed-like-form, .detail-like-form { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
.community-discovery { margin: 34px 0; }
.member-chip-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 12px; }
.member-chip { display: flex; align-items: center; gap: 11px; padding: 12px; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; background: rgba(255,255,255,.025); color: inherit; text-decoration: none; transition: transform .18s ease,border-color .18s ease; }
.member-chip:hover { transform: translateY(-2px); border-color: rgba(185,167,255,.5); }
.member-chip > span:last-child { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.member-chip small { color: var(--muted,#a8a6bc); }
.directory-grid,.people-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 14px; }
.member-card,.person-chip,.giveaway-card { padding: 18px; border: 1px solid rgba(255,255,255,.09); border-radius: 16px; background: rgba(255,255,255,.035); }
.member-top,.profile-current { display: flex; align-items: center; gap: 12px; }
.member-actions,.profile-actions,.post-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.profile-image img,.member-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.profile-stats { display: grid; grid-template-columns: repeat(auto-fit,minmax(90px,1fr)); gap: 12px; margin: 18px 0; }
.profile-stats > div,.helios-stat { padding: 12px; border-radius: 12px; background: rgba(255,255,255,.04); }
.public-name { font-size: clamp(1.6rem,4vw,2.5rem); }
.chat-box { display: flex; flex-direction: column; gap: 10px; }
.chat-message { max-width: 82%; align-self: flex-start; padding: 10px 14px; border-radius: 14px; background: rgba(255,255,255,.07); overflow-wrap: anywhere; }
.chat-message.mine { align-self: flex-end; background: rgba(142,115,255,.2); }
.winner-badge { display: inline-flex; padding: 5px 9px; border-radius: 999px; background: rgba(255,209,102,.12); color: #ffd166; }
.helios-hero,.helios-grid { display: grid; gap: 14px; }
.helios-grid { grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); }
.helios-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.terms-check { display: flex; align-items: center; gap: 9px; }
.terms-check input { width: auto; }
@media (max-width: 600px) {
  .member-chip-grid,.directory-grid,.people-grid { grid-template-columns: 1fr; }
  .chat-message { max-width: 94%; }
}

.role-leader { color:#ffd166!important; border-color:rgba(255,209,102,.45)!important; }
.role-co-leader { color:#c5a7ff!important; border-color:rgba(197,167,255,.45)!important; }
.role-admin { color:#ff8585!important; }
.role-moderator { color:#82b8ff!important; }
.role-deneme-mod { color:#ffb66e!important; }
.role-developer { color:#65e4d4!important; }
.role-partner { color:#81e4ae!important; }
.role-streamer { color:#ff9bd1!important; }
.helios-mode .brand-mark,.helios-mode .helios-crown { color:#ffd166; text-shadow:0 0 22px rgba(255,209,102,.65); }
.helios-mode .profile-hero-card { border-color:rgba(255,209,102,.42); box-shadow:0 0 36px rgba(142,90,255,.12); }


/* Role identity, account settings, light theme and Helios-only tools */
.role-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid currentColor;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.2px;background:rgba(255,255,255,.045);white-space:nowrap}
.role-tag.role-leader{background:linear-gradient(110deg,#4a3818aa,#34204daa);box-shadow:0 0 13px #ffd16618}
.role-tag.role-co-leader{background:#a78bfa16}.role-tag.role-admin{background:#ff6b6b13}.role-tag.role-moderator{background:#69a7ff14}.role-tag.role-deneme-mod{background:#ffad6614}.role-tag.role-developer{background:#53dfcf14}.role-tag.role-partner{background:#72e0a514}.role-tag.role-streamer{background:#ff83c514}.role-tag.role-member{color:#b7bfd1;border-color:#8993a833}
.form input[type=file]{padding:12px;background:rgba(167,139,250,.07);border:1px dashed #a78bfa70;border-radius:12px;cursor:pointer}
.helios-console{border-color:#d6b66b55!important;background:linear-gradient(145deg,#211733,#111020 70%)!important}.helios-console-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px;margin-top:16px}.console-tile{display:flex;flex-direction:column;gap:7px;padding:15px;border:1px solid #a78bfa35;border-radius:12px;background:#ffffff05;color:inherit;text-decoration:none;transition:transform .18s,border-color .18s}.console-tile:hover{transform:translateY(-2px);border-color:#c4b5fd}.console-tile b{font-size:13px}.console-tile small{color:var(--muted);font-size:11px}
.light-mode{--bg:#f3f3fb;--panel:#ffffff;--panel2:#f0edfb;--line:#ded9ed;--text:#201a32;--muted:#6c6680;--red:#7655d6;--red2:#5b3db5;color:var(--text);background:radial-gradient(ellipse at 14% 4%,#cfc1ff88 0,transparent 34%),radial-gradient(ellipse at 86% 26%,#c3e7ff88 0,transparent 32%),linear-gradient(140deg,#f8f7ff,#efedfa 54%,#f7faff);background-attachment:fixed}
.light-mode:before{opacity:.12}.light-mode .topbar{background:#ffffffdc;border-color:#d9d0f0}.light-mode .brand,.light-mode .top-user,.light-mode .member-chip,.light-mode .post-card,.light-mode .panel,.light-mode .member-card,.light-mode .person-chip,.light-mode .giveaway-card{color:#201a32}.light-mode .side-drawer{background:linear-gradient(160deg,#fff,#f1edff 70%);border-color:#d8cff4}.light-mode .drawer-links>a,.light-mode .drawer-logout{color:#30254c}.light-mode .menu-toggle{background:#f1edff;color:#30254c}.light-mode .menu-toggle span{background:#7655d6}.light-mode .form input:not([type=file]),.light-mode .form textarea,.light-mode .form select,.light-mode .role-form select,.light-mode .comment-form textarea,.light-mode .special-role-create input:not([type=color]),.light-mode .special-role-create select{background:#fff;color:#201a32;border-color:#d8d1e9}.light-mode .post-body,.light-mode .comment p{color:#38334a}.light-mode .profile-hero-card{background:linear-gradient(140deg,#ffffff,#f0edfb)}.light-mode .helios-console{background:linear-gradient(145deg,#fff9e8,#f2edff 70%)!important}.light-mode .helios-console .console-tile{background:#ffffffaa}.light-mode footer{border-color:#ded9ed}.light-mode .brand-mini{color:#30254c}
.terms-page .panel h2{margin:22px 0 8px;font-size:18px}.terms-page .panel p{color:var(--muted);line-height:1.7}.terms-check{flex-wrap:wrap}.terms-check a{color:#b9a7ff;text-decoration:underline}


/* Rainy blue-hour background supplied for QYVESS */
body:not(.light-mode){background:linear-gradient(180deg,rgba(5,9,20,.74),rgba(6,10,22,.82)),url('/static/site-background.jpg') center center/cover fixed no-repeat!important;background-color:#080d18}
body:not(.light-mode) .topbar{background:rgba(5,9,20,.76);backdrop-filter:blur(18px)}
body:not(.light-mode) .post-card,body:not(.light-mode) .panel,body:not(.light-mode) .stats{background:rgba(10,16,30,.82);backdrop-filter:blur(14px);border-color:rgba(133,171,255,.16)}
body:not(.light-mode) .hero-art{filter:drop-shadow(0 0 32px #75a8ff22)}
.light-mode{background:linear-gradient(180deg,rgba(238,244,255,.72),rgba(242,246,255,.88)),url('/static/site-background.jpg') center center/cover fixed no-repeat!important;background-color:#f3f5fb}
.light-mode .topbar{background:rgba(250,252,255,.82)}
.home-feature-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 38px}
.home-feature{min-height:190px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:23px;border:1px solid #a78bfa35;border-radius:18px;background:linear-gradient(145deg,rgba(26,30,54,.92),rgba(12,17,31,.91));transition:transform .2s,border-color .2s;}
.home-feature:hover{transform:translateY(-4px);border-color:#a78bfa9c}.home-feature>span{font-size:10px;letter-spacing:1.7px;color:#b9a7ff;font-weight:800}.home-feature strong{font:700 20px 'Space Grotesk',sans-serif}.home-feature small{color:var(--muted);font-size:13px}.home-feature>b{margin-top:auto;color:#c4b5fd;font-size:12px}.feature-support{background:linear-gradient(145deg,rgba(13,47,64,.94),rgba(12,17,31,.93));border-color:#73cfff2e}.feature-support>span,.feature-support>b{color:#8bdcff}.feature-profile{background:linear-gradient(145deg,rgba(49,28,64,.92),rgba(12,17,31,.93))}
.home-welcome-strip{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:26px 0 45px;padding:25px;border:1px solid #a78bfa30;border-radius:18px;background:rgba(14,18,34,.75);backdrop-filter:blur(14px)}.home-welcome-strip h2{margin:5px 0;font-size:clamp(20px,3vw,28px)}.home-welcome-strip p{margin:0;color:var(--muted);font-size:13px}.welcome-pill-list{display:flex;flex-wrap:wrap;gap:8px;max-width:330px}.welcome-pill-list span{padding:7px 10px;border:1px solid #a78bfa35;border-radius:99px;font-size:11px;white-space:nowrap}
.support-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:44px 0 26px}.support-hero h1{font:700 clamp(34px,5vw,54px) 'Space Grotesk',sans-serif;margin:5px 0}.support-hero h1 span{color:#a9c8ff}.support-hero p{max-width:600px;color:var(--muted)}.support-hero-icon{display:grid;place-items:center;width:90px;height:90px;flex-shrink:0;border-radius:25px;background:linear-gradient(135deg,#a5c7ff,#b5a2ff);color:#10182c;font-size:45px;box-shadow:0 0 45px #7fa9ff28}.support-layout{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:17px;margin-bottom:45px}.support-sidebar,.support-main>.panel{padding:22px}.ticket-count{display:grid;place-items:center;min-width:32px;height:32px;border-radius:10px;background:#a78bfa1b;color:#c4b5fd;font-weight:800}.support-ticket-link,.ticket-preview{display:flex;align-items:center;gap:10px;padding:13px 10px;margin:7px 0;border:1px solid transparent;border-radius:12px;color:inherit;transition:.15s}.support-ticket-link:hover,.support-ticket-link.selected,.ticket-preview:hover{border-color:#a78bfa55;background:#a78bfa0d}.support-ticket-link>span:nth-child(2),.ticket-preview>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.support-ticket-link b,.ticket-preview b{font-size:12px;overflow-wrap:anywhere}.support-ticket-link small,.ticket-preview small{color:var(--muted);font-size:10px}.ticket-mark{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border-radius:10px;background:#a78bfa17;color:#c4b5fd}.ticket-status{display:inline-flex;align-items:center;white-space:nowrap;padding:4px 8px;border-radius:99px;font-size:10px;font-weight:800}.ticket-status.is-open{color:#6fe0b4;background:#53dfac15}.ticket-status.is-closed{color:#a7aec1;background:#9ca3af17}.support-ticket-link i{font-style:normal}.support-ticket-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--line)}.support-ticket-head h2{margin:5px 0}.support-ticket-head p{font-size:11px;margin:0}.support-messages{display:flex;flex-direction:column;gap:13px;padding:20px 0}.support-message{padding:14px;border-radius:13px;background:#ffffff06;border:1px solid #ffffff0c}.support-message.staff-message{background:#8b72e812;border-color:#a78bfa35}.support-message-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px}.support-message-meta span{font-size:9px;letter-spacing:.8px;color:#b9a7ff}.support-message-meta time{margin-left:auto;font-size:10px;color:var(--muted)}.support-message p{margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.support-form-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.support-close-form{margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}.support-staff-note{font-size:11px;margin-top:18px}.support-admin-shortcut{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:15px 0}.support-admin-shortcut h2{margin:4px 0}.ticket-preview{border-color:#ffffff0d}.show-password{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.show-password input{width:auto!important}
.light-mode .home-feature,.light-mode .home-welcome-strip,.light-mode .support-message{background:rgba(255,255,255,.84);color:#201a32;border-color:#d8d1e9}.light-mode .support-ticket-link:hover,.light-mode .support-ticket-link.selected,.light-mode .ticket-preview:hover{background:#eee9ff}
@media(max-width:760px){.home-feature-deck{grid-template-columns:1fr}.home-feature{min-height:150px}.home-welcome-strip{flex-direction:column;align-items:flex-start}.support-layout{grid-template-columns:1fr}.support-hero-icon{width:65px;height:65px;font-size:32px}.support-admin-shortcut{align-items:flex-start;flex-direction:column}.support-sidebar,.support-main>.panel{padding:16px}}

/* Community staff and discovery sections */
.staff-section,.community-tools{margin:54px 0}.staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.staff-card,.tool-card{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:19px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(20,31,48,.84),rgba(9,16,29,.88));transition:transform .2s,border-color .2s}.staff-card:hover,.tool-card:hover{transform:translateY(-3px);border-color:#6f8eb8}.staff-avatar{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:#253b58;color:#dbeafe;font-size:22px;font-weight:800}.staff-avatar img{width:100%;height:100%;object-fit:cover}.staff-name{font-weight:800;font-size:15px}.staff-card small,.tool-card small{color:var(--muted);font-size:12px}.staff-empty{padding:20px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-card>span{font-size:26px;color:#a5c8ff}.tool-card>b{font-size:15px}.helios-welcome{display:flex;align-items:center;gap:20px;padding:24px;margin:12px 0 30px;border:1px solid #9c8be64a;border-radius:16px;background:linear-gradient(110deg,rgba(30,34,70,.86),rgba(13,24,43,.85));box-shadow:0 12px 45px #080c1c66}.helios-welcome .helios-sigil{font-size:36px;color:#d5c9ff}.helios-welcome h2{margin:0 0 6px}.helios-welcome p{margin:0;color:#d4d9ec}.helios-welcome .helios-crown{margin-left:auto;color:#d5c9ff;font-size:26px}@media(max-width:760px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.helios-welcome{align-items:flex-start}.hero{padding-top:40px}}

/* Oyuncu profili (CyberGamer tarzı) */
.cg{--cy:#00f0ff;--pu:#a855f7;--pk:#ec4899;max-width:1100px;margin:0 auto}
.cg-card{background:rgba(18,24,38,.72);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:22px}
.cg-hero{overflow:hidden;margin-top:12px}.cg-banner{height:200px;position:relative;background:linear-gradient(120deg,var(--acc),#0a0d14 75%)}
.cg-fade{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,13,20,.95),transparent 70%)}
.cg-live{position:absolute;top:14px;right:14px;background:rgba(255,209,102,.9);color:#241a00;font:700 12px 'DM Sans',sans-serif;padding:6px 12px;border-radius:99px;letter-spacing:.05em}
.cg-head{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:flex-end;padding:0 26px 22px;margin-top:-64px;position:relative}
.cg-who{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px}
.cg-ring{width:128px;height:128px;border-radius:20px;padding:4px;background:linear-gradient(135deg,var(--cy),var(--pu),var(--pk));box-shadow:0 0 28px rgba(0,240,255,.35);animation:cgGlow 3s infinite alternate}
.cg-ring img,.cg-ring span{width:100%;height:100%;border-radius:16px;object-fit:cover;background:#0d111c;display:grid;place-items:center;font:900 46px Orbitron,sans-serif;color:#fff}
@keyframes cgGlow{to{box-shadow:0 0 34px rgba(168,85,247,.6)}}
.cg-name{font:900 clamp(24px,5vw,38px) Orbitron,'DM Sans',sans-serif;margin:0;color:var(--rc);letter-spacing:.03em}.cg-ok{font-style:normal;color:var(--cy);font-size:.55em}
.cg-title{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0;font-size:14px;color:#cbd5e1}.cg-dot{color:#475569}.cg-purple{color:#c084fc;font-weight:600}.cg-status{margin:4px 0;color:#94a3b8;font-size:14px}
.cg-chips{margin-top:8px}.cg-chip{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#cbd5e1;border-radius:10px;padding:7px 12px;font-size:12px;cursor:pointer}.cg-chip:hover{border-color:var(--cy);color:var(--cy)}
.cg-side{display:flex;flex-wrap:wrap;gap:12px}.cg-lv{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:18px;background:rgba(88,28,135,.22);border:1px solid rgba(168,85,247,.3)}
.cg-lvnum{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font:800 20px Orbitron,sans-serif;color:#d8b4fe;background:rgba(126,34,206,.4);border:1px solid rgba(168,85,247,.4)}
.cg-lv small,.cg-mini small,.cg-stat small,.cg-badge small{display:block;font-size:10px;letter-spacing:.08em;color:#94a3b8;font-weight:700}.cg-lv b{font-size:13px;display:block}
.cg-bar{width:110px;height:6px;border-radius:9px;background:#1e293b;margin:4px 0;overflow:hidden}.cg-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--pu),var(--pk))}
.cg-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cg-mini>div{padding:10px 14px;border-radius:16px;text-align:center;background:rgba(255,255,255,.04);border:1px solid rgba(0,240,255,.18)}.cg-mini b{font:800 18px Orbitron,sans-serif;color:var(--cy)}
.cg-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 26px 22px}.cg-actions form{margin:0}
.cg-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.cg-tabs button{padding:10px 18px;border-radius:12px;border:1px solid transparent;background:none;color:#94a3b8;font:600 14px 'DM Sans',sans-serif;cursor:pointer}
.cg-tabs button:hover{color:#fff;background:rgba(255,255,255,.05)}.cg-tabs button.on{color:var(--cy);background:rgba(0,240,255,.1);border-color:rgba(0,240,255,.35);box-shadow:0 0 18px rgba(0,240,255,.15)}
.cg-pane{display:none}.cg-pane.on{display:block}.cg-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cg-grid3{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.cg-p{padding:22px}.cg-p h2{font:700 16px Orbitron,'DM Sans',sans-serif;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.cg-bio{line-height:1.7;color:#cbd5e1}
.cg-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}.cg-row span{color:#94a3b8}
.cg-gold{border-color:rgba(255,209,102,.45);box-shadow:0 0 30px rgba(255,209,102,.1)}.cg-gold h2{color:#ffd166}
.cg-stat{padding:20px;text-align:center}.cg-stat b{display:block;font:800 28px Orbitron,sans-serif;color:var(--cy);margin-top:6px}
.cg-badge{padding:22px;text-align:center;border-color:color-mix(in srgb,var(--bc) 45%,transparent)}.cg-badge span{font-size:34px;display:block}.cg-badge b{display:block;margin:8px 0 2px;color:var(--bc)}
.light-mode .cg-card{background:rgba(255,255,255,.85);border-color:#ded9ed;color:#201a32}.light-mode .cg-title,.light-mode .cg-bio,.light-mode .cg-chip{color:#38334a}.light-mode .cg-fade{background:linear-gradient(to top,rgba(243,243,251,.95),transparent 70%)}.light-mode .cg-tabs button.on{color:#5b3db5;border-color:#a78bfa}.light-mode .cg-stat b,.light-mode .cg-mini b{color:#5b3db5}
.cg-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}.cg-banner .cg-fade{z-index:1}.cg-live{z-index:2}
label.check{display:flex;gap:8px;align-items:center;font-size:14px}label.check input{width:auto}
/* Kendi profil sayfası geniş olsun */
.form-page.wide{max-width:1180px;width:100%}.form-page.wide .form{max-width:760px}.cg{max-width:1180px;width:100%}
/* Afiş katmanları profil başlığının üstüne taşmasın */
.cg-banner{isolation:isolate;overflow:hidden}.cg-head{z-index:3}
/* Profil fotoğrafları kutusuna sığsın (çok büyük görünme hatası) */
.avatar,.staff-avatar{overflow:hidden}
.avatar img,.staff-avatar img,.member-chip img,.top-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.person-chip{display:flex;align-items:center;gap:12px}.person-chip>img{width:44px;height:44px;border-radius:12px;object-fit:cover;flex-shrink:0}
.req{color:#ff6b81}.app-sec{margin:18px 0 4px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}fieldset.app-set{border:0;padding:0;margin:0;min-width:0}fieldset.app-set[hidden]{display:none}

/* ===== Destek sistemi v2 ===== */
.sup-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.sup-stat{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);text-align:center;transition:.2s}.sup-stat:hover{transform:translateY(-2px)}
.sup-stat b{display:block;font:800 26px 'Space Grotesk',sans-serif}.sup-stat span{font-size:12px;letter-spacing:.06em;color:var(--muted)}
.sup-stat.is-open b{color:#5cc8ff}.sup-stat.is-review b{color:#ffc857}.sup-stat.is-solved b{color:#4ade80}.sup-stat.is-closed b{color:#94a3b8}
.sup-search{display:flex;gap:6px;margin:10px 0}.sup-search input{margin:0}.sup-search button{width:42px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:inherit;cursor:pointer}
.sup-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.sup-pills a{padding:5px 11px;border-radius:99px;font-size:12px;border:1px solid rgba(255,255,255,.12);color:var(--muted)}.sup-pills a.on{background:var(--red,#7c6cff);border-color:transparent;color:#fff}
.ticket-status.is-review{background:rgba(255,200,87,.16);color:#ffc857}.ticket-status.is-solved{background:rgba(74,222,128,.16);color:#4ade80}
.prio-badge{padding:4px 10px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.06em;background:rgba(255,255,255,.07)}.prio-badge.prio-acil{background:rgba(255,77,109,.18);color:#ff6b81}.prio-badge.prio-düşük{color:#94a3b8}
.sup-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.support-message{display:flex;gap:12px;align-items:flex-start}.sup-av{width:38px;height:38px;flex-shrink:0;border-radius:50%;display:grid;place-items:center}.sup-bubble{flex:1;min-width:0}
.sup-quick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.sup-quick button{padding:6px 11px;border-radius:99px;border:1px dashed rgba(255,255,255,.2);background:none;color:var(--muted);font-size:12px;cursor:pointer}.sup-quick button:hover{color:#fff;border-color:#a78bfa}
.sup-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.sup-tools form{margin:0}.sup-tools select{margin:0;width:auto;min-width:130px}
.sup-faq{margin-top:18px}.sup-faq details{border-bottom:1px solid rgba(255,255,255,.08);padding:12px 0}.sup-faq summary{cursor:pointer;font-weight:600}.sup-faq p{color:var(--muted);margin:8px 0 0}
@media(max-width:700px){.sup-stats{grid-template-columns:repeat(2,1fr)}}

/* ===== Tema v3: siyah-beyaz şehir gecesi arka planı + yağmur ===== */
html{color-scheme:dark}body.light-mode{color-scheme:light}
body:not(.light-mode){--text:#e9ebf2;--muted:#9097a8;--line:rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(3,4,7,.50),rgba(3,4,7,.80)),url('/static/site-background.jpg') center bottom/cover fixed no-repeat!important;background-color:#030407}
body:not(.light-mode) .topbar{background:rgba(5,6,10,.72);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.08)}
body:not(.light-mode) .post-card,body:not(.light-mode) .panel,body:not(.light-mode) .stats,body:not(.light-mode) .home-feature,body:not(.light-mode) .tool-card,body:not(.light-mode) .member-card{background:rgba(10,11,16,.74);backdrop-filter:blur(14px);border-color:rgba(255,255,255,.09)}
body:not(.light-mode) .side-drawer{background:linear-gradient(160deg,rgba(10,11,16,.97),rgba(6,7,11,.98))}
body.light-mode{--bg:#eef0f5;--panel:#ffffff;--panel2:#f3f4f9;--line:rgba(20,24,40,.12);--text:#141725;--muted:#586075;color:#141725;
  background:linear-gradient(180deg,rgba(246,247,251,.84),rgba(236,239,246,.93)),url('/static/site-background.jpg') center bottom/cover fixed no-repeat!important;background-color:#eef0f5}
body.light-mode .topbar{background:rgba(250,251,254,.82);backdrop-filter:blur(18px);border-color:rgba(20,24,40,.1)}
body.light-mode .post-card,body.light-mode .panel,body.light-mode .stats,body.light-mode .home-feature,body.light-mode .tool-card,body.light-mode .member-card,body.light-mode .sup-stat,body.light-mode .support-message,body.light-mode .giveaway-card,body.light-mode .person-chip{background:rgba(255,255,255,.80);backdrop-filter:blur(14px);border-color:rgba(20,24,40,.11);color:#141725;box-shadow:0 8px 30px rgba(20,24,40,.06)}
body.light-mode .home-feature strong,body.light-mode .tool-card b,body.light-mode h1,body.light-mode h2,body.light-mode h3{color:#141725}
body.light-mode .side-drawer{background:linear-gradient(160deg,#ffffff,#eef0f7)}
body.light-mode input,body.light-mode select,body.light-mode textarea{background:#fff;color:#141725;border-color:rgba(20,24,40,.18)}
body.light-mode .muted,body.light-mode small{color:#586075}
body.light-mode .sup-pills a,body.light-mode .sup-quick button{border-color:rgba(20,24,40,.18)}
body.light-mode .cg-card{background:rgba(255,255,255,.84)}
body.light-mode .cg-name{color:var(--rc)}
.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:inherit;font-size:17px;cursor:pointer;margin-right:8px;transition:.2s}
.icon-btn:hover{transform:translateY(-2px);border-color:#a78bfa}.icon-btn.off{opacity:.45;filter:grayscale(1)}
body.light-mode .icon-btn{border-color:rgba(20,24,40,.16);background:rgba(20,24,40,.05)}
#rainCanvas{position:fixed;inset:0;z-index:1;pointer-events:none}
#rainMist{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 38% at 18% 100%,rgba(170,182,210,.13),transparent 70%),radial-gradient(52% 34% at 88% 92%,rgba(170,182,210,.10),transparent 70%);animation:mistMove 24s ease-in-out infinite alternate}
body.light-mode #rainMist{background:radial-gradient(60% 38% at 18% 100%,rgba(120,132,165,.14),transparent 70%),radial-gradient(52% 34% at 88% 92%,rgba(120,132,165,.10),transparent 70%)}
@keyframes mistMove{to{transform:translate3d(2.5%,-2%,0) scale(1.06)}}
@media(prefers-reduced-motion:reduce){#rainMist{animation:none}}
.cg-mini{grid-template-columns:repeat(2,1fr)}
.tools-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}

/* ===== Marka (site adı) ===== */
.topbar .brand{display:flex;align-items:center;gap:14px}
.topbar .brand-mark{position:relative;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:transparent;border:0;box-shadow:0 0 26px rgba(139,108,255,.38);isolation:isolate;overflow:hidden;flex-shrink:0}
.topbar .brand-mark::before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,#7c6cff,#ec4899,#22d3ee,#7c6cff);animation:brandSpin 7s linear infinite;z-index:-2}
.topbar .brand-mark::after{content:"";position:absolute;inset:2px;border-radius:12px;background:#0b0b16;z-index:-1}
.topbar .brand-mark b{font:800 27px 'Space Grotesk',sans-serif;line-height:1;background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-name{display:flex;align-items:baseline;gap:9px;font:800 24px 'Space Grotesk',sans-serif;letter-spacing:.14em}
.brand-name em{font-style:normal;background:linear-gradient(180deg,#fff,#b4adda);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-name i{font-style:normal;font-size:14px;letter-spacing:.34em;font-weight:700;background:linear-gradient(90deg,#8b7bff,#ec4899,#22d3ee,#8b7bff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brandShine 6s linear infinite}
.topbar .brand-slogan{display:block;margin-top:7px;font-size:9.5px;letter-spacing:.3em;color:var(--muted)}
body.light-mode .brand-name em{background:linear-gradient(180deg,#141725,#4b4f78);-webkit-background-clip:text;background-clip:text}
@keyframes brandSpin{to{transform:rotate(360deg)}}@keyframes brandShine{to{background-position:300% 0}}
@media(max-width:560px){.topbar .brand-slogan{display:none}.brand-name{font-size:20px}.brand-name i{font-size:12px;letter-spacing:.24em}}
@media(prefers-reduced-motion:reduce){.topbar .brand-mark::before,.brand-name i,.helios-gold{animation:none}}

/* ===== Helios özel görünüm ===== */
.helios-gold{background:linear-gradient(90deg,#ffd166,#fff3c4,#ffb703,#ffd166);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:brandShine 5s linear infinite}
.cg-founder{border-color:rgba(255,209,102,.5)!important;box-shadow:0 0 44px rgba(255,209,102,.12)}
.cg-founder .cg-ring{background:conic-gradient(from 0deg,#ffd166,#ff9f1c,#fff3c4,#ffd166);box-shadow:0 0 36px rgba(255,209,102,.5)}
.helios-mode .top-avatar{box-shadow:0 0 0 2px #ffd166,0 0 16px rgba(255,209,102,.6)}
.helios-tool{margin-top:14px}.helios-tool-btns{display:flex;gap:8px;flex-wrap:wrap}
.announce{display:flex;align-items:center;gap:12px;padding:10px 20px;background:linear-gradient(90deg,rgba(124,108,255,.25),rgba(236,72,153,.2));border-bottom:1px solid rgba(255,255,255,.12);position:relative;z-index:5}
.announce p{margin:0;flex:1;font-size:14px}.announce button{background:none;border:0;color:inherit;cursor:pointer;font-size:16px;opacity:.7}.announce[hidden]{display:none}
.announce-ico{animation:annPulse 2s ease-in-out infinite}@keyframes annPulse{50%{transform:scale(1.2) rotate(-8deg)}}

/* ===== Profil gizliliği ===== */
.cg-lock{color:#fbbf24;font-weight:600}
.cg-private{text-align:center;padding:46px 20px;margin-top:18px}.cg-private-ico{font-size:46px}.cg-private h2{border:0}

/* ===== Mesajlaşma v2 ===== */
.dm-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#ff4d6d;color:#fff;font:700 11px 'DM Sans',sans-serif;font-style:normal;margin-left:8px}
.dm-shell{display:grid;grid-template-columns:320px 1fr;gap:16px;max-width:1180px;margin:22px auto;align-items:start}
.dm-list{padding:16px;max-height:calc(100vh - 140px);overflow:auto}.dm-list h2{margin:0 0 10px}
.dm-new{margin:6px 0 10px}.dm-new summary{cursor:pointer;padding:9px 12px;border-radius:10px;border:1px dashed rgba(255,255,255,.2);font-size:14px;list-style:none}
.dm-friends{display:grid;gap:4px;margin-top:8px}.dm-friends a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px}.dm-friends a:hover,.dm-item:hover,.dm-item.on{background:rgba(255,255,255,.07)}
.dm-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.dm-av img{width:100%;height:100%;object-fit:cover}
.dm-item{display:flex;align-items:center;gap:11px;padding:10px;border-radius:14px;transition:.15s}.dm-meta{flex:1;min-width:0}.dm-meta b{display:block}.dm-meta small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:11px;color:var(--muted)}.dm-side .dm-badge{margin:0}
.dm-empty,.dm-note{font-size:13px;padding:8px}
.dm-pane{padding:0;display:flex;flex-direction:column;min-height:560px;max-height:calc(100vh - 140px)}
.dm-head{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.dm-who{display:flex;align-items:center;gap:12px}.dm-who small{display:block}
.dm-log{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:8px}
.bub{max-width:min(78%,520px);padding:9px 13px 6px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.08);align-self:flex-start;animation:bubIn .25s ease}
.bub.me{align-self:flex-end;border-radius:16px 16px 4px 16px;background:linear-gradient(135deg,#6d5df5,#a855f7);color:#fff}
.bub p{margin:0;white-space:pre-wrap;word-break:break-word}.bub-meta{display:block;text-align:right;font-size:10.5px;opacity:.7;margin-top:2px}
.tick{font-style:normal;letter-spacing:-2px}.tick.seen{color:#7dd3fc;opacity:1}
@keyframes bubIn{from{opacity:0;transform:translateY(6px)}}
.dm-form{display:flex;gap:10px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);align-items:flex-end}.dm-form textarea{margin:0;resize:none;max-height:140px;flex:1}
.dm-blank{margin:auto;text-align:center;padding:40px}.dm-blank-ico{font-size:46px}
body.light-mode .bub{background:rgba(20,24,40,.07)}body.light-mode .bub.me{background:linear-gradient(135deg,#6d5df5,#a855f7)}
@media(max-width:860px){.dm-shell{grid-template-columns:1fr}.dm-list{max-height:none}.dm-pane{max-height:none;min-height:480px}}

/* Annual special-day themes */
.special-day-badge{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:4px 9px;border-radius:999px;font-size:10px;letter-spacing:.04em;color:#fff;background:linear-gradient(120deg,#b91c1c,#166534);box-shadow:0 3px 14px #0006}
.special-day-banner{display:flex;justify-content:center;align-items:center;gap:14px;padding:11px 16px;text-align:center;color:#fff;font-size:14px;background:linear-gradient(100deg,#8f111d,#d2a33a,#8f111d);border-bottom:1px solid #f7d56b66}
.special-day-banner span{font-size:20px}
.special-day-republic .brand-mark{background:linear-gradient(145deg,#ef4444,#a30d21);box-shadow:0 0 24px #e11d484d}
.special-day-republic .topbar{border-bottom-color:#e11d4840}
.special-day-halloween{background:radial-gradient(ellipse at 80% 0%,#552080 0,transparent 35%),radial-gradient(ellipse at 10% 10%,#713f12 0,transparent 28%),var(--bg)}
.special-day-halloween .brand-mark{background:linear-gradient(145deg,#ff8a18,#7c2d12);box-shadow:0 0 22px #f9731680}
.special-day-halloween .special-day-banner{background:linear-gradient(100deg,#24103b,#9a3412,#24103b);border-color:#fb923c55}
.special-day-new-year .special-day-banner{background:linear-gradient(100deg,#142b56,#8a6a18,#142b56)}
.special-day-valentines .special-day-banner{background:linear-gradient(100deg,#831843,#db2777,#831843)}
/* The site title has a raised, dimensional metallic treatment. */
.brand-name{filter:drop-shadow(0 3px 0 #0009) drop-shadow(0 0 9px #8b7bff26);text-shadow:0 1px 0 #ffffff20}
.brand-name em{ text-shadow:0 2px 0 #646477,0 4px 0 #343443,0 7px 12px #0009; }
.brand-name i{ text-shadow:0 2px 0 #37265f,0 4px 0 #1c1637,0 7px 12px #0009; }
.member-card .member-top{display:flex;align-items:center;gap:16px;min-width:0}
.member-card .member-avatar{width:76px!important;height:76px!important;min-width:76px;border-radius:19px!important;font-size:27px;box-shadow:0 5px 18px #0005;border:1px solid #ffffff20}
.member-card .member-top>span:last-child{min-width:0;overflow-wrap:anywhere}
.member-card .member-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.member-card{overflow:hidden}
.helios-mode .brand-name em{background:linear-gradient(180deg,#fff2c2,#d6b56d 55%,#fff0b5);-webkit-background-clip:text;background-clip:text;color:transparent}
.helios-mode .brand-name i{background:linear-gradient(90deg,#ffe7a1,#b99bff,#75d9ff,#ffe7a1);background-size:300% 100%;-webkit-background-clip:text;background-clip:text}
.helios-mode .top-user{border:1px solid #d8b66d70;border-radius:12px;padding:5px 10px;background:linear-gradient(120deg,#d8b66d16,#a88aff16)}
.helios-mode .top-user:after{content:"✦ HELIOS";display:block;font-size:9px;letter-spacing:1.5px;color:#e7c778}
@media(max-width:600px){.special-day-banner{font-size:12px;gap:8px}.special-day-badge{font-size:9px}.member-card .member-avatar{width:64px!important;height:64px!important;min-width:64px}}


/* QYVESS: upgraded control center */
.admin-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0 24px}
.admin-stat{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid #a78bfa30;border-radius:17px;background:linear-gradient(145deg,#171b2cdd,#10131fe8);box-shadow:0 12px 30px #0002}
.admin-stat:after{content:"";position:absolute;width:110px;height:110px;right:-42px;top:-50px;border:1px solid #a78bfa25;border-radius:50%;box-shadow:0 0 0 15px #a78bfa08,0 0 0 31px #a78bfa06}
.admin-stat>span{font-size:23px;color:#c4b5fd}.admin-stat small{font-size:11px;color:var(--muted)}.admin-stat strong{font-size:29px;line-height:1.1;letter-spacing:-1px}.admin-stat em{font-style:normal;font-size:10px;color:#9ca8c2}
.role-capabilities-panel{margin:22px 0}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:17px}.capability-card{display:flex;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#ffffff08,#ffffff02);min-width:0}.capability-card>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#a78bfa17;font-size:20px}.capability-card b{font-size:13px}.capability-card p{font-size:12px;line-height:1.55;color:var(--muted);margin:7px 0}.capability-card small{font-size:10px;color:#b8a7f5}.capability-owner{border-color:#ffd16655;background:linear-gradient(140deg,#ffd16612,#a78bfa09)}.capability-owner>span{background:#ffd16620}
/* Rich annual celebration skins */
.special-day-republic{background-image:radial-gradient(ellipse at 0 0,#9f123933,transparent 35%),radial-gradient(ellipse at 100% 12%,#ffffff12,transparent 32%),var(--bg)}
.special-day-republic .special-day-banner{position:relative;overflow:hidden;background:linear-gradient(100deg,#650d1b,#c81732 28%,#f5f0e8 50%,#c81732 72%,#650d1b);color:#fff;text-shadow:0 2px 12px #39000a;box-shadow:0 5px 26px #b91c1c24}
.special-day-republic .special-day-banner:before{content:"✦  ✧  ✦";position:absolute;left:5%;opacity:.55;letter-spacing:12px}.special-day-republic .special-day-banner:after{content:"✦  ✧  ✦";position:absolute;right:5%;opacity:.55;letter-spacing:12px}
.special-day-republic .brand-mark{position:relative;transform:perspective(120px) rotateY(-8deg);box-shadow:0 7px 0 #650d1b,0 0 28px #ef444477;border:1px solid #ffffff55}
.special-day-halloween{background-image:radial-gradient(ellipse at 85% 4%,#7c2d1260,transparent 34%),radial-gradient(ellipse at 8% 22%,#581c8760,transparent 30%),var(--bg)}
.special-day-halloween .special-day-banner{position:relative;overflow:hidden;background:linear-gradient(105deg,#160d25,#4c1d75 28%,#f97316 50%,#4c1d75 72%,#160d25);box-shadow:0 5px 30px #f9731624;border-bottom-color:#fb923c80}
.special-day-halloween .special-day-banner:before{content:"☾  ✦  ☽";position:absolute;left:5%;color:#fed7aa;letter-spacing:10px;opacity:.75}.special-day-halloween .special-day-banner:after{content:"✦  ☽  ✦";position:absolute;right:5%;color:#fed7aa;letter-spacing:10px;opacity:.75}
.special-day-halloween .brand-mark{border:1px solid #fed7aa66;box-shadow:0 7px 0 #431407,0 0 28px #f9731680;transform:perspective(120px) rotateY(-8deg)}
.special-day-new-year{background-image:radial-gradient(ellipse at 50% 0,#1d4ed833,transparent 40%),radial-gradient(ellipse at 85% 20%,#d4af3740,transparent 25%),var(--bg)}
.special-day-new-year .special-day-banner{background:linear-gradient(100deg,#07152f,#164e63 30%,#c49a35 50%,#164e63 70%,#07152f);border-color:#facc1566;box-shadow:0 5px 28px #2563eb24}
.special-day-valentines{background-image:radial-gradient(ellipse at 90% 0,#be185d2b,transparent 35%),radial-gradient(ellipse at 10% 25%,#7e22ce22,transparent 30%),var(--bg)}
.special-day-valentines .special-day-banner{background:linear-gradient(100deg,#3b0929,#9d174d 30%,#db2777 50%,#9d174d 70%,#3b0929);box-shadow:0 5px 28px #db277724}
.special-day-children .special-day-banner{background:linear-gradient(100deg,#0f766e,#2563eb 25%,#f8fafc 50%,#dc2626 75%,#991b1b);color:#fff}
.special-day-republic .brand-name em,.special-day-halloween .brand-name em,.special-day-new-year .brand-name em,.special-day-valentines .brand-name em{filter:drop-shadow(0 2px 7px #0008)}
@media(max-width:900px){.admin-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.admin-overview-grid{gap:8px}.admin-stat{padding:13px}.admin-stat strong{font-size:24px}.capability-grid{grid-template-columns:1fr}.capability-card{padding:13px}.special-day-republic .special-day-banner:before,.special-day-republic .special-day-banner:after,.special-day-halloween .special-day-banner:before,.special-day-halloween .special-day-banner:after{display:none}}
.light-mode .admin-stat,.light-mode .capability-card{background:linear-gradient(145deg,#fff,#f4f0ff);border-color:#ddd3f6}.light-mode .admin-stat em,.light-mode .capability-card p{color:#625a75}

.special-day-youth{background-image:radial-gradient(ellipse at 15% 0,#dc262633,transparent 36%),radial-gradient(ellipse at 85% 20%,#ffffff0c,transparent 30%),var(--bg)}
.special-day-youth .special-day-banner{background:linear-gradient(100deg,#7f1d1d,#dc2626 35%,#f8fafc 50%,#dc2626 65%,#7f1d1d);box-shadow:0 5px 28px #dc262624}
.special-day-victory{background-image:radial-gradient(ellipse at 50% 0,#b4530930,transparent 42%),var(--bg)}
.special-day-victory .special-day-banner{background:linear-gradient(100deg,#451a03,#b45309 30%,#fef3c7 50%,#b45309 70%,#451a03);color:#fff7ed;box-shadow:0 5px 28px #b4530924}
.special-day-children .brand-mark,.special-day-youth .brand-mark,.special-day-victory .brand-mark{box-shadow:0 7px 0 #650d1b,0 0 25px #ef444455;border:1px solid #ffffff55;transform:perspective(120px) rotateY(-8deg)}

/* Distinct sign-in / registration screens and unobtrusive bot-trap field */
.auth-layout{max-width:1040px;grid-template-columns:minmax(0,1fr) 450px;gap:55px;min-height:620px}
.auth-side{padding:32px 10px}.auth-side h1{font-size:clamp(38px,4.5vw,56px)}.auth-benefits{display:flex;flex-direction:column;gap:10px;margin-top:28px;color:#c5c9d6;font-size:13px}.auth-benefits span{padding:10px 13px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff04;max-width:330px}.register-side .small-symbol{border-color:#5a2436;color:#ff7486;box-shadow:0 0 55px #ff3b5214}.login-side .small-symbol{border-color:#3c376c;color:#b9a4ff;box-shadow:0 0 55px #8268ff18}.login-card{border-color:#4b4277;background:linear-gradient(150deg,#171625,#10121a 70%);box-shadow:0 25px 80px #05040d66}.register-card{border-color:#572b3a;background:linear-gradient(150deg,#20131b,#10121a 70%);box-shadow:0 25px 80px #12040a66}.auth-login .auth-side h1 span{color:#b9a4ff}.auth-login .auth-card .primary{background:#7460d8;border-color:#7460d8}.auth-login .auth-card .primary:hover{background:#6450c7}.auth-register .auth-side h1 span{color:#ff7486}.auth-forgot{margin-top:16px}.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.form button:disabled{opacity:.45;cursor:not-allowed;transform:none}@media(max-width:800px){.auth-layout{grid-template-columns:1fr;gap:18px;min-height:unset}.auth-side{padding:12px 0;text-align:center}.auth-benefits{align-items:center}.auth-benefits span{width:100%}.auth-card{padding:23px}}

/* QYVESS: separate login and registration visual identities */
.auth-login .auth-side{position:relative;border-radius:24px;padding:42px 34px;background:radial-gradient(ellipse at 15% 15%,#8b72e833,transparent 42%),linear-gradient(145deg,#17152c99,#090a14aa);border:1px solid #a78bfa2c;overflow:hidden}
.auth-login .auth-side:after{content:"∞";position:absolute;right:-22px;bottom:-100px;font-size:280px;line-height:1;color:#b9a4ff0b;pointer-events:none}
.auth-login .login-card{border-radius:26px;border-top:3px solid #a78bfa;background:linear-gradient(155deg,#1c1930,#0d0e18 75%)}
.auth-register .auth-side{position:relative;border-radius:24px;padding:42px 34px;background:radial-gradient(ellipse at 90% 15%,#fb718533,transparent 40%),linear-gradient(145deg,#28121f99,#090a14aa);border:1px solid #fb71852e;overflow:hidden}
.auth-register .auth-side:after{content:"✦";position:absolute;right:25px;bottom:-75px;font-size:260px;color:#fb71850b;pointer-events:none}
.auth-register .register-card{border-radius:26px;border-top:3px solid #fb7185;background:linear-gradient(155deg,#261520,#0d0e18 75%)}
.auth-register .register-card .primary{background:linear-gradient(120deg,#fb7185,#be456d);border-color:#fb7185}
.auth-register .register-card .primary:hover{filter:brightness(1.08)}
.maintenance-page{max-width:760px;margin:70px auto;padding:50px;text-align:center;border-color:#a78bfa45;background:radial-gradient(ellipse at 50% 0,#8b72e822,transparent 55%),#10101a}
.maintenance-page h1{font-size:clamp(28px,4vw,42px);margin:14px 0}
.maintenance-icon{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 24px;border-radius:22px;background:#a78bfa1c;color:#c4b5fd;font-size:34px;border:1px solid #a78bfa55}
.maintenance-settings{margin-top:18px}
.special-day-children .special-day-banner:before{content:"🇹🇷 ✦  ✧  ✦";position:absolute;left:4%;opacity:.8;letter-spacing:5px}
.special-day-youth .special-day-banner:before,.special-day-victory .special-day-banner:before{content:"🇹🇷 ✦  ✧  ✦";position:absolute;left:4%;opacity:.85;letter-spacing:5px}
.special-day-republic .special-day-banner:before{content:"🇹🇷 ✦  ✧  ✦";position:absolute;left:4%;opacity:.85;letter-spacing:5px}
@media(max-width:800px){.maintenance-page{margin:35px auto;padding:28px 20px}.auth-login .auth-side,.auth-register .auth-side{padding:28px 18px}}

/* Global site closure and whitelist controls */
.global-closure-panel{border-color:#ff596b55;background:linear-gradient(135deg,#241116,#111018 72%)}
.global-closure-panel .eyebrow{color:#ff929c}
.whitelist-add-form{display:flex;gap:10px;align-items:center;margin:16px 0}
.whitelist-add-form input{flex:1;min-width:0}
.whitelist-panel textarea{width:100%;resize:vertical;margin:10px 0 12px;padding:13px 14px;border-radius:12px;border:1px solid var(--line,#ffffff1c);background:#080a11;color:inherit;font:inherit;box-sizing:border-box}
.whitelist-panel .field-label{display:block;margin-top:18px;font-size:12px;color:var(--muted,#a3a8b8)}
.whitelist-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.whitelist-chips form{margin:0}.whitelist-chip{cursor:pointer;border:1px solid #a78bfa35;background:#a78bfa12;color:#ddd0ff}
@media(max-width:600px){.whitelist-add-form{align-items:stretch;flex-direction:column}.whitelist-add-form button{width:100%}}

/* QYVESS Control Suite — advanced admin dashboard */
.admin-shell{width:96%;max-width:1540px;margin:28px auto 70px;display:grid;grid-template-columns:238px minmax(0,1fr);gap:22px;align-items:start}
.wrap:has(.admin-shell){width:100%;max-width:none;min-height:0}
.admin-sidebar{position:sticky;top:18px;min-height:calc(100vh - 130px);padding:18px 13px;display:flex;flex-direction:column;border:1px solid #ffffff12;border-radius:22px;background:linear-gradient(165deg,#121522f2,#090b12f5 70%);box-shadow:0 25px 70px #0003;overflow:hidden}
.admin-side-brand{display:flex;align-items:center;gap:11px;padding:7px 8px 22px;border-bottom:1px solid #ffffff12;margin-bottom:20px}
.admin-brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #a78bfa75;border-radius:14px;background:linear-gradient(145deg,#a78bfa25,#8b5cf608);color:#e9ddff;font:800 23px 'Space Grotesk',sans-serif;box-shadow:inset 0 0 20px #a78bfa10,0 0 25px #8b5cf61a}
.admin-side-brand b{display:block;font:800 15px 'Space Grotesk',sans-serif;letter-spacing:2px}.admin-side-brand small{display:block;color:#777f98;font-size:9px;letter-spacing:2px;margin-top:2px}
.admin-side-label{padding:10px 10px 8px;color:#747c94;font-size:9px;font-weight:800;letter-spacing:1.8px}
.admin-nav-link{display:flex;align-items:center;gap:11px;min-height:43px;margin:2px 0;padding:10px 11px;border:1px solid transparent;border-radius:11px;color:#aab0c3;font-size:12px;font-weight:650;transition:background .18s,border .18s,color .18s}
.admin-nav-link>span{width:20px;text-align:center;color:#929bb5;font-size:16px}.admin-nav-link i{font-style:normal;margin-left:auto;min-width:21px;text-align:center;padding:2px 6px;border-radius:6px;background:#a78bfa1c;color:#d6c7ff;font-size:10px}.admin-nav-link:hover{background:#ffffff08;color:#fff}.admin-nav-link.active{color:#fff;background:linear-gradient(100deg,#8b5cf626,#8b5cf608);border-color:#a78bfa35;box-shadow:inset 3px 0 #a78bfa}.admin-nav-link.active>span{color:#d6c5ff}
.admin-sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding:17px 8px 4px;border-top:1px solid #ffffff12;color:#dce1ef}.admin-sidebar-bottom b,.admin-sidebar-bottom small{display:block}.admin-sidebar-bottom b{font-size:11px}.admin-sidebar-bottom small{font-size:10px;color:#7f879d;margin-top:2px}.admin-online-dot,.admin-live i{width:7px;height:7px;border-radius:50%;background:#55e3a4;box-shadow:0 0 12px #55e3a477;display:inline-block;flex:none}
.admin-main{min-width:0}.admin-topline{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:4px 2px 18px;margin-bottom:14px;border-bottom:1px solid #ffffff12}.admin-topline>div:first-child{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.admin-breadcrumb{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#9ba3bb}.admin-breadcrumb span{color:#555c71;padding:0 5px}.admin-live{display:flex;align-items:center;gap:7px;color:#8b93a9;font-size:10px}.admin-live i{width:6px;height:6px}.admin-top-actions{display:flex;align-items:center;gap:10px}.admin-search{height:39px;min-width:230px;display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid #ffffff16;border-radius:10px;background:#0c0e17;color:#9ba3bb}.admin-search>span{font-size:22px}.admin-search input{width:100%;min-width:100px;outline:0;border:0;background:transparent;color:#f7f7ff;font-size:11px}.admin-search kbd{white-space:nowrap;padding:3px 5px;border:1px solid #ffffff1c;border-radius:5px;color:#777f94;font-size:9px}
.admin-head{padding:14px 0 4px;scroll-margin-top:20px}.admin-head h1{font-size:clamp(29px,3vw,42px);letter-spacing:-1.6px;margin:0 0 8px}.admin-head .eyebrow{color:#c4b5fd}.admin-head .role{margin-top:7px}.admin-overview-grid{gap:14px;margin:20px 0 24px}.admin-stat{min-height:142px;border-color:#a78bfa28;background:radial-gradient(circle at 100% 0%,#a78bfa13,transparent 48%),linear-gradient(145deg,#171b2b,#0d1019);transition:transform .2s,border-color .2s}.admin-stat:hover{transform:translateY(-3px);border-color:#a78bfa60}.admin-stat>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #a78bfa28;border-radius:12px;background:#a78bfa10}.admin-stat strong{font-size:34px}.admin-stat em{letter-spacing:.2px}.admin-main .panel{margin-bottom:18px;padding:22px;border-color:#ffffff13;border-radius:17px;background:linear-gradient(145deg,#111522f5,#0c0f17f5);box-shadow:0 18px 45px #00000017;scroll-margin-top:18px}.admin-main .panel h2{font-size:21px;letter-spacing:-.4px}.admin-main .eyebrow{color:#b5a1fa}.admin-main .support-admin-shortcut{display:flex;align-items:center;justify-content:space-between;gap:20px;background:radial-gradient(circle at 95% 0%,#8b5cf61b,transparent 38%),linear-gradient(120deg,#171326,#10131c)}.admin-main .support-admin-shortcut h2{margin-bottom:7px}.admin-main .support-admin-shortcut p{margin:0;font-size:12px}.admin-main .settings-row{padding:15px 0;border-bottom:1px solid #ffffff0d}.admin-main .settings-row:last-child{border-bottom:0}.admin-main .settings-row b{font-size:12px}.admin-main .settings-row small{font-size:10px;max-width:550px}.admin-main .toggle{border-radius:999px;min-width:105px;justify-content:center}.admin-main .toggle.on{box-shadow:0 0 22px #55e3a414}.admin-main .table-wrap{border:1px solid #ffffff10;border-radius:12px;overflow:auto}.admin-main table{margin:0;min-width:680px}.admin-main th{background:#ffffff05;color:#838ba3;font-size:9px;letter-spacing:1px;text-transform:uppercase}.admin-main td{font-size:11px}.admin-main tbody tr{transition:background .15s}.admin-main tbody tr:hover{background:#a78bfa09}.admin-main td small{font-size:9px;color:#7e879e}.admin-main input:not([type=hidden]):not([type=color]),.admin-main textarea,.admin-main select{border-color:#ffffff1b;background:#0b0d15;color:#e7e9f3}.admin-main .application-item{padding:15px 0;border-bottom:1px solid #ffffff0e}.admin-main .application-item:last-child{border-bottom:0}.admin-main .application-info b{font-size:12px}.admin-main .application-info p{font-size:11px;color:#aab0c1}.admin-main .application-info small{font-size:10px}.admin-main .capability-grid{gap:12px}.admin-main .capability-card{border-color:#ffffff12;background:linear-gradient(140deg,#151927,#0e1119);border-radius:13px;transition:transform .18s,border-color .18s}.admin-main .capability-card:hover{transform:translateY(-2px);border-color:#a78bfa40}.admin-main .capability-card b{font-size:12px}.admin-main .capability-card p{font-size:11px}.admin-main .capability-card small{font-size:9px}.admin-main .admin-grid{display:block}.admin-main .notice{border-radius:12px;border-color:#a78bfa25;background:#a78bfa0a;font-size:11px}.admin-footer-note{display:flex;justify-content:space-between;gap:15px;padding:18px 4px 0;color:#68718a;font-size:9px;letter-spacing:.8px}.admin-footer-note span:first-child{font-weight:800;letter-spacing:2px;color:#a8afc4}.admin-search-hidden{display:none!important}
.light-mode .admin-sidebar,.light-mode .admin-main .panel,.light-mode .admin-stat,.light-mode .admin-search{background:linear-gradient(145deg,#fff,#f6f4fc);border-color:#ded8ee;color:#242036}.light-mode .admin-nav-link{color:#5e6075}.light-mode .admin-nav-link.active{color:#392a5b;background:#eee7ff}.light-mode .admin-side-brand b,.light-mode .admin-main .panel h2,.light-mode .admin-stat strong{color:#252039}.light-mode .admin-search input{color:#28233b}.light-mode .admin-main input:not([type=hidden]):not([type=color]),.light-mode .admin-main textarea,.light-mode .admin-main select{background:#fff;color:#29243c;border-color:#dcd6e8}.light-mode .admin-main .capability-card{background:#fff;border-color:#e1dced}.light-mode .admin-main .support-admin-shortcut{background:linear-gradient(120deg,#f3edff,#fff)}
@media(max-width:1050px){.admin-shell{grid-template-columns:190px minmax(0,1fr);gap:14px}.admin-sidebar{padding:13px 9px}.admin-nav-link{font-size:11px}.admin-topline{align-items:flex-start;flex-direction:column}.admin-top-actions{width:100%}.admin-search{flex:1}}
@media(max-width:760px){.admin-shell{width:94%;display:block;margin-top:16px}.admin-sidebar{position:relative;top:auto;min-height:0;margin-bottom:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.admin-side-brand,.admin-sidebar-bottom,.admin-side-label{grid-column:1/-1}.admin-side-brand{padding-bottom:13px;margin-bottom:6px}.admin-sidebar-bottom{margin-top:8px}.admin-nav-link{min-height:39px;padding:8px;font-size:10px}.admin-nav-link i{display:none}.admin-top-actions{flex-wrap:wrap}.admin-search{min-width:0}.admin-top-actions>.btn{white-space:nowrap}.admin-main .panel{padding:16px}.admin-main .support-admin-shortcut{align-items:flex-start;flex-direction:column}.admin-footer-note{flex-direction:column}.admin-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.admin-top-actions>.btn{width:100%}.admin-live{display:none}.admin-overview-grid{gap:8px}.admin-stat{min-height:126px}.admin-stat strong{font-size:28px}}
.admin-status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:10px;padding:13px 15px;margin:0 0 20px;border:1px solid #ffffff12;border-radius:14px;background:#0d1019}.admin-status-strip>div{display:flex;align-items:center;gap:10px;min-width:0}.admin-status-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #a78bfa22;border-radius:10px;background:#a78bfa0b;color:#c4b5fd}.admin-status-strip small,.admin-status-strip b{display:block}.admin-status-strip small{font-size:9px;color:#7f879d}.admin-status-strip b{font-size:10px;letter-spacing:1px;margin-top:2px}.status-good{color:#61e5ab}.status-warn{color:#f3c66c}.status-danger{color:#ff7587}.admin-status-action{font-size:10px;color:#cbbaff;white-space:nowrap}.admin-status-action span{padding-left:4px}.light-mode .admin-status-strip{background:#fff;border-color:#ded8ee}.light-mode .admin-status-strip small{color:#77718d}
@media(max-width:1050px){.admin-status-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-status-action{grid-column:1/-1;padding-top:6px}}
@media(max-width:560px){.admin-status-strip{grid-template-columns:1fr 1fr}.admin-status-strip>div:first-child{grid-column:1/-1}.admin-status-action{grid-column:1/-1}}