:root{--bg:#16191d;--surface:#181d25;--surface2:#292b2f;--line:#40464f;--text:#f5f5f5;--muted:#b8b8b8;--accent:#fbbd23;--accent2:#ffcf55;--green:#58d68d;--red:#ff6868;--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,Arial,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 10%,rgba(251,189,35,.09),transparent 28%),radial-gradient(circle at 90% 85%,rgba(251,189,35,.05),transparent 24%);pointer-events:none}.bg-grid{position:fixed;inset:0;opacity:.035;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.topbar{height:72px;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);background:rgba(24,29,37,.94);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{color:var(--text);text-decoration:none;font-weight:900;letter-spacing:.2px;display:flex;align-items:center;gap:10px}
.brand img{width:31px;height:31px;object-fit:cover;object-position:center;border-radius:50%;border:1px solid rgba(255,196,70,.62);box-shadow:0 0 18px rgba(32,105,255,.22),0 0 10px rgba(255,194,65,.16);background:#050914}.brand.big img{width:42px;height:42px}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px rgba(251,189,35,.65)}.brand.big{font-size:24px;margin-bottom:22px}.topbar nav{display:flex;gap:6px}.topbar nav a{color:var(--muted);text-decoration:none;padding:10px 13px;border-radius:8px;transition:.18s}.topbar nav a:hover{color:var(--text);background:var(--surface2)}.container{position:relative;z-index:1;width:min(1240px,92%);margin:auto;padding:46px 0 100px}footer{position:fixed;z-index:8;bottom:0;left:0;right:0;padding:12px;text-align:center;color:var(--muted);font-size:12px;background:rgba(24,29,37,.96);border-top:1px solid var(--line)}.hero,.page-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:28px}.hero{align-items:center;min-height:180px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2px;font-weight:900}.hero h1,.page-head h1{font-size:42px;line-height:1;margin:10px 0}.hero p,.page-head p{color:var(--muted);margin:0;line-height:1.75}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.add-card,.profile-hero,.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.card{padding:22px;transition:.18s}.card:hover{transform:translateY(-2px);border-color:#5a626d}.stat{min-height:150px;display:flex;flex-direction:column;justify-content:center;gap:7px}.stat strong{font-size:38px;line-height:1}.stat .online{color:var(--green)}.stat .offline{color:var(--red)}.label{font-size:10px;letter-spacing:1.8px;color:var(--muted);font-weight:900}.muted{color:var(--muted)}.button,button{font:inherit;border:0;cursor:pointer;border-radius:8px;padding:11px 16px;font-weight:800;transition:.18s}.button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button.primary,.button:not(.ghost){background:var(--accent);color:#16191d}.button.primary:hover,.button:not(.ghost):hover{background:var(--accent2);transform:translateY(-1px)}.button.ghost{background:var(--surface2);color:var(--text);border:1px solid var(--line)}.button.ghost:hover{border-color:var(--accent);color:var(--accent)}.button.disabled{opacity:.35;pointer-events:none}.danger{background:#4b2528;color:#ffaaaa}.danger:hover{background:#623034}.small{padding:8px 11px;font-size:12px}.toolbar{display:flex;margin:16px 0}.toolbar input,.add-card input,.login-card input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid var(--line);background:#12161b;color:var(--text);outline:0}.toolbar input:focus,.add-card input:focus,.login-card input:focus{border-color:var(--accent)}.table-wrap{overflow:hidden}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:10px;letter-spacing:1.3px}tbody tr{transition:.15s}tbody tr:hover{background:rgba(255,255,255,.025)}tbody tr:last-child td{border-bottom:0}.member-link{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.member-link:hover strong{color:var(--accent)}.member-link span{display:flex;flex-direction:column;gap:3px}.member-link small{color:var(--muted)}.avatar{width:40px;height:40px;border-radius:10px;object-fit:cover;background:var(--surface2)}code{font-family:Consolas,monospace;color:#dedede}.pill{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;background:var(--surface2);color:var(--muted)}.pill.active{background:rgba(88,214,141,.12);color:var(--green)}.empty{text-align:center;padding:38px;color:var(--muted)}.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0}.pager span{color:var(--muted);font-size:13px}.pager b{color:var(--text)}.add-card{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px}.add-card h2{margin:6px 0}.add-card p{color:var(--muted);margin:0}.add-card form{display:flex;gap:10px;min-width:440px}.flash{padding:12px 14px;border-radius:8px;border:1px solid var(--line);margin-bottom:16px;background:var(--surface2)}.flash.error{border-color:#65363b;background:#351b1f;color:#ffb3b3}.login-shell{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%);padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.login-card h1{font-size:38px;margin:8px 0}.login-card p{color:var(--muted);line-height:1.75;margin-top:0}.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:7px;color:var(--muted);font-size:13px}.login-foot{text-align:center;color:var(--muted);font-size:11px;margin-top:22px}.backlink{display:inline-block;color:var(--muted);text-decoration:none;margin-bottom:16px}.backlink:hover{color:var(--accent)}.profile-hero{overflow:hidden}.profile-banner{height:220px;background:linear-gradient(120deg,#222831,#16191d);background-size:cover;background-position:center}.profile-main{display:flex;gap:20px;align-items:end;padding:0 24px 24px}.profile-avatar{width:112px;height:112px;border-radius:20px;object-fit:cover;border:4px solid var(--surface);margin-top:-54px;background:var(--surface2)}.profile-main h1{font-size:34px;margin:8px 0}.profile-main p{color:var(--muted);margin:0 0 12px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.kv{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line)}.kv:last-child{border-bottom:0}.kv span{color:var(--muted)}.roles-card{margin-top:16px}.role-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.role-pill{border:1px solid var(--line);border-left:3px solid var(--role-color);background:var(--surface2);padding:7px 10px;border-radius:7px;font-size:12px}@media(max-width:850px){.grid,.profile-grid{grid-template-columns:1fr}.hero,.page-head,.add-card{align-items:flex-start;flex-direction:column}.add-card form{min-width:0;width:100%;flex-direction:column}.table-wrap{overflow:auto}.profile-main{align-items:center;flex-direction:column;text-align:center;margin-top:-55px}.profile-avatar{margin:0}.profile-main h1{font-size:28px}.topbar{padding:0 3%}.topbar nav a{padding:8px}.container{width:94%}}

.role-management-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.role-management-head h2{margin:7px 0 4px;font-size:24px}.role-list-large{margin-top:18px;display:grid;gap:10px}.role-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-left:3px solid var(--role-color);background:var(--surface2);border-radius:9px}.role-item .role-pill{border:0;background:transparent;padding:0}.role-add-box{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.role-add-form{display:flex;gap:10px;min-width:380px}.role-select{width:100%;padding:11px 13px;border-radius:8px;border:1px solid var(--line);background:#12161b;color:var(--text);outline:0}.role-select:focus{border-color:var(--accent)}.flash.success{border-color:rgba(88,214,141,.35);background:rgba(88,214,141,.08);color:#9beab9}@media(max-width:850px){.role-add-box{flex-direction:column;align-items:stretch}.role-add-form{min-width:0;width:100%;flex-direction:column}}
.role-item-main{display:flex;align-items:center;gap:10px;min-width:0}.role-dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 12px color-mix(in srgb,var(--role-color) 45%,transparent)}.role-state{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:var(--muted);font-size:11px;font-weight:800}.managed-badge{font-size:9px;letter-spacing:1px;color:var(--muted);border:1px solid var(--line);padding:6px 8px;border-radius:999px}.role-item-enter{opacity:0;transform:translateY(5px)}.role-item-enter.entered{opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}.button:disabled{opacity:.5;cursor:wait;transform:none!important}.toast-container{position:fixed;right:24px;bottom:68px;z-index:50;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{min-width:250px;max-width:360px;display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:rgba(24,29,37,.98);color:var(--text);box-shadow:0 10px 40px rgba(0,0,0,.28);opacity:0;transform:translateY(10px);transition:.18s ease;font-size:13px;font-weight:700}.toast.show{opacity:1;transform:translateY(0)}.toast.success{border-color:rgba(88,214,141,.35)}.toast.error{border-color:rgba(255,110,110,.35)}.toast-mark{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);color:var(--accent);font-size:12px}.toast.error .toast-mark{color:#ff8f8f}@media(max-width:850px){.toast-container{right:12px;left:12px}.toast{width:100%;max-width:none}.role-management-head{align-items:flex-start;flex-direction:column}}

.global-search{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.global-search input{flex:1;min-width:280px}
.search-hint{font-size:12px;opacity:.68;margin:8px 0 16px}

.role-chip{padding:8px 10px;border:1px solid var(--line);background:var(--surface2);border-radius:999px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:1px}.quick-grid{margin-top:16px}.quick-card{color:var(--text);text-decoration:none;display:block}.quick-card h2{margin:8px 0 4px}.status-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:var(--surface2);color:var(--muted);font-size:10px;font-weight:900}.status-open{background:rgba(88,214,141,.12);color:var(--green)}.status-closed{background:rgba(251,189,35,.12);color:var(--accent)}.status-archived{background:rgba(88,150,255,.12);color:#8cb5ff}.status-deleted{background:rgba(255,104,104,.12);color:var(--red)}.log-toolbar{align-items:center}.log-toolbar .role-select{min-width:190px}.code-box{white-space:pre-wrap;overflow:auto;background:#101318;border:1px solid var(--line);padding:14px;border-radius:8px;color:#dfe6ef} small{color:var(--muted)}@media(max-width:850px){.role-chip{display:none}.log-toolbar .role-select{min-width:0;width:100%}}

/* Visual polish layer — presentation only; existing markup and behaviour stay intact. */
:root{--bg:#090d14;--surface:rgba(18,24,35,.8);--surface2:#202938;--line:rgba(163,180,207,.16);--text:#f4f7ff;--muted:#9daac0;--accent:#ffbf3f;--accent2:#ffe08a;--radius:16px}
body{background:var(--bg);overflow-x:hidden;background-image:linear-gradient(130deg,#090d14 0%,#0d1420 55%,#10101d 100%)}
body:before{background:radial-gradient(circle at 12% 8%,rgba(255,191,63,.16),transparent 25%),radial-gradient(circle at 88% 82%,rgba(101,128,255,.13),transparent 27%),radial-gradient(circle at 50% 45%,rgba(36,211,238,.055),transparent 35%);animation:ambient-shift 16s ease-in-out infinite alternate}
.bg-grid{opacity:.07;background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.topbar{height:76px;background:rgba(9,13,20,.72);border-color:rgba(171,188,216,.13);box-shadow:0 10px 35px rgba(0,0,0,.14)}
.brand{font-size:15px;letter-spacing:.35px}.brand-dot{width:11px;height:11px;box-shadow:0 0 0 5px rgba(255,191,63,.09),0 0 22px rgba(255,191,63,.8);animation:pulse-glow 2.6s ease-in-out infinite}
.topbar nav a{position:relative;padding:10px 12px;border:1px solid transparent;transition:color .22s ease,background .22s ease,border-color .22s ease,transform .22s ease}.topbar nav a:hover{background:rgba(255,255,255,.055);border-color:var(--line);transform:translateY(-1px)}
.container{padding-top:58px}.hero,.page-head{margin-bottom:34px}.hero{min-height:205px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);text-shadow:0 0 20px rgba(255,191,63,.32)}.eyebrow:before{content:"";width:24px;height:1px;background:currentColor;box-shadow:0 0 8px currentColor}.hero h1,.page-head h1{font-size:clamp(34px,4vw,52px);letter-spacing:-1.8px;background:linear-gradient(135deg,#fff 15%,#d6deed 60%,#ffda79);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.page-head p{max-width:620px}
.card,.add-card,.profile-hero,.table-wrap,.login-card{background:linear-gradient(145deg,rgba(30,39,55,.86),rgba(15,20,30,.8));border-color:var(--line);box-shadow:inset 0 1px rgba(255,255,255,.04),0 16px 45px rgba(0,0,0,.14)}
.card{position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease}.card:after{content:"";position:absolute;inset:-100% 35% auto -80%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);transform:rotate(24deg);transition:transform .6s ease;pointer-events:none}.card:hover{transform:translateY(-6px);border-color:rgba(255,191,63,.4);box-shadow:inset 0 1px rgba(255,255,255,.07),0 20px 50px rgba(0,0,0,.28),0 0 32px rgba(255,191,63,.06)}.card:hover:after{transform:translateX(240%) rotate(24deg)}
.stat{min-height:164px}.stat strong{font-size:42px;letter-spacing:-1.5px}.stat strong:not(.online):not(.offline){color:#fff;text-shadow:0 6px 24px rgba(255,255,255,.12)}.stat .online{filter:drop-shadow(0 0 9px rgba(88,214,141,.28))}.stat .offline{filter:drop-shadow(0 0 9px rgba(255,104,104,.28))}
.button,button{position:relative;overflow:hidden;border-radius:11px;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.button.primary,.button:not(.ghost){background:linear-gradient(135deg,var(--accent),#f6a81f);box-shadow:0 8px 22px rgba(251,189,35,.18)}.button.primary:before,.button:not(.ghost):before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-130%);transition:transform .55s ease}.button.primary:hover,.button:not(.ghost):hover{box-shadow:0 12px 28px rgba(251,189,35,.3);transform:translateY(-2px)}.button.primary:hover:before,.button:not(.ghost):hover:before{transform:translateX(130%)}.button.ghost{background:rgba(255,255,255,.04)}
.toolbar input,.add-card input,.login-card input,.role-select{background:rgba(6,10,16,.55);border-color:rgba(160,181,215,.18);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.toolbar input:focus,.add-card input:focus,.login-card input:focus,.role-select:focus{background:rgba(6,10,16,.8);border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,191,63,.1)}
.table-wrap{border-radius:var(--radius)}th{background:rgba(255,255,255,.025)}tbody tr{transition:background .2s ease,transform .2s ease}tbody tr:hover{background:rgba(255,191,63,.045);transform:scale(1.003)}.pill,.status-badge,.role-chip{border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.login-shell:before{content:"";position:absolute;width:min(680px,100vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,191,63,.12),transparent 64%);filter:blur(12px);animation:float-orb 8s ease-in-out infinite;pointer-events:none}.login-card{position:relative;overflow:hidden;padding:36px;animation:login-rise .7s cubic-bezier(.2,.8,.2,1) both}.login-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.flash{border-radius:12px;animation:slide-in .35s ease both}.avatar,.profile-avatar{box-shadow:0 8px 20px rgba(0,0,0,.28)}.profile-banner{background:linear-gradient(120deg,#202b3c,#0b111c 50%,#343044)}footer{background:rgba(9,13,20,.8);backdrop-filter:blur(12px);border-color:rgba(171,188,216,.1)}
.hero,.page-head,.grid{animation:content-in .55s cubic-bezier(.2,.8,.2,1) both}.stats-grid .card:nth-child(2),.quick-grid .card:nth-child(2){animation-delay:.07s}.stats-grid .card:nth-child(3),.quick-grid .card:nth-child(3){animation-delay:.14s}.stats-grid .card,.quick-grid .card{animation:card-in .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes ambient-shift{to{transform:scale(1.08) translate3d(1.5%,-1%,0)}}@keyframes pulse-glow{50%{transform:scale(1.12);box-shadow:0 0 0 7px rgba(255,191,63,.04),0 0 27px rgba(255,191,63,.95)}}@keyframes float-orb{50%{transform:translate3d(5%,-4%,0) scale(1.08)}}@keyframes login-rise{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes content-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes card-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes slide-in{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:850px){.topbar{height:auto;min-height:68px;align-items:flex-start;padding:14px 4%;gap:10px}.topbar nav{justify-content:flex-end;flex-wrap:wrap}.container{padding-top:38px}.hero{min-height:0}.card:hover{transform:none}.hero h1,.page-head h1{letter-spacing:-1px}}

/* Public legal pages and contact footer */
.site-footer{min-height:48px;padding:10px 5%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.1px}.site-footer>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.site-footer strong{color:#e7edf8;font-weight:800}.site-footer a{color:var(--muted);text-decoration:none;transition:color .2s ease}.site-footer a:hover{color:var(--accent)}.footer-separator{color:rgba(255,255,255,.24)}.footer-legal{gap:13px!important}.login-foot a{color:inherit;text-decoration:none}.login-foot a:hover{color:var(--accent)}
.public-topbar{position:relative}
.legal-page{max-width:920px;margin:0 auto;animation:content-in .55s cubic-bezier(.2,.8,.2,1) both}.legal-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px;padding:14px 2px}.legal-hero h1{margin:9px 0 7px;font-size:clamp(34px,5vw,52px);line-height:1.08;letter-spacing:-1.8px;background:linear-gradient(135deg,#fff 15%,#d6deed 60%,#ffda79);-webkit-background-clip:text;background-clip:text;color:transparent}.legal-hero p{margin:0;color:var(--muted);font-size:13px}.language-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:rgba(7,11,17,.5);box-shadow:inset 0 1px rgba(255,255,255,.04)}.language-switch a{min-width:42px;padding:8px 10px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.6px;text-align:center;text-decoration:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.language-switch a:hover{color:var(--text)}.language-switch a.active{color:#16191d;background:var(--accent);box-shadow:0 4px 12px rgba(251,189,35,.24)}
.legal-back{margin:-8px 0 18px;padding:9px 13px;font-size:12px;gap:8px}.legal-page[dir="rtl"] .legal-back span{transform:rotate(180deg)}
.legal-card{padding:clamp(24px,5vw,54px);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(30,39,55,.86),rgba(15,20,30,.8));box-shadow:inset 0 1px rgba(255,255,255,.04),0 16px 45px rgba(0,0,0,.14)}.legal-intro{padding-bottom:23px;margin-bottom:26px;border-bottom:1px solid var(--line)}.legal-intro p{font-size:16px;color:#e1e8f5}.legal-card p{margin:0 0 13px;color:#bac5d7;line-height:1.9}.legal-section{padding:0 0 27px;margin-bottom:26px;border-bottom:1px solid rgba(163,180,207,.11)}.legal-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.legal-section h2{margin:0 0 15px;color:var(--text);font-size:20px;letter-spacing:-.35px}.legal-section ul{display:grid;gap:9px;margin:17px 0 0;padding-inline-start:22px;color:#c6d1e2;line-height:1.65}.legal-section li::marker{color:var(--accent)}.legal-page[dir="rtl"]{font-family:Tahoma,"Segoe UI",Arial,sans-serif;text-align:right}.legal-page[dir="rtl"] .legal-hero h1{letter-spacing:0}.legal-page[dir="rtl"] .legal-section h2{letter-spacing:0}.legal-page[dir="rtl"] .legal-section ul{padding-inline-start:0;padding-inline-end:23px}.legal-page[dir="rtl"] .eyebrow{direction:ltr;justify-content:flex-end}
@media(max-width:850px){.site-footer{position:relative;justify-content:center;padding:13px 18px;text-align:center}.site-footer>div{justify-content:center}.footer-legal{display:none!important}.legal-hero{align-items:flex-start;flex-direction:column}.legal-card{padding:25px 20px}.legal-card p{font-size:14px}.legal-section h2{font-size:18px}.login-footer{position:fixed}.public-nav{max-width:75%;justify-content:flex-end}}

/* =========================================================
   Central House public homepage
   ========================================================= */
.home-page{min-height:100vh;background:#04070d;color:#f6f7fb;overflow-x:hidden;font-family:Montserrat,Inter,Arial,sans-serif;position:relative}
.home-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 19% 50%,rgba(26,91,255,.08),transparent 31%),radial-gradient(circle at 76% 28%,rgba(255,190,61,.045),transparent 30%),linear-gradient(115deg,rgba(3,6,11,.2),rgba(7,12,21,.16) 52%,rgba(5,7,13,.24));z-index:1}
#sky{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#111827 0%,#0a0d15 55%,#06080d 100%)}
.nebula{position:absolute;width:75vw;height:75vw;max-width:1100px;max-height:1100px;border-radius:50%;filter:blur(90px);opacity:.19}
.nebula.one{top:-40%;left:-25%;background:#344b75;animation:sky-nebula-one 22s ease-in-out infinite alternate}
.nebula.two{right:-20%;bottom:-45%;background:#263c60;animation:sky-nebula-two 28s ease-in-out infinite alternate}
#stars{position:absolute;inset:0;width:100%;height:100%}
@keyframes sky-nebula-one{to{transform:translate(35vw,25vh) scale(1.25)}}@keyframes sky-nebula-two{to{transform:translate(-30vw,-20vh) scale(1.3)}}
.home-noise{position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:1;background-image:radial-gradient(rgba(255,255,255,.65) .45px,transparent .55px);background-size:5px 5px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.home-header{position:relative;z-index:4;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid rgba(220,232,255,.09);background:rgba(3,7,13,.46);backdrop-filter:blur(16px)}
.home-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f4f6fb;font-weight:850;letter-spacing:.4px}.home-logo-mark{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,196,70,.62);border-radius:50%;font-family:Georgia,serif;color:#ffd16a;text-shadow:0 0 18px rgba(44,126,255,.85),0 0 12px rgba(255,194,65,.4);box-shadow:inset 0 0 15px rgba(39,100,255,.16),0 0 22px rgba(32,105,255,.12)}
.home-nav{display:flex;align-items:center;gap:8px}.home-nav a{color:#9fa9ba;text-decoration:none;font-size:12px;padding:9px 11px;border:1px solid transparent;border-radius:8px;transition:.25s ease}.home-nav a:hover{color:#fff;border-color:rgba(255,194,65,.22);background:rgba(255,255,255,.035)}
.home-language-switch{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(220,232,255,.12);border-radius:12px;background:rgba(7,11,17,.5);box-shadow:inset 0 1px rgba(255,255,255,.04);margin-inline-start:6px}.home-language-switch a{min-width:38px;padding:7px 9px!important;border-radius:8px!important;color:#9fa9ba!important;font-size:11px!important;font-weight:900;text-align:center;letter-spacing:.5px}.home-language-switch a.active{color:#16191d!important;background:#ffd06a!important;box-shadow:0 4px 12px rgba(251,189,35,.24)}.home-language-switch a:hover{color:#fff!important;border-color:transparent!important;background:rgba(255,255,255,.04)}
.home-page[dir="rtl"] .home-copy{text-align:right}.home-page[dir="rtl"] .home-eyebrow{justify-content:flex-start;flex-direction:row-reverse}.home-page[dir="rtl"] .home-eyebrow span{order:0}.home-page[dir="rtl"] .home-meta-list{flex-direction:row-reverse;justify-content:flex-start}.home-page[dir="rtl"] .home-cta{flex-direction:row-reverse}.home-page[dir="rtl"] .home-nav{flex-direction:row-reverse}.home-page[dir="rtl"] .home-header{direction:rtl}.home-page[dir="rtl"] .home-footer{direction:rtl}.home-page[dir="rtl"] .home-copy h1{letter-spacing:-1px}
.home-main{position:relative;z-index:2;min-height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);align-items:center;padding:clamp(28px,5vh,62px) clamp(24px,5vw,76px) 92px;gap:clamp(18px,4vw,68px)}
.home-visual{height:min(70vh,720px);min-height:480px;display:grid;place-items:center;position:relative}.visual-frame{position:relative;width:min(100%,690px);aspect-ratio:1/1;display:grid;place-items:center}.visual-frame:after{content:"";position:absolute;inset:7%;border:1px solid rgba(255,191,63,.10);border-radius:24px;box-shadow:inset 0 0 50px rgba(255,188,62,.025),0 0 50px rgba(22,95,255,.05);pointer-events:none}.visual-frame img{width:100%;height:100%;object-fit:contain;display:block;filter:saturate(1.05) contrast(1.04) drop-shadow(0 24px 45px rgba(0,0,0,.4));animation:dragon-breathe 9s ease-in-out infinite}
.visual-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 51%,transparent 0 14%,rgba(2,5,11,.08) 27%,rgba(2,5,11,.34) 74%,rgba(2,5,11,.76) 100%);pointer-events:none}
.visual-core{position:absolute;width:23%;aspect-ratio:1;left:50%;top:51%;transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none}.core-ring{position:absolute;border:1px solid rgba(255,198,77,.42);border-radius:50%;box-shadow:0 0 12px rgba(31,104,255,.10);animation:core-float 7s ease-in-out infinite}.ring-one{inset:2%;}.ring-two{inset:-14%;border-color:rgba(73,139,255,.25);animation-duration:9s;animation-direction:reverse}.ring-three{inset:-32%;border-color:rgba(255,193,68,.18);animation-duration:12s}.core-orb{position:absolute;width:40%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#326eff 0,#1745c2 17%,rgba(24,62,178,.22) 42%,transparent 70%);filter:blur(1px);opacity:.7;animation:core-orb-pulse 5s ease-in-out infinite}.core-letter{position:relative;z-index:2;font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,5vw,68px);font-weight:400;line-height:1;color:#ffd36d;text-shadow:0 0 7px rgba(255,205,104,.75),0 0 25px rgba(30,111,255,.95),0 0 52px rgba(26,80,255,.75)}
.home-copy{max-width:730px;padding:24px 0}.home-eyebrow{display:flex;align-items:center;gap:10px;color:#6da2ff;font-size:11px;font-weight:800;letter-spacing:3.1px;margin-bottom:20px}.home-eyebrow span{width:30px;height:1px;background:#e9b94e;box-shadow:0 0 10px rgba(255,192,68,.8)}.home-copy h1{margin:0;font-size:clamp(60px,7vw,104px);line-height:.93;letter-spacing:-4px;font-weight:800;background:linear-gradient(120deg,#fff 14%,#d9e2f2 54%,#ffd36b 90%);-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance}.home-copy h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;color:#ffd06a;background:none;-webkit-text-fill-color:#ffd06a;text-shadow:0 0 30px rgba(40,107,255,.22)}
.home-lead{font-size:clamp(18px,1.6vw,23px);line-height:1.7;color:#dce5f4;max-width:680px;margin:30px 0 14px}.home-text{max-width:650px;color:#8995a8;line-height:1.85;font-size:14px;margin:0}.home-actions{margin-top:30px}.home-cta{display:inline-flex;align-items:center;gap:26px;padding:14px 17px 14px 21px;border:1px solid rgba(255,198,76,.55);border-radius:11px;color:#0a0d13;background:linear-gradient(135deg,#ffd36b,#e8ad3e);font-size:13px;font-weight:900;text-decoration:none;letter-spacing:.4px;box-shadow:0 12px 34px rgba(238,176,54,.15),inset 0 1px rgba(255,255,255,.6);transition:.28s ease}.home-cta:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(38,106,255,.18),0 10px 30px rgba(238,176,54,.22)}.cta-arrow{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;background:rgba(4,8,15,.14);font-size:17px}
.home-meta{margin-top:58px;padding-top:24px;border-top:1px solid rgba(196,210,236,.10);max-width:690px}.home-meta-heading{font-size:9px;letter-spacing:2px;color:#657186;font-weight:900;margin-bottom:14px;text-align:left}.home-meta-list{display:flex;flex-direction:row;align-items:stretch;gap:28px}.meta-item{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.meta-item strong{font-size:13px;color:#dfe7f4}.meta-item small{font-size:11px;color:#748095}.meta-divider{align-self:center;flex:0 0 1px;height:42px;background:rgba(196,210,236,.12)}
.home-footer{position:relative;z-index:5;min-height:58px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;color:#647084;font-size:11px;border-top:1px solid rgba(196,210,236,.08);background:rgba(3,6,11,.76);backdrop-filter:blur(12px)}.home-footer a{color:#8793a6;text-decoration:none;transition:.2s}.home-footer a:hover{color:#ffd36b}.home-footer-dot{color:#2d394a}
@keyframes dragon-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.006)}}@keyframes core-float{0%,100%{transform:scale(.98) translateY(0);opacity:.65}50%{transform:scale(1.04) translateY(-4px);opacity:1}}@keyframes core-orb-pulse{0%,100%{transform:scale(.88);opacity:.45}50%{transform:scale(1.12);opacity:.8}}
@media(max-width:900px){.home-header{height:auto;min-height:76px;padding:14px 20px;gap:15px}.home-nav{gap:2px;flex-wrap:wrap;justify-content:flex-end}.home-nav a{font-size:10px;padding:8px 7px}.home-main{grid-template-columns:1fr;gap:4px;padding:24px 20px 48px;min-height:0}.home-visual{height:auto;min-height:0;order:1}.visual-frame{width:min(100%,620px)}.home-copy{order:2;padding:5px 0 10px}.home-copy h1{font-size:clamp(52px,14vw,82px);letter-spacing:-3px}.home-lead{font-size:17px;margin-top:24px}.home-meta{margin-top:42px}.home-footer{flex-wrap:wrap}}
@media(max-width:560px){.home-header{align-items:flex-start}.home-logo{font-size:13px}.home-logo-mark{width:27px;height:27px}.home-nav{max-width:58%}.home-nav a{font-size:9px}.home-main{padding-left:15px;padding-right:15px}.visual-frame{width:110%;margin-left:-5%}.visual-core{width:22%}.home-copy{padding-left:5px;padding-right:5px}.home-copy h1{font-size:clamp(48px,16vw,70px)}.home-lead{font-size:16px;line-height:1.65}.home-text{font-size:13px}.home-meta-list{gap:15px;align-items:flex-start}.meta-item{min-width:0}.meta-divider{height:50px}.home-footer{font-size:10px;gap:7px}}
@media(prefers-reduced-motion:reduce){.home-page *, .home-page *:before, .home-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.home-page .nebula{animation:none}}

@media(min-width:901px){
  .home-page{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:100vh;min-height:100svh;overflow-x:hidden}
  .home-main{min-height:max(0px,calc(100svh - 140px));grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,3vw,48px);padding:clamp(12px,3vh,34px) clamp(24px,5vw,76px)}
  .home-visual{height:min(66vh,680px);min-height:0}
}
@media(min-width:901px) and (max-height:850px){
  .home-main{gap:clamp(12px,2vw,28px);padding:10px clamp(24px,5vw,76px)}
  .home-visual{height:min(58vh,500px)}
  .visual-frame{width:min(100%,58vh,500px)}
  .home-copy{padding:8px 0}
  .home-eyebrow{margin-bottom:10px}
  .home-copy h1{font-size:clamp(48px,5vw,68px);line-height:.96;letter-spacing:-2px}
  .home-lead{font-size:clamp(16px,1.35vw,20px);line-height:1.45;margin:15px 0 8px}
  .home-text{font-size:13px;line-height:1.55}
  .home-actions{margin-top:16px}
  .home-meta{margin-top:20px;padding-top:12px}
  .home-meta-heading{margin-bottom:8px}
}

/* =========================================================
   Central House website accounts / site tickets
========================================================= */
.account-page{min-height:100vh;background:#04070d;color:#f6f7fb}.account-shell{position:relative;z-index:2;min-height:calc(100vh - 82px);display:grid;place-items:center;padding:55px 20px 80px}.account-card{width:min(100%,520px);padding:34px;border:1px solid rgba(196,210,236,.12);border-radius:22px;background:linear-gradient(145deg,rgba(20,29,45,.94),rgba(7,12,21,.96));box-shadow:0 30px 90px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(18px)}.account-card-wide{width:min(100%,760px)}.account-brand{display:flex;align-items:center;gap:11px;color:#f7f8fb;font-size:18px;margin-bottom:28px}.account-brand .home-logo-mark{width:38px;height:38px}.account-card h1{font-size:40px;line-height:1.05;margin:8px 0 12px}.account-muted{color:#8e9aad;line-height:1.7;margin-bottom:24px}.account-form{display:grid;gap:16px}.account-form label{display:grid;gap:8px;color:#cbd5e5;font-size:12px;font-weight:800}.account-form input,.account-form textarea{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid rgba(196,210,236,.13);border-radius:10px;background:rgba(2,6,12,.65);color:#f5f7fb;outline:none;font:inherit}.account-form input:focus,.account-form textarea:focus{border-color:rgba(255,199,74,.6);box-shadow:0 0 0 3px rgba(255,199,74,.07)}.account-submit{border:0;cursor:pointer;justify-content:center;width:100%;box-sizing:border-box}.account-grid{grid-template-columns:1fr 1fr}.account-full{grid-column:1/-1}.optional{font-size:10px;color:#667388;font-weight:600}.account-divider{display:flex;align-items:center;gap:12px;color:#657185;margin:22px 0}.account-divider:before,.account-divider:after{content:"";height:1px;flex:1;background:rgba(196,210,236,.1)}.account-discord{display:flex;justify-content:center;align-items:center;padding:13px 15px;border:1px solid rgba(91,142,255,.4);border-radius:10px;color:#dbe7ff;text-decoration:none;background:rgba(42,86,170,.12);font-weight:850}.account-discord:hover{border-color:rgba(91,142,255,.7);background:rgba(42,86,170,.2)}.account-switch{text-align:center;color:#7d899b;font-size:12px;margin:22px 0 0}.account-switch a{color:#ffd16a;text-decoration:none}.dashboard-shell{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:48px 0 90px}.dashboard-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}.profile-card,.dashboard-card{border:1px solid rgba(196,210,236,.11);border-radius:20px;background:linear-gradient(145deg,rgba(20,29,45,.92),rgba(7,12,21,.96));box-shadow:0 24px 70px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.035);padding:25px}.profile-card{text-align:left}.dashboard-page[dir="rtl"] .profile-card{text-align:right}.profile-avatar{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#ffd36b,#2968ff);color:#070b12;font-size:28px;font-weight:900;margin-bottom:16px}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-card h2{margin:0 0 4px}.profile-card>p{margin:0 0 20px;color:#7f8ba0}.profile-line{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(196,210,236,.08);font-size:11px}.profile-line span{color:#68758a}.profile-line strong{color:#dfe7f3;text-align:right;word-break:break-word}.profile-section{margin-top:18px}.profile-section h3{font-size:13px;margin:0 0 10px;color:#dce6f5}.role-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.role-list>span{width:100%;color:#68758a;font-size:11px}.role-list b{font-size:10px;padding:5px 7px;border-radius:7px;background:rgba(255,205,104,.08);border:1px solid rgba(255,205,104,.14);color:#ffd36d}.connected-badge{display:block;margin-top:18px;padding:10px;border-radius:9px;background:rgba(58,186,111,.08);border:1px solid rgba(58,186,111,.18);color:#7ce0a0;text-align:center;font-size:11px;font-weight:800}.dashboard-content{min-width:0}.dashboard-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.dashboard-heading h1{font-size:48px;margin:5px 0 0}.dashboard-heading .home-cta{padding:11px 14px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.card-heading h2{margin:0;font-size:19px}.card-heading a{color:#ffd16a;text-decoration:none;font-size:11px;font-weight:800}.ticket-list{display:grid}.ticket-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 4px;border-top:1px solid rgba(196,210,236,.08);text-decoration:none;color:#e8edf7}.ticket-row:hover{background:rgba(255,255,255,.02)}.ticket-row strong{display:block;font-size:13px}.ticket-row small{display:block;margin-top:5px;color:#6d7a8e;font-size:10px}.empty-state,.closed-note{padding:25px;color:#728096;text-align:center}.ticket-shell{position:relative;z-index:2;width:min(980px,calc(100% - 40px));margin:0 auto;padding:55px 0 90px}.ticket-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.ticket-title h1{font-size:38px;margin:5px 0 0}.conversation{display:grid;gap:13px}.message-bubble{max-width:78%;padding:15px 17px;border:1px solid rgba(196,210,236,.1);border-radius:16px;background:rgba(20,29,45,.85);box-shadow:inset 0 1px rgba(255,255,255,.03)}.message-bubble.user{justify-self:start}.message-bubble.admin{justify-self:end;border-color:rgba(255,200,83,.18);background:rgba(74,56,18,.17)}.dashboard-page[dir="rtl"] .message-bubble.user{justify-self:end}.dashboard-page[dir="rtl"] .message-bubble.admin{justify-self:start}.message-meta{font-size:10px;color:#728096;margin-bottom:8px}.message-bubble p{white-space:pre-wrap;line-height:1.75;color:#dbe3ef;margin:0}.reply-box{margin-top:18px;display:grid;gap:12px}.reply-box textarea{width:100%;box-sizing:border-box;resize:vertical;padding:14px;border-radius:12px;border:1px solid rgba(196,210,236,.12);background:rgba(4,8,14,.75);color:#f4f6fa;font:inherit;outline:none}.reply-box textarea:focus{border-color:rgba(255,199,74,.55)}.admin-conversation{margin-bottom:22px}.admin-ticket-actions{display:flex;gap:10px;margin:14px 0}.home-support-links{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-inline-end:auto}.home-support-links strong{color:#b9c4d5}.home-support-links a{color:#8793a6;text-decoration:none}.home-support-links a:hover{color:#ffd36b}.footer-support{display:flex;gap:10px;align-items:center}.footer-support a{color:#8793a6;text-decoration:none}.footer-support a:hover{color:#ffd36b}
@media(max-width:850px){.account-grid{grid-template-columns:1fr}.account-full{grid-column:auto}.dashboard-grid{grid-template-columns:1fr}.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard-heading h1{font-size:38px}.profile-card{text-align:center}.profile-avatar{margin-left:auto;margin-right:auto}.ticket-title{align-items:flex-start;flex-direction:column}.ticket-title h1{font-size:30px}.message-bubble{max-width:90%}.home-support-links{justify-content:center;margin:0}.footer-support{justify-content:center;flex-wrap:wrap}}
@media(max-width:560px){.account-card{padding:23px 18px}.account-card h1{font-size:32px}.dashboard-shell,.ticket-shell{width:min(100% - 26px,1180px)}.dashboard-card,.profile-card{padding:18px}.ticket-row{align-items:flex-start}.ticket-row .status-badge{flex:none}.home-support-links{font-size:10px}}
.whitelist-badge{margin-top:10px;padding:9px;border-radius:8px;text-align:center;font-size:10px;font-weight:900}.whitelist-badge.on{color:#7ce0a0;background:rgba(58,186,111,.07);border:1px solid rgba(58,186,111,.16)}.whitelist-badge.off{color:#c0cad9;background:rgba(196,210,236,.04);border:1px solid rgba(196,210,236,.09)}

/* Central House account profile menu */
.profile-menu{position:relative;display:inline-block}.profile-menu summary{list-style:none}.profile-menu summary::-webkit-details-marker{display:none}.profile-trigger{width:38px;height:38px;border:1px solid rgba(255,209,106,.34);border-radius:50%;display:grid;place-items:center;cursor:pointer;background:rgba(7,13,24,.72);color:#ffd36b;box-shadow:0 0 22px rgba(38,104,255,.13);transition:.2s ease}.profile-trigger:hover{border-color:rgba(255,209,106,.75);transform:translateY(-1px)}.profile-trigger-icon{width:100%;height:100%;display:grid;place-items:center;font-size:12px;font-weight:900}.profile-trigger-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:190px;padding:8px;border:1px solid rgba(196,210,236,.13);border-radius:14px;background:rgba(7,12,21,.98);box-shadow:0 20px 55px rgba(0,0,0,.42);backdrop-filter:blur(18px);z-index:100}.home-page[dir="rtl"] .profile-dropdown{right:auto;left:0}.profile-dropdown-name{padding:9px 10px 11px;color:#f3f6fb;font-size:12px;font-weight:850;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:4px}.profile-dropdown a{display:block!important;padding:9px 10px;color:#aeb9ca!important;text-decoration:none!important;border-radius:9px;font-size:11px}.profile-dropdown a:hover{background:rgba(255,255,255,.05);color:#ffd36b!important}.profile-dropdown a.danger:hover{color:#ff8f8f!important}.auth-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:25px}.auth-choice{min-height:150px;padding:22px;border:1px solid rgba(196,210,236,.11);border-radius:15px;background:rgba(4,9,17,.6);color:#eef3fb;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;transition:.2s ease}.auth-choice:hover{transform:translateY(-2px);border-color:rgba(255,209,106,.4);background:rgba(255,255,255,.035)}.auth-choice-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(255,205,104,.09);border:1px solid rgba(255,205,104,.15);color:#ffd36b;font-size:18px}.auth-choice strong{font-size:14px}.auth-choice small{color:#758197;line-height:1.6;font-size:10px}.auth-choice.discord-choice .auth-choice-icon{background:rgba(91,142,255,.11);border-color:rgba(91,142,255,.2);color:#9fbeff}.auth-choice.disabled{opacity:.45;cursor:not-allowed}.dashboard-page .home-nav{align-items:center}.dashboard-page .profile-dropdown{top:calc(100% + 9px)}
@media(max-width:650px){.auth-choice-grid{grid-template-columns:1fr}.profile-dropdown{min-width:170px}.home-nav{gap:8px}}

/* ==========================================================================
   CENTRAL HOUSE UI V11 — Uiverse-adapted visual layer
   Sources adapted from open-source Uiverse components:
   - Animated button: https://uiverse.io/adeladel522/giant-earwig-69
   - Glass card: https://uiverse.io/vishalmet/selfish-earwig-66
   - Search input: https://uiverse.io/satyamchaudharydev/slippery-parrot-22
   - Dark tooltip: https://uiverse.io/Mohammad-Rahme-576/hard-starfish-64
   - Dark/yellow switch: https://uiverse.io/JkHuger/old-falcon-20
   Uiverse states its UI elements are published under MIT License.
   ========================================================================== */
:root{
  --v11-bg:#04070b;
  --v11-panel:rgba(9,14,22,.78);
  --v11-panel-2:rgba(12,18,28,.68);
  --v11-line:rgba(191,207,230,.12);
  --v11-line-strong:rgba(246,190,61,.28);
  --v11-gold:#f5bd3e;
  --v11-gold-2:#ffd96b;
  --v11-blue:#4f8cff;
  --v11-text:#f5f7fb;
  --v11-muted:#8794a9;
  --v11-green:#56da92;
}
html,body{background:var(--v11-bg);}
body{font-family:Inter,Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
  radial-gradient(circle at 8% 12%,rgba(245,189,62,.09),transparent 24%),
  radial-gradient(circle at 92% 84%,rgba(51,111,217,.10),transparent 27%),
  linear-gradient(180deg,#02050a 0%,#04070b 55%,#020307 100%) !important;}
body:before{background:radial-gradient(circle at 18% 20%,rgba(245,189,62,.08),transparent 22%),radial-gradient(circle at 86% 72%,rgba(60,122,255,.07),transparent 24%);}
.bg-grid{opacity:.024;background-size:38px 38px;}
.v11-ambient{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0%,rgba(255,207,90,.035),transparent 28%);}

/* Sidebar */
.admin-shell-page .topbar{
  height:70px;
  position:sticky;
  left:auto;
  top:0;
  margin-left:255px;
  padding:0 24px;border-bottom:1px solid rgba(255,255,255,.065);background:rgba(4,8,14,.80);backdrop-filter:blur(18px);}
.v11-has-sidebar .container{
  width:calc(100% - 285px);
  margin-left:255px;
  margin-right:30px;
  padding-top:30px;
}
.v11-sidebar{position:fixed;z-index:20;left:0;top:0;bottom:0;width:255px;padding:21px 15px 16px;background:linear-gradient(180deg,rgba(6,10,16,.97),rgba(3,7,12,.98));border-right:1px solid rgba(255,255,255,.065);box-shadow:20px 0 55px rgba(0,0,0,.20);display:flex;flex-direction:column;}
.v11-side-brand{display:flex;align-items:center;gap:11px;padding:9px 10px;margin-bottom:22px;text-decoration:none;color:var(--v11-text);}
.v11-side-brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(245,189,62,.48);background:radial-gradient(circle at 45% 40%,rgba(245,189,62,.13),rgba(7,11,18,.86));color:var(--v11-gold-2);font:800 21px Georgia,serif;box-shadow:0 0 24px rgba(245,189,62,.07),inset 0 1px rgba(255,255,255,.05);}
.v11-side-brand b{display:block;font-size:14px;line-height:1.0;letter-spacing:.2px;}
.v11-side-brand small{display:block;color:#6f7d91;font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-top:4px;}
.v11-side-label{margin:7px 10px 8px;color:#5e6a7e;font-size:9px;font-weight:900;letter-spacing:.22em;}
.v11-side-nav{display:grid;gap:5px;}
.v11-side-nav a,.v11-logout{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid transparent;border-radius:12px;color:#8b98ab;text-decoration:none;font-size:12px;font-weight:800;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;}
.v11-side-nav a:hover,.v11-logout:hover{color:#f3f5fa;background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.07);transform:translateX(2px);}
.v11-side-nav a.active{color:#ffd66d;background:linear-gradient(90deg,rgba(245,189,62,.11),rgba(245,189,62,.025));border-color:rgba(245,189,62,.17);box-shadow:inset 3px 0 0 rgba(245,189,62,.88),0 8px 22px rgba(0,0,0,.18);}
.v11-side-icon{width:18px;height:18px;flex:none;color:currentColor;display:grid;place-items:center;}
.v11-side-icon *{vector-effect:non-scaling-stroke;}
.v11-side-bottom{margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.055);display:grid;gap:10px;}
.v11-mode-row{display:flex;align-items:center;justify-content:space-between;color:#7d899b;font-size:9px;letter-spacing:.13em;font-weight:900;padding:0 9px;}
.v11-mode-row>span:first-child{display:flex;align-items:center;gap:7px;}
.v11-mode-dot{width:7px;height:7px;border-radius:50%;background:var(--v11-green);box-shadow:0 0 14px rgba(86,218,146,.65);animation:v11-pulse 2.1s ease-in-out infinite;}
.v11-live{color:#70d89c;}

/* Topbar / language */
.admin-shell-page .brand{color:#edf2f9;gap:9px;}
.admin-shell-page .brand span:last-child{font-size:13px;letter-spacing:.05em;}
.admin-shell-page .topbar nav{align-items:center;gap:3px;}
.admin-shell-page .topbar nav>a{font-size:11px;padding:8px 10px;border-radius:9px;color:#758296;}
.admin-shell-page .topbar nav>a:hover{color:#f7c95a;background:rgba(255,255,255,.025);}
.v11-lang{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(255,255,255,.08);background:rgba(5,9,15,.74);border-radius:10px;margin-left:4px;}
.v11-lang button{padding:5px 7px;border:0!important;background:transparent!important;color:#6f7e92!important;border-radius:7px!important;font-size:9px!important;font-weight:900;cursor:pointer;line-height:1;}
.v11-lang button.active{background:rgba(245,189,62,.12)!important;color:#ffd66d!important;box-shadow:inset 0 0 0 1px rgba(245,189,62,.16);}

/* Headings */
.hero,.page-head{margin-bottom:24px;}
.hero h1,.page-head h1{font-size:clamp(34px,4vw,54px);letter-spacing:-.035em;}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#f4c45a;font-size:10px;letter-spacing:.22em;}
.eyebrow:before{content:"";width:20px;height:1px;background:linear-gradient(90deg,transparent,#f4c45a);} 
.v11-fa .eyebrow{letter-spacing:0;font-size:11px;}

/* Uiverse-adapted glass cards / animated corner accents */
.card,.table-wrap,.profile-hero,.dashboard-card,.profile-card,.account-card,.login-card{position:relative;overflow:hidden;border:1px solid var(--v11-line)!important;background:linear-gradient(180deg,rgba(10,15,23,.84),rgba(5,9,15,.72))!important;border-radius:18px!important;box-shadow:0 14px 40px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025)!important;isolation:isolate;}
.card:before,.table-wrap:before,.profile-hero:before,.dashboard-card:before,.profile-card:before,.account-card:before,.login-card:before{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(245,189,62,.0) 0 63%,rgba(245,189,62,.32) 69%,rgba(76,139,255,.22) 76%,rgba(245,189,62,.0) 84%);opacity:.0;transform:translateX(-15%);transition:opacity .28s ease,transform .6s ease;z-index:-1;}
.card:hover:before,.table-wrap:hover:before,.profile-hero:hover:before,.dashboard-card:hover:before,.profile-card:hover:before,.account-card:hover:before,.login-card:hover:before{opacity:.8;transform:translateX(15%);}
.card:hover,.dashboard-card:hover,.profile-card:hover,.account-card:hover,.login-card:hover{border-color:rgba(245,189,62,.18)!important;box-shadow:0 20px 60px rgba(0,0,0,.22),0 0 0 1px rgba(245,189,62,.035),inset 0 1px rgba(255,255,255,.03)!important;}

/* Uiverse-adapted animated button */
.button,.home-cta,.account-discord{position:relative;overflow:hidden;border-radius:13px!important;border:1px solid rgba(245,189,62,.22)!important;background:linear-gradient(180deg,#ffd867,#efb52f)!important;color:#090c10!important;box-shadow:0 14px 34px rgba(245,189,62,.13),inset 0 1px rgba(255,255,255,.42)!important;transition:transform .2s ease,box-shadow .25s ease,border-color .25s ease!important;}
.button:after,.home-cta:after,.account-discord:after{content:"";position:absolute;top:-150%;left:-25%;width:24%;height:420%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.45),transparent);transform:rotate(22deg);transition:left .55s ease;pointer-events:none;}
.button:hover:after,.home-cta:hover:after,.account-discord:hover:after{left:115%;}
.button:hover,.home-cta:hover,.account-discord:hover{transform:translateY(-2px)!important;box-shadow:0 18px 44px rgba(245,189,62,.19),inset 0 1px rgba(255,255,255,.52)!important;}
.button.ghost{background:rgba(10,16,24,.66)!important;color:#d9e0eb!important;border-color:rgba(162,178,202,.16)!important;box-shadow:none!important;}
.button.ghost:hover{color:#ffd66d!important;border-color:rgba(245,189,62,.32)!important;background:rgba(17,23,32,.9)!important;}
.button.danger,.danger{background:linear-gradient(180deg,#5a2b31,#3d1e23)!important;color:#ffb9c0!important;border-color:rgba(255,114,128,.16)!important;}
.v11-icon-button{gap:9px!important;}
.v11-icon{width:16px;height:16px;flex:none;transition:transform .2s ease;}
.v11-icon-button:hover .v11-icon{transform:translateX(2px) scale(1.03);}

/* Uiverse-adapted search input */
.toolbar input,.add-card input,.login-card input,.role-select,.account-form input,.account-form textarea,.reply-box textarea{border:1px solid rgba(156,176,203,.13)!important;background:rgba(4,9,15,.74)!important;border-radius:13px!important;min-height:44px;color:#eef3fa!important;box-shadow:inset 0 1px rgba(255,255,255,.022),0 6px 20px rgba(0,0,0,.10);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;}
.toolbar input:focus,.add-card input:focus,.login-card input:focus,.role-select:focus,.account-form input:focus,.account-form textarea:focus,.reply-box textarea:focus{border-color:rgba(245,189,62,.44)!important;box-shadow:0 0 0 3px rgba(245,189,62,.06),0 8px 30px rgba(0,0,0,.16)!important;}
.v11-search-input{padding-left:43px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238693a8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.2'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center;background-size:17px 17px;}

/* Tables, pills, statuses */
th{background:rgba(255,255,255,.014)!important;}
tbody tr:hover{background:rgba(245,189,62,.022)!important;}
.pill,.status-badge,.role-state,.managed-badge{border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.03)!important;}
.pill.active,.status-open,.status-active{color:#73dca0!important;border-color:rgba(86,218,146,.18)!important;background:rgba(86,218,146,.08)!important;}
.status-closed{color:#9aa8bb!important;}

/* Public/account side of the same system */
.home-page{background:linear-gradient(180deg,#02050a,#04070b 62%,#020307)!important;}
.home-header{background:rgba(4,8,14,.72)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;backdrop-filter:blur(18px);}
.home-logo-mark{background:radial-gradient(circle at 45% 38%,rgba(245,189,62,.13),rgba(7,10,15,.92))!important;border-color:rgba(245,189,62,.55)!important;color:#ffd768!important;box-shadow:0 0 26px rgba(245,189,62,.08)!important;}
.home-nav a{transition:.2s ease;}
.home-nav a:hover{color:#ffd768!important;transform:translateY(-1px);}
.v11-language-pill{border-radius:8px!important;}
.home-cta{box-shadow:0 16px 40px rgba(245,189,62,.16)!important;}
.visual-frame,.account-card{box-shadow:0 24px 90px rgba(0,0,0,.35),0 0 80px rgba(245,189,62,.035)!important;}

/* Tooltips (Uiverse-adapted dark clean treatment) */
[data-v11-tooltip]{position:relative;}
[data-v11-tooltip]:hover:after{content:attr(data-v11-tooltip);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%) translateY(3px);padding:7px 9px;border-radius:8px;border:1px solid rgba(245,189,62,.17);background:#0b111a;color:#f4f6fa;font-size:10px;font-weight:800;letter-spacing:.02em;white-space:nowrap;box-shadow:0 14px 30px rgba(0,0,0,.34);opacity:1;animation:v11-tooltip-in .14s ease forwards;z-index:100;}

.v11-reveal{animation:v11-reveal .42s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--v11-delay,0ms);}
@keyframes v11-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes v11-tooltip-in{from{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes v11-pulse{0%,100%{transform:scale(.9);opacity:.65}50%{transform:scale(1.1);opacity:1}}

/* RTL admin mirror */
html[dir="rtl"] .admin-shell-page .topbar{margin-left:0;margin-right:255px;}
html[dir="rtl"] .v11-sidebar{left:auto;right:0;border-right:0;border-left:1px solid rgba(255,255,255,.065);}
html[dir="rtl"] .v11-has-sidebar .container{margin-left:30px;margin-right:255px;}
html[dir="rtl"] .v11-side-nav a:hover,.v11-logout:hover{transform:translateX(-2px);}
html[dir="rtl"] .v11-side-nav a.active{box-shadow:inset -3px 0 0 rgba(245,189,62,.88),0 8px 22px rgba(0,0,0,.18);}
html[dir="rtl"] .v11-search-input{padding-left:14px!important;padding-right:43px!important;background-position:right 14px center;}
html[dir="rtl"] .v11-icon-button:hover .v11-icon{transform:translateX(-2px) scale(1.03);}

@media(max-width:900px){
  .admin-shell-page .topbar{margin-left:0!important;margin-right:0!important;padding:0 18px;}
  .v11-has-sidebar .container{width:min(94%,1480px)!important;margin:0 auto!important;}
  .v11-sidebar{position:static;width:auto;height:auto;display:block;margin:10px 12px 0;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:10px;box-shadow:none;}
  .v11-side-brand{display:inline-flex;margin:0 8px 9px;}
  .v11-side-label,.v11-side-bottom{display:none;}
  .v11-side-nav{display:flex;overflow:auto;gap:7px;padding:2px;}
  .v11-side-nav a{white-space:nowrap;padding:9px 11px;}
  .v11-side-nav a.active{box-shadow:inset 0 -2px 0 rgba(245,189,62,.88);} 
  .v11-side-nav + .v11-side-label{margin-top:0;}
}
@media(max-width:620px){
  .admin-shell-page .topbar nav>a{display:none;}
  .admin-shell-page .topbar{height:62px;}
  .v11-lang{margin-left:auto;}
  .hero h1,.page-head h1{font-size:34px;}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}}
html.v11-motion-off *,html.v11-motion-off *::before,html.v11-motion-off *::after{animation-play-state:paused!important;transition:none!important;}
/* V11 login/footer corrections */
.login-v11-page .topbar{margin-left:0!important;margin-right:0!important;}
.admin-shell-page footer.site-footer{position:relative;z-index:5;margin-left:255px;left:auto;right:auto;}
html[dir="rtl"] .admin-shell-page footer.site-footer{margin-left:0;margin-right:255px;}
@media(max-width:900px){.admin-shell-page footer.site-footer{margin-left:0!important;margin-right:0!important;}}
/* Login has no sidebar, so its footer must use the full width */
.login-v11-page footer.site-footer{
  margin-left:0!important;
  margin-right:0!important;
  left:0;
  right:0;
  width:100%;
}

@media (max-width:1200px){
  .v11-sidebar{
    width:225px;
  }

  .admin-shell-page .topbar{
    margin-left:225px;
  }

  .v11-has-sidebar .container{
    width:calc(100% - 255px);
    margin-left:225px;
    margin-right:30px;
  }

  .v11-side-nav a,
  .v11-logout{
    padding:10px 10px;
    font-size:11px;
  }
}

@media (max-width:850px){
  .v11-sidebar{
    width:72px;
    padding:16px 9px;
  }

  .v11-side-brand{
    justify-content:center;
    padding:7px 0;
  }

  .v11-side-brand > span:last-child,
  .v11-side-label,
  .v11-side-nav a span:last-child,
  .v11-mode-row span:last-child,
  .v11-logout span:last-child{
    display:none;
  }

  .v11-side-nav a,
  .v11-logout{
    justify-content:center;
    padding:11px 8px;
  }

  .admin-shell-page .topbar{
    margin-left:72px;
    padding:0 14px;
  }

  .v11-has-sidebar .container{
    width:calc(100% - 92px);
    margin-left:72px;
    margin-right:20px;
    padding-top:24px;
  }
}
/* =========================================================
   CENTRAL HOUSE — GIVEAWAY PAGE
   Matches the main V11 design system
========================================================= */

.gw-container{
  position:relative;
  z-index:1;
  width:min(1240px,92%);
  margin:0 auto;
  padding:42px 0 100px;
}

/* Header */
.gw-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:24px;
}

.gw-brand{
  display:flex;
  align-items:center;
  gap:11px;
  color:var(--v11-text);
}

.gw-logo{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid rgba(245,189,62,.48);
  background:
    radial-gradient(
      circle at 45% 40%,
      rgba(245,189,62,.14),
      rgba(7,11,18,.9)
    );
  color:var(--v11-gold-2);
  font:800 21px Georgia,serif;
  box-shadow:
    0 0 24px rgba(245,189,62,.07),
    inset 0 1px rgba(255,255,255,.05);
}

.gw-brand h1{
  margin:0;
  font-size:17px;
  font-weight:850;
  letter-spacing:.2px;
}

.gw-brand p{
  margin:3px 0 0;
  color:var(--v11-muted);
  font-size:10px;
}

/* Header buttons */
.gw-header-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.gw-btn{
  position:relative;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:40px;
  padding:9px 14px;
  border:1px solid rgba(245,189,62,.22);
  border-radius:11px;
  background:linear-gradient(180deg,#ffd867,#efb52f);
  color:#090c10;
  font:800 12px Inter,Montserrat,Arial,sans-serif;
  text-decoration:none;
  cursor:pointer;
  box-shadow:
    0 10px 28px rgba(245,189,62,.12),
    inset 0 1px rgba(255,255,255,.42);
  transition:
    transform .2s ease,
    box-shadow .25s ease,
    border-color .25s ease,
    background .25s ease;
}

.gw-btn:after{
  content:"";
  position:absolute;
  top:-150%;
  left:-25%;
  width:24%;
  height:420%;
  background:linear-gradient(
    180deg,
    transparent,
    rgba(255,255,255,.45),
    transparent
  );
  transform:rotate(22deg);
  transition:left .55s ease;
  pointer-events:none;
}

.gw-btn:hover{
  transform:translateY(-2px);
  box-shadow:
    0 16px 38px rgba(245,189,62,.18),
    inset 0 1px rgba(255,255,255,.52);
}

.gw-btn:hover:after{
  left:115%;
}

.gw-btn-secondary{
  background:rgba(10,16,24,.72);
  color:#d9e0eb;
  border-color:rgba(162,178,202,.16);
  box-shadow:none;
}

.gw-btn-secondary:hover{
  color:#ffd66d;
  border-color:rgba(245,189,62,.32);
  background:rgba(17,23,32,.9);
}

/* Hero */
.gw-hero{
  position:relative;
  overflow:hidden;
  margin-bottom:20px;
  padding:27px 29px;
  border:1px solid var(--v11-line);
  border-radius:18px;
  background:
    radial-gradient(
      circle at 8% 20%,
      rgba(245,189,62,.11),
      transparent 32%
    ),
    linear-gradient(
      180deg,
      rgba(10,15,23,.88),
      rgba(5,9,15,.75)
    );
  box-shadow:
    0 14px 40px rgba(0,0,0,.18),
    inset 0 1px rgba(255,255,255,.025);
}

.gw-hero:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(245,189,62,.4),
    transparent
  );
}

.gw-hero h2{
  margin:0 0 7px;
  color:#f5f7fb;
  font-size:25px;
  letter-spacing:-.5px;
}

.gw-hero p{
  margin:0;
  color:var(--v11-muted);
  font-size:13px;
}

/* Main grid */
.gw-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:18px;
  align-items:start;
}

/* Cards */
.gw-card{
  position:relative;
  overflow:hidden;
  min-width:0;
  padding:24px;
  border:1px solid var(--v11-line);
  border-radius:18px;
  background:
    linear-gradient(
      180deg,
      rgba(10,15,23,.86),
      rgba(5,9,15,.74)
    );
  box-shadow:
    0 14px 40px rgba(0,0,0,.18),
    inset 0 1px rgba(255,255,255,.025);
  isolation:isolate;
}

.gw-card:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(
      135deg,
      transparent 0 63%,
      rgba(245,189,62,.28) 69%,
      rgba(76,139,255,.18) 76%,
      transparent 84%
    );
  opacity:0;
  transform:translateX(-15%);
  transition:opacity .28s ease,transform .6s ease;
  z-index:-1;
}

.gw-card:hover:before{
  opacity:.75;
  transform:translateX(15%);
}

.gw-card h3{
  margin:0 0 6px;
  color:#f4f7fb;
  font-size:19px;
}

.gw-card-description{
  margin:0 0 22px;
  color:var(--v11-muted);
  font-size:12px;
}

/* Fields */
.gw-field{
  margin-bottom:16px;
}

.gw-field label{
  display:block;
  margin-bottom:7px;
  color:#cbd5e5;
  font-size:11px;
  font-weight:800;
}

.gw-field input,
.gw-field textarea,
.gw-field select{
  display:block;
  width:100%;
  min-height:44px;
  padding:11px 13px;
  border:1px solid rgba(156,176,203,.13);
  border-radius:13px;
  outline:none;
  background:rgba(4,9,15,.74);
  color:#eef3fa;
  font:inherit;
  font-size:13px;
  box-shadow:
    inset 0 1px rgba(255,255,255,.022),
    0 6px 20px rgba(0,0,0,.10);
  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

.gw-field textarea{
  min-height:115px;
  resize:vertical;
  line-height:1.7;
}

.gw-field input:focus,
.gw-field textarea:focus,
.gw-field select:focus{
  border-color:rgba(245,189,62,.44);
  background:rgba(4,9,15,.9);
  box-shadow:
    0 0 0 3px rgba(245,189,62,.06),
    0 8px 30px rgba(0,0,0,.16);
}

.gw-field input::placeholder,
.gw-field textarea::placeholder{
  color:#657185;
}

.gw-field select option{
  background:#080e17;
  color:#eef3fa;
}

/* Two-column form */
.gw-form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
}

.gw-help{
  display:block;
  margin-top:6px;
  color:#68758a;
  font-size:10px;
}

/* Submit */
.gw-submit{
  width:100%;
  min-height:46px;
  margin-top:4px;
  font-weight:900;
}

.gw-submit:disabled{
  opacity:.5;
  cursor:wait;
  transform:none!important;
}

/* Alerts */
.gw-alert{
  position:relative;
  margin-bottom:15px;
  padding:12px 14px;
  border:1px solid var(--v11-line);
  border-radius:12px;
  background:rgba(10,15,23,.82);
  color:#dfe6f2;
  font-size:12px;
  overflow-wrap:anywhere;
  animation:gw-alert-in .35s ease both;
}

.gw-alert-error{
  border-color:rgba(255,104,104,.24);
  color:#ffb5b5;
  background:rgba(70,24,29,.35);
}

.gw-alert-success{
  border-color:rgba(86,218,146,.22);
  color:#9be8b9;
  background:rgba(20,70,45,.25);
}

/* Giveaway list */
.gw-list{
  display:grid;
  gap:11px;
  margin-top:17px;
}

.gw-item{
  position:relative;
  padding:16px;
  border:1px solid rgba(156,176,203,.11);
  border-radius:13px;
  background:
    linear-gradient(
      145deg,
      rgba(16,23,34,.78),
      rgba(6,11,18,.72)
    );
  transition:
    transform .2s ease,
    border-color .2s ease,
    background .2s ease;
}

.gw-item:hover{
  transform:translateY(-2px);
  border-color:rgba(245,189,62,.22);
  background:
    linear-gradient(
      145deg,
      rgba(20,29,42,.85),
      rgba(7,12,20,.78)
    );
}

.gw-item-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.gw-item h4{
  margin:0;
  color:#f3f6fb;
  font-size:14px;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.gw-badge{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  color:#8794a9;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}

.gw-badge-active{
  color:#73dca0;
  border-color:rgba(86,218,146,.18);
  background:rgba(86,218,146,.08);
}

.gw-item p{
  margin:6px 0;
  color:#7f8da3;
  font-size:11px;
  line-height:1.7;
  overflow-wrap:anywhere;
}

.gw-item strong{
  color:#cbd5e5;
}

/* Empty state */
.gw-empty{
  padding:32px 16px;
  border:1px dashed rgba(156,176,203,.15);
  border-radius:13px;
  color:#68758a;
  text-align:center;
  background:rgba(5,9,15,.35);
}

.gw-empty strong{
  color:#9daabd;
  font-size:12px;
}

.gw-empty p{
  color:#667388;
  font-size:10px;
}

/* Error box */
.gw-error-box{
  padding:13px;
  border:1px solid rgba(255,104,104,.22);
  border-radius:11px;
  color:#ffb5b5;
  background:rgba(70,24,29,.3);
  overflow-wrap:anywhere;
}

/* Footer */
.gw-footer{
  margin-top:25px;
  padding:15px 0;
  color:#68758a;
  font-size:10px;
  text-align:center;
}

/* Animation */
@keyframes gw-alert-in{
  from{
    opacity:0;
    transform:translateY(7px);
  }
  to{
    opacity:1;
    transform:none;
  }
}

/* Responsive */
@media(max-width:850px){
  .gw-grid{
    grid-template-columns:1fr;
  }

  .gw-header{
    align-items:flex-start;
    flex-direction:column;
  }

  .gw-header-actions{
    width:100%;
  }

  .gw-header-actions .gw-btn{
    flex:1;
  }
}

@media(max-width:560px){
  .gw-container{
    width:min(100% - 26px,1240px);
    padding-top:25px;
  }

  .gw-hero{
    padding:21px;
  }

  .gw-hero h2{
    font-size:21px;
  }

  .gw-card{
    padding:18px;
  }

  .gw-form-row{
    grid-template-columns:1fr;
    gap:0;
  }

  .gw-item-header{
    align-items:flex-start;
    flex-direction:column;
  }

  .gw-badge{
    align-self:flex-start;
  }
}

@media(prefers-reduced-motion:reduce){
  .gw-card,
  .gw-item,
  .gw-btn,
  .gw-alert{
    animation:none!important;
    transition:none!important;
  }
}
/* FINAL FIX */
html,
body {
    margin: 0 !important;
    padding: 0 !important;
    background: #04070b !important;
    color: #f5f7fb !important;
}

body {
    font-family: Inter, Montserrat, Arial, sans-serif !important;
    overflow-x: hidden !important;
}

.card,
.gw-card,
.account-card,
.dashboard-card,
.profile-card,
.login-card,
.table-wrap {
    background: linear-gradient(
        180deg,
        rgba(10,15,23,.95),
        rgba(5,9,15,.95)
    ) !important;
    border: 1px solid rgba(245,189,62,.20) !important;
}

.button,
.gw-btn,
.home-cta {
    background: linear-gradient(
        180deg,
        #ffd867,
        #efb52f
    ) !important;
    color: #090c10 !important;
}

input,
textarea,
select,
.role-select {
    background: #04090f !important;
    color: #eef3fa !important;
    border-color: rgba(156,176,203,.20) !important;
}

a {
    color: inherit;
}

img {
    max-width: 100%;
}
/* ===== GIVEAWAY FINAL THEME ===== */

body.giveaway-page,
body:has(.gw-container) {
    background: #04070b !important;
    color: #f5f7fb !important;
}

.gw-container {
    background: transparent !important;
    color: #f5f7fb !important;
}

.gw-card,
.gw-container .card {
    background: linear-gradient(
        180deg,
        #0b111a 0%,
        #05090f 100%
    ) !important;

    border: 1px solid rgba(245, 189, 62, .25) !important;
    color: #f5f7fb !important;
    box-shadow: 0 10px 35px rgba(0,0,0,.35) !important;
}

.gw-card h1,
.gw-card h2,
.gw-card h3,
.gw-card h4,
.gw-card p,
.gw-card span,
.gw-card label {
    color: #f5f7fb !important;
}

.gw-btn,
.gw-container button {
    background: linear-gradient(
        180deg,
        #ffd867,
        #efb52f
    ) !important;

    color: #090c10 !important;
    border: none !important;
}

.gw-container input,
.gw-container textarea,
.gw-container select {
    background: #04090f !important;
    color: #f5f7fb !important;
    border: 1px solid rgba(156,176,203,.25) !important;
}

.gw-container a {
    color: #ffd867 !important;
}

/* Giveaway page: keep the glass surface and follow the sidebar direction. */
body:has(.gw-container) {
  background:
    radial-gradient(circle at 12% 8%, rgba(190,44,75,.24), transparent 30%),
    radial-gradient(circle at 90% 85%, rgba(104,19,42,.20), transparent 32%),
    linear-gradient(135deg, #17090d, #280d17 52%, #10060a) !important;
}

.admin-shell-page .gw-container {
  margin-left: 285px;
  margin-right: 32px;
}

html[dir="rtl"] .admin-shell-page .gw-container {
  margin-left: 32px;
  margin-right: 285px;
}

.gw-card,
.gw-container .card {
  background: rgba(54,18,27,.64) !important;
  border-color: rgba(255,151,166,.22) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.07), 0 18px 45px rgba(0,0,0,.2) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.gw-btn,
.gw-container button,
.gw-container .gw-btn-secondary {
  background: rgba(104,26,48,.72) !important;
  color: #fff4f5 !important;
  border: 1px solid rgba(255,173,190,.34) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.12), 0 8px 24px rgba(65,8,24,.25) !important;
}

.gw-btn:hover,
.gw-container button:hover,
.gw-container .gw-btn-secondary:hover {
  background: rgba(177,48,79,.86) !important;
  color: #ffffff !important;
}

.gw-container a.gw-btn,
.gw-container a.gw-btn:hover {
  color: #fff4f5 !important;
}

@media(max-width:900px) {
  .admin-shell-page .gw-container,
  html[dir="rtl"] .admin-shell-page .gw-container {
    width: min(94%, 1200px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}