@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700;800&family=Orbitron:wght@500;600;700;800;900&display=swap');
:root{--bg:#071226;--panel:rgba(18,34,67,.62);--panel-strong:rgba(16,31,61,.86);--line:rgba(143,181,255,.22);--line-strong:rgba(128,174,255,.42);--text:#f2f6ff;--muted:#9eafd0;--blue:#4b8dff;--blue-bright:#79b3ff;--cyan:#62d9ff;--violet:#9973ff;--green:#65e4a1;--danger:#ff7184;--shadow:0 28px 80px rgba(0,0,0,.34);--radius:22px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--text);background:radial-gradient(circle at 12% 4%,rgba(82,142,255,.2),transparent 31rem),radial-gradient(circle at 88% 22%,rgba(155,105,255,.17),transparent 32rem),radial-gradient(circle at 52% 100%,rgba(50,173,255,.1),transparent 35rem),var(--bg);font-family:'Exo 2',system-ui,sans-serif;line-height:1.5;overflow-x:hidden}body:before{position:fixed;inset:0;z-index:-3;pointer-events:none;content:'';opacity:.28;background-image:linear-gradient(rgba(126,173,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(126,173,255,.055) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 90%)}body:after{position:fixed;top:10%;right:-12rem;z-index:-2;width:28rem;height:28rem;pointer-events:none;content:'';border-radius:50%;background:rgba(91,117,255,.14);filter:blur(90px)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.background-grid{position:fixed;inset:0;z-index:-4;pointer-events:none}.background-orb{position:fixed;z-index:-2;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:.45}.orb-one{top:25%;left:-13rem;width:25rem;height:25rem;background:rgba(53,157,255,.16)}.orb-two{right:4%;bottom:8%;width:18rem;height:18rem;background:rgba(165,94,255,.13)}
.section-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{position:relative;z-index:5;width:min(1180px,calc(100% - 40px));min-height:78px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(148,182,255,.12)}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{display:grid;width:38px;height:38px;place-items:center;color:#fff;border:1px solid rgba(170,211,255,.55);border-radius:12px;background:linear-gradient(145deg,#73b3ff,#6559e9 74%);box-shadow:0 0 24px rgba(77,135,255,.42),inset 0 1px 1px rgba(255,255,255,.55);font:900 1.15rem 'Orbitron',sans-serif}.brand-name{display:flex;align-items:baseline;gap:7px;letter-spacing:.08em}.brand-name strong{font:800 .88rem 'Orbitron',sans-serif}.brand-name em{color:var(--blue-bright);font:700 .6rem 'Orbitron',sans-serif;font-style:normal;letter-spacing:.15em}.main-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.main-nav a,.chat-nav a,.admin-chat-nav a{padding:9px 13px;color:var(--muted);border:1px solid transparent;border-radius:10px;font-size:.82rem;transition:.2s ease}.main-nav a:hover,.main-nav a.active,.chat-nav a:hover,.chat-nav a.active,.admin-chat-nav a:hover,.admin-chat-nav a.active{color:var(--text);border-color:var(--line);background:rgba(117,165,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.header-actions{display:flex;align-items:center;gap:8px}.header-user{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.header-user-name{color:#eaf2ff}
.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:9px;padding:0 17px;color:var(--text);border:1px solid var(--line-strong);border-radius:12px;background:rgba(85,125,209,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.09);cursor:pointer;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);background:rgba(111,155,255,.2);box-shadow:0 12px 28px rgba(51,109,255,.15),inset 0 1px 0 rgba(255,255,255,.12)}.button:disabled{cursor:wait;opacity:.6;transform:none}.button-primary{color:#fff;border-color:rgba(142,197,255,.68);background:linear-gradient(120deg,#4a8fff,#7165e9);box-shadow:0 12px 30px rgba(65,126,255,.24),inset 0 1px 0 rgba(255,255,255,.3)}.button-primary:hover{background:linear-gradient(120deg,#62a0ff,#8975f5)}.button-ghost{background:rgba(255,255,255,.045)}.button-small{min-height:36px;padding-inline:12px;font-size:.75rem}.button-large{min-height:52px;padding-inline:21px}
.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);align-items:center;gap:50px;min-height:640px;padding-block:68px 54px}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue-bright);font:700 .7rem 'Orbitron',sans-serif;letter-spacing:.17em}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}h1,h2,h3,p{margin:0}.hero h1{max-width:700px;margin-top:18px;font:800 clamp(3.1rem,7vw,6.2rem)/.98 'Orbitron',sans-serif;letter-spacing:-.075em}.hero h1 span,h2 span{color:var(--blue-bright);text-shadow:0 0 25px rgba(92,157,255,.26)}.hero-description{max-width:570px;margin-top:23px;color:var(--muted);font-size:1.06rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}.hero-meta{display:flex;flex-wrap:wrap;gap:17px;margin-top:23px;color:#899cc0;font-size:.8rem}.status-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.hero-visual{position:relative;min-height:445px;display:grid;place-items:center;isolation:isolate}.hero-visual:before{position:absolute;inset:13% 3%;content:'';border:1px solid rgba(136,181,255,.24);border-radius:50%;transform:rotate(-16deg);box-shadow:0 0 80px rgba(71,127,255,.15)}.visual-glow{position:absolute;width:18rem;height:18rem;border-radius:50%;background:rgba(89,134,255,.25);filter:blur(55px)}.arena-ring{position:absolute;width:300px;height:300px;border:1px solid rgba(133,183,255,.42);border-radius:50%;transform:rotateX(65deg) rotateZ(20deg);box-shadow:0 0 45px rgba(94,142,255,.2)}.ring-back{width:380px;height:380px;border-style:dashed;opacity:.5;animation:spin 22s linear infinite}.ring-front{transform:rotateX(65deg) rotateZ(-26deg);border-color:rgba(208,151,255,.5);animation:spin-reverse 16s linear infinite}.arena-core{position:relative;z-index:2;display:grid;width:170px;height:170px;place-items:center;border:1px solid rgba(173,211,255,.58);border-radius:35px;background:linear-gradient(145deg,rgba(110,174,255,.24),rgba(113,89,237,.18));box-shadow:0 0 45px rgba(71,141,255,.4),inset 0 1px 0 rgba(255,255,255,.36);transform:rotate(45deg)}.core-letter{color:#f1f6ff;transform:rotate(-45deg);font:900 5.7rem 'Orbitron',sans-serif;text-shadow:0 0 30px rgba(117,189,255,.85)}.core-line{position:absolute;width:2px;height:125%;background:linear-gradient(transparent,rgba(135,207,255,.9),transparent)}.line-a{transform:rotate(45deg)}.line-b{transform:rotate(-45deg)}.line-c{transform:rotate(90deg);opacity:.4}.floating-block{position:absolute;z-index:1;width:46px;height:46px;border:1px solid rgba(137,188,255,.45);border-radius:12px;background:linear-gradient(145deg,rgba(105,179,255,.22),rgba(100,73,225,.2));box-shadow:0 0 25px rgba(73,143,255,.23);transform:rotate(25deg)}.block-one{top:16%;right:17%;animation:float 6s ease-in-out infinite}.block-two{bottom:15%;left:14%;width:32px;height:32px;animation:float 7s 1s ease-in-out infinite}.block-three{top:27%;left:6%;width:22px;height:22px;animation:float 5s 2s ease-in-out infinite}.visual-label{position:absolute;color:#86a9dc;font:600 .6rem 'Orbitron',sans-serif;letter-spacing:.2em}.label-top{top:5%;right:8%}.label-bottom{bottom:9%;left:12%;color:#b394ff}@keyframes spin{to{transform:rotateX(65deg) rotateZ(380deg)}}@keyframes spin-reverse{to{transform:rotateX(65deg) rotateZ(-386deg)}}@keyframes float{50%{transform:translateY(-13px) rotate(35deg)}}
.info-strip{display:grid;grid-template-columns:1fr 1.25fr auto;align-items:center;gap:20px;padding:21px 24px;border:1px solid var(--line);border-radius:18px;background:rgba(22,43,82,.44);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(20px)}.info-item{display:flex;align-items:center;gap:12px;min-width:0}.info-item small{display:block;color:var(--muted);font-size:.7rem}.info-item strong{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.info-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;color:var(--cyan);border:1px solid var(--line);border-radius:11px;background:rgba(90,159,255,.11);font-size:1.2rem}.info-link{color:var(--blue-bright);font-weight:700;font-size:.83rem;white-space:nowrap}.section-block{padding-block:110px 15px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-heading h2,.split-copy h2{margin-top:13px;font:800 clamp(2rem,4vw,3.5rem)/1.05 'Orbitron',sans-serif;letter-spacing:-.06em}.section-heading p{max-width:390px;color:var(--muted);line-height:1.65}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mode-card{position:relative;min-height:220px;padding:25px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(38,66,119,.48),rgba(14,28,57,.57));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px);transition:.25s}.mode-card:hover{transform:translateY(-5px);border-color:rgba(126,181,255,.57);box-shadow:0 18px 40px rgba(42,94,191,.18)}.mode-card.featured{background:linear-gradient(145deg,rgba(60,108,200,.5),rgba(70,65,161,.3))}.mode-number{position:absolute;top:21px;right:23px;color:rgba(181,205,255,.45);font:700 .7rem 'Orbitron',sans-serif}.mode-icon{display:grid;width:42px;height:42px;place-items:center;color:var(--cyan);border:1px solid rgba(112,192,255,.32);border-radius:13px;background:rgba(84,170,255,.11);font-size:1.25rem}.mode-card h3{margin-top:22px;font:800 1.12rem 'Orbitron',sans-serif}.mode-card p{max-width:270px;margin-top:9px;color:var(--muted);line-height:1.55;font-size:.9rem}.mode-tag{display:inline-block;margin-top:16px;color:var(--cyan);font:700 .58rem 'Orbitron',sans-serif;letter-spacing:.13em}
.split-section{display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:70px;padding-top:125px}.split-copy p{max-width:480px;margin-top:18px;color:var(--muted);line-height:1.7}.split-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px}.text-link{color:var(--blue-bright);font-weight:700}.dashboard-preview{min-height:300px;overflow:hidden;border:1px solid var(--line-strong);border-radius:20px;background:linear-gradient(145deg,rgba(37,65,118,.55),rgba(11,24,50,.72));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(20px);transform:perspective(800px) rotateY(-3deg)}.preview-top{display:flex;align-items:center;gap:7px;padding:16px 19px;border-bottom:1px solid var(--line)}.preview-dot{width:7px;height:7px;border-radius:50%}.preview-dot.red{background:#ff7288}.preview-dot.yellow{background:#ffd36d}.preview-dot.green{background:#61e6a0}.preview-title{margin-left:9px;color:#a4bce9;font:600 .63rem 'Orbitron',sans-serif;letter-spacing:.1em}.preview-content{display:grid;grid-template-columns:60px 1fr;min-height:245px}.preview-sidebar{display:grid;align-content:start;justify-items:center;gap:19px;padding-top:24px;border-right:1px solid var(--line);color:#7187b2}.preview-sidebar .side-active{color:var(--cyan)}.preview-main{padding:24px 28px}.preview-main small{color:var(--blue-bright);font:700 .58rem 'Orbitron',sans-serif;letter-spacing:.14em}.preview-main h3{margin-top:8px;font:700 1.3rem 'Orbitron',sans-serif}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px}.preview-cards span{height:48px;border:1px solid var(--line);border-radius:9px;background:rgba(112,164,255,.12)}.preview-chart{display:flex;align-items:end;gap:8px;height:75px;margin-top:22px}.preview-chart i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#7aabff,#5c6ee8);box-shadow:0 0 14px rgba(101,152,255,.23)}.preview-chart i:nth-child(1){height:32%}.preview-chart i:nth-child(2){height:55%}.preview-chart i:nth-child(3){height:43%}.preview-chart i:nth-child(4){height:78%}.preview-chart i:nth-child(5){height:61%}.preview-chart i:nth-child(6){height:92%}.preview-chart i:nth-child(7){height:73%}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:120px;padding-block:27px;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}.footer-brand{color:var(--text)}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:var(--blue-bright)}.toast{position:fixed;right:22px;bottom:22px;z-index:10;padding:13px 17px;color:var(--text);border:1px solid var(--line-strong);border-radius:12px;background:rgba(25,48,94,.85);box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s;backdrop-filter:blur(18px)}.toast.show{opacity:1;transform:translateY(0)}
.chat-page,.admin-chat-page{padding-inline:16px}.chat-header,.admin-chat-header{width:min(1180px,100%);min-height:78px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(148,182,255,.12)}.chat-nav,.admin-chat-nav{display:flex;align-items:center;gap:6px}.chat-shell,.admin-chat-shell{width:min(920px,100%);margin:55px auto 0}.chat-heading,.admin-chat-heading{margin-bottom:26px}.chat-eyebrow,.admin-chat-eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue-bright);font:700 .7rem 'Orbitron',sans-serif;letter-spacing:.2em}.chat-eyebrow:before,.admin-chat-eyebrow:before{width:7px;height:7px;content:'';border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.chat-heading h1,.admin-chat-heading h1{margin-top:14px;font:800 clamp(2rem,5vw,3.6rem)/1.05 'Orbitron',sans-serif;letter-spacing:-.06em}.chat-heading h1 span,.admin-chat-heading h1 span{color:var(--blue-bright)}.chat-heading p,.admin-chat-heading p{margin-top:12px;color:var(--muted)}.chat-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(22px)}.chat-card-top{min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid var(--line)}.chat-card-title{display:flex;align-items:center;gap:11px;font:700 .82rem 'Orbitron',sans-serif;letter-spacing:.08em}.chat-card-title:before{content:'S';display:grid;width:28px;height:28px;place-items:center;color:#06111e;border-radius:9px;background:linear-gradient(135deg,var(--cyan),var(--violet));font:900 .9rem 'Orbitron',sans-serif}.online-badge,.admin-badge{padding:7px 10px;color:#bdfde1;border:1px solid rgba(73,237,154,.32);border-radius:999px;background:rgba(73,237,154,.08);font:700 .62rem 'Orbitron',sans-serif;letter-spacing:.1em}.chat-message{border-color:var(--line)!important;border-radius:14px!important;background:rgba(68,108,184,.1)!important}.chat-message.mine{border-color:rgba(98,217,255,.42)!important;background:rgba(76,160,255,.13)!important}.chat-message-user{color:var(--blue-bright)!important}.chat-message-time{color:var(--muted)!important}.chat-message-text{color:var(--text)!important}.back-link{color:var(--muted)}.back-link:hover{color:var(--cyan)}body.chat-page,body.admin-chat-page{background:radial-gradient(circle at 10% 10%,rgba(82,142,255,.2),transparent 31rem),radial-gradient(circle at 90% 78%,rgba(155,105,255,.17),transparent 32rem),var(--bg)!important}.chat-page-grid,.admin-chat-grid{opacity:.22!important;background-image:linear-gradient(rgba(126,173,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(126,173,255,.055) 1px,transparent 1px)!important}.chat-card,.admin-chat-page .chat-card{border-color:var(--line)!important;background:var(--panel-strong)!important;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.07)!important}#chatInput{border-color:var(--line)!important;background:rgba(21,42,80,.46)!important}#chatInput:focus{border-color:var(--cyan)!important;box-shadow:0 0 0 3px rgba(98,217,255,.11)!important}#sendChatButton{color:#fff!important;border:1px solid rgba(142,197,255,.68)!important;background:linear-gradient(120deg,#4a8fff,#7165e9)!important;box-shadow:0 12px 30px rgba(65,126,255,.24)!important}
@media(max-width:950px){.hero{grid-template-columns:1fr;padding-top:54px}.hero-copy{max-width:720px}.hero-visual{min-height:380px}.mode-grid{grid-template-columns:repeat(2,1fr)}.split-section{grid-template-columns:1fr;gap:35px}.dashboard-preview{max-width:700px}.main-nav{order:3;width:100%;justify-content:center;margin:0}.site-header{flex-wrap:wrap;padding-block:17px}.site-header .header-actions{margin-left:auto}}@media(max-width:700px){.section-shell,.site-header{width:min(100% - 26px,1180px)}.site-header{gap:12px}.brand-name em{display:none}.main-nav{justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.main-nav a{padding:8px 10px;white-space:nowrap;font-size:.74rem}.header-actions{max-width:56%;justify-content:flex-end}.header-actions>.button{padding-inline:10px;font-size:.7rem}.hero{min-height:auto;padding-block:55px 35px}.hero h1{font-size:clamp(2.65rem,14vw,4.5rem)}.hero-description{font-size:.95rem}.hero-visual{min-height:300px;transform:scale(.82);margin:-20px 0}.info-strip{grid-template-columns:1fr;gap:14px;padding:18px}.info-link{justify-self:start}.section-block{padding-top:75px}.section-heading{display:block}.section-heading p{margin-top:16px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:195px}.split-section{padding-top:80px}.dashboard-preview{transform:none}.preview-main{padding:20px 16px}.site-footer{display:grid;justify-content:stretch;margin-top:75px}.footer-links{gap:12px}.chat-header,.admin-chat-header{min-height:70px;flex-wrap:wrap;padding-block:13px}.chat-nav,.admin-chat-nav{overflow-x:auto;max-width:100%}.chat-nav a,.admin-chat-nav a{padding:7px 8px;white-space:nowrap;font-size:.72rem}.chat-shell,.admin-chat-shell{margin-top:38px}.chat-card-top{padding-inline:16px}.chat-compose{grid-template-columns:1fr!important}.chat-compose button{width:100%}.chat-card #chatMessages{min-height:360px;padding:16px}.header-user-name{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Astralsmp scenic Minecraft background */

/* Reference-matched layout: clean scene plus real HTML interface */
body:not(.chat-page):not(.admin-chat-page){background:linear-gradient(90deg,rgba(3,11,29,.88) 0%,rgba(4,13,32,.60) 45%,rgba(3,11,28,.18) 100%),linear-gradient(180deg,rgba(3,11,28,.12) 0%,rgba(3,11,28,.72) 92%),url('assets/sxcredsmp-scene.png') center top/cover fixed no-repeat!important}
body.chat-page,body.admin-chat-page{background:linear-gradient(180deg,rgba(4,13,32,.76),rgba(3,10,26,.93)),url('assets/sxcredsmp-scene.png') center top/cover fixed no-repeat!important}
.site-header{border-bottom-color:rgba(139,184,255,.16);background:rgba(5,15,35,.16);backdrop-filter:blur(12px)}
.main-nav{padding:5px 7px;border:1px solid rgba(139,184,255,.16);border-radius:14px;background:rgba(17,37,76,.34);backdrop-filter:blur(18px)}
.hero{display:block;min-height:590px;padding:108px 0 38px}.hero-copy{max-width:590px}.hero h1{font-size:clamp(2.8rem,5.5vw,4.8rem);text-shadow:0 8px 30px rgba(0,0,0,.28)}.hero-description{max-width:520px}.hero-visual{display:none}.hero-meta{color:#adbfdf}.info-strip{margin-top:0;background:rgba(12,30,65,.52);backdrop-filter:blur(20px)}
.section-block{padding-top:92px}.section-heading{align-items:center}.mode-card{background:rgba(20,46,91,.48);backdrop-filter:blur(18px)}.dashboard-preview{background:rgba(13,34,74,.58)}
@media(max-width:700px){body:not(.chat-page):not(.admin-chat-page){background:linear-gradient(180deg,rgba(3,11,29,.82),rgba(3,11,28,.94)),url('assets/sxcredsmp-scene.png') 68% top/auto 100% fixed no-repeat!important}.hero{padding-top:70px;min-height:520px}.main-nav{order:3}.hero h1{font-size:clamp(2.7rem,14vw,4.5rem)}}

/* Forest village SMP theme */
:root{--bg:#10130f;--panel:rgba(46,37,24,.68);--panel-strong:rgba(35,28,19,.88);--line:rgba(212,166,92,.28);--line-strong:rgba(231,181,95,.5);--text:#fff8e9;--muted:#c7b99b;--blue:#6fae45;--blue-bright:#e5b65e;--cyan:#a9d66b;--violet:#d5884f;--green:#98df69;--shadow:0 28px 80px rgba(18,12,4,.4)}
body:not(.chat-page):not(.admin-chat-page){background:linear-gradient(90deg,rgba(13,17,10,.72) 0%,rgba(31,27,16,.34) 43%,rgba(22,16,9,.12) 100%),linear-gradient(180deg,rgba(20,14,7,.12),rgba(15,13,8,.72)),url('assets/sxcredsmp-nature-scene.png') center top/cover fixed no-repeat!important}
body.chat-page,body.admin-chat-page{background:linear-gradient(180deg,rgba(25,20,12,.72),rgba(11,12,8,.94)),url('assets/sxcredsmp-nature-scene.png') center top/cover fixed no-repeat!important}
body:before{opacity:.13;background-image:linear-gradient(rgba(221,176,91,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(221,176,91,.055) 1px,transparent 1px)}body:after{background:rgba(221,155,68,.12)}
.brand-mark{border-color:rgba(239,196,111,.65);background:linear-gradient(145deg,#8ebc4e,#8a542b);box-shadow:0 0 24px rgba(220,151,62,.35),inset 0 1px 1px rgba(255,255,255,.45)}.brand-name em{color:#d9a75d}.main-nav{border-color:rgba(218,174,90,.28);background:rgba(39,28,15,.55)}.main-nav a:hover,.main-nav a.active,.chat-nav a:hover,.chat-nav a.active,.admin-chat-nav a:hover,.admin-chat-nav a.active{border-color:rgba(224,177,88,.38);background:rgba(165,111,37,.2)}
.button{border-color:rgba(221,177,95,.42);background:rgba(93,65,29,.28)}.button:hover{background:rgba(157,105,36,.32);box-shadow:0 12px 28px rgba(95,57,17,.25)}.button-primary{border-color:rgba(172,222,95,.72);background:linear-gradient(120deg,#5eac3d,#a96c2e);box-shadow:0 12px 30px rgba(93,137,45,.27),inset 0 1px 0 rgba(255,255,255,.3)}.button-primary:hover{background:linear-gradient(120deg,#79c34b,#c68538)}.eyebrow,.info-link,.text-link{color:#e6bd6b}.eyebrow-dot,.status-dot{background:#a7d85b;box-shadow:0 0 15px #a7d85b}.hero h1 span,h2 span{color:#e4b462;text-shadow:0 0 25px rgba(220,157,65,.25)}.hero-meta{color:#d1c19f}
.hero-visual{display:none}.info-strip{border-color:rgba(214,168,88,.3);background:rgba(49,36,19,.62)}.info-icon{color:#d8a85d;border-color:rgba(222,177,93,.3);background:rgba(154,105,38,.18)}.mode-card,.dashboard-preview{border-color:rgba(211,163,82,.3);background:linear-gradient(145deg,rgba(65,48,25,.68),rgba(27,25,17,.65))}.mode-card:hover{border-color:rgba(225,181,95,.65);box-shadow:0 18px 40px rgba(77,50,17,.24)}.mode-card.featured{background:linear-gradient(145deg,rgba(93,116,45,.62),rgba(92,55,25,.5))}.mode-icon{color:#b8df72;border-color:rgba(176,212,102,.35);background:rgba(130,166,64,.16)}.mode-tag{color:#afd76e}.preview-top,.preview-content{border-color:rgba(211,163,82,.25)}.preview-dot.green{background:#a8df6b}.preview-chart i{background:linear-gradient(#b3dc71,#9d6631);box-shadow:0 0 14px rgba(174,126,55,.28)}.site-footer{border-top-color:rgba(211,163,82,.27)}
@media(max-width:700px){body:not(.chat-page):not(.admin-chat-page){background:linear-gradient(180deg,rgba(16,18,10,.74),rgba(14,13,8,.94)),url('assets/sxcredsmp-nature-scene.png') 64% top/auto 100% fixed no-repeat!important}}

/* Apply the nature theme over the legacy chat page inline styles. */
body.chat-page,body.admin-chat-page{--chat-bg:#10130f!important;--chat-panel:rgba(35,28,19,.9)!important;--chat-line:rgba(212,166,92,.3)!important;--chat-text:#fff8e9!important;--chat-muted:#c7b99b!important;--chat-cyan:#a9d66b!important;--chat-blue:#e5b65e!important;--chat-danger:#ff9871!important;--chat-success:#98df69!important;background:linear-gradient(180deg,rgba(25,20,12,.72),rgba(11,12,8,.94)),url('assets/sxcredsmp-nature-scene.png') center top/cover fixed no-repeat!important}
.chat-header,.admin-chat-header{border-bottom-color:rgba(218,174,90,.3)!important;background:rgba(39,28,15,.45)!important;backdrop-filter:blur(14px)}
.chat-nav a,.admin-chat-nav a{color:#c7b99b!important}.chat-nav a:hover,.chat-nav a.active,.admin-chat-nav a:hover,.admin-chat-nav a.active{color:#fff8e9!important;border-color:rgba(224,177,88,.48)!important;background:rgba(165,111,37,.26)!important}
.chat-heading h1,.admin-chat-heading h1{color:#fff8e9!important}.chat-heading h1 span,.admin-chat-heading h1 span{color:#e5b65e!important}.chat-heading p,.admin-chat-heading p{color:#c7b99b!important}.chat-eyebrow,.admin-chat-eyebrow{color:#e5b65e!important}.chat-eyebrow:before,.admin-chat-eyebrow:before{background:#a9d66b!important;box-shadow:0 0 14px #a9d66b!important}
.chat-card,.admin-chat-page .chat-card{border-color:rgba(212,166,92,.38)!important;background:rgba(35,28,19,.88)!important;box-shadow:0 28px 80px rgba(18,12,4,.42),inset 0 1px 0 rgba(255,255,255,.08)!important}.chat-card-top{border-bottom-color:rgba(212,166,92,.3)!important}.chat-card-title{color:#fff8e9!important}.chat-card-title:before{background:linear-gradient(135deg,#a9d66b,#a96c2e)!important}.online-badge,.admin-badge{color:#d7f3aa!important;border-color:rgba(152,223,105,.4)!important;background:rgba(105,150,48,.16)!important}
#chatMessages{background:rgba(27,23,15,.24)!important}.chat-message{border-color:rgba(212,166,92,.28)!important;background:rgba(81,57,27,.24)!important}.chat-message.mine{border-color:rgba(169,214,107,.46)!important;background:rgba(105,143,48,.18)!important}.chat-message-user{color:#e5b65e!important}.chat-message-time{color:#c7b99b!important}.chat-message-text{color:#fff8e9!important}.delete-message,.delete-message-button{color:#ff9871!important;border-color:rgba(255,152,113,.38)!important;background:rgba(122,52,29,.18)!important}
#chatInput{color:#fff8e9!important;border-color:rgba(212,166,92,.34)!important;background:rgba(35,28,19,.75)!important}#chatInput:focus{border-color:#a9d66b!important;box-shadow:0 0 0 3px rgba(169,214,107,.14)!important}#sendChatButton{color:#fff8e9!important;border-color:rgba(172,222,95,.72)!important;background:linear-gradient(120deg,#5eac3d,#a96c2e)!important;box-shadow:0 12px 30px rgba(93,137,45,.27)!important}.back-link{color:#c7b99b!important}.back-link:hover{color:#e5b65e!important}
@media(max-width:700px){body.chat-page,body.admin-chat-page{background:linear-gradient(180deg,rgba(16,18,10,.82),rgba(14,13,8,.95)),url('assets/sxcredsmp-nature-scene.png') 64% top/auto 100% fixed no-repeat!important}}


/* Page theme extracted from pasted_content.txt */
:root {
      --register-bg: #10130f;
      --register-panel: rgba(35,28,19,.88);
      --register-line: rgba(212,166,92,.28);
      --register-text: #fff8e9;
      --register-muted: #c7b99b;
      --register-cyan: #a9d66b;
      --register-blue: #e5b65e;
      --register-danger: #ff7184;
      --register-success: #98df69;
    }

    body.register-page {
      min-height: 100vh;
      display: grid;
      place-items: center;
      padding: 30px 16px;
      background:
        radial-gradient(circle at 15% 20%, rgba(169,214,107,.12), transparent 30%),
        radial-gradient(circle at 85% 80%, rgba(213,136,79,.14), transparent 32%),
        var(--register-bg);
    }

    .register-grid {
      position: fixed;
      inset: 0;
      pointer-events: none;
      opacity: .28;
      background-image:
        linear-gradient(rgba(169,214,107,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(169,214,107,.05) 1px, transparent 1px);
      background-size: 58px 58px;
      mask-image: linear-gradient(to bottom, black, transparent 88%);
    }

    .register-shell {
      width: min(100%, 490px);
      position: relative;
      z-index: 1;
    }

    .register-back {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 20px;
      color: var(--register-muted);
      font-size: .88rem;
      transition: color .2s ease;
    }

    .register-back:hover {
      color: var(--register-cyan);
    }

    .register-card {
      padding: 38px;
      border: 1px solid var(--register-line);
      border-radius: 22px;
      background: var(--register-panel);
      box-shadow:
        0 30px 90px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.04);
      backdrop-filter: blur(22px);
    }

    .register-brand {
      justify-content: center;
      margin-bottom: 28px;
    }

    .register-heading {
      text-align: center;
      margin-bottom: 30px;
    }

    .register-heading h1 {
      margin: 0 0 10px;
      color: var(--register-text);
      font: 800 clamp(1.65rem, 4vw, 2.2rem)/1.15 'Orbitron', sans-serif;
      letter-spacing: -.04em;
    }

    .register-heading h1 span {
      color: var(--register-cyan);
    }

    .register-heading p {
      color: var(--register-muted);
      font-size: .93rem;
    }

    .register-form {
      display: grid;
      gap: 16px;
    }

    .field {
      display: grid;
      gap: 8px;
    }

    .field label {
      color: var(--register-muted);
      font-size: .78rem;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .field input {
      width: 100%;
      padding: 13px 15px;
      color: var(--register-text);
      outline: none;
      border: 1px solid var(--register-line);
      border-radius: 10px;
      background: rgba(27,20,12,.58);
      font: 500 .95rem 'Exo 2', sans-serif;
      transition:
        border-color .2s ease,
        box-shadow .2s ease;
      box-sizing: border-box;
    }

    .field input::placeholder {
      color: rgba(199,185,155,.62);
    }

    .field input:focus {
      border-color: var(--register-cyan);
      box-shadow: 0 0 0 3px rgba(169,214,107,.1);
    }

    .password-hint {
      color: rgba(199,185,155,.72);
      font-size: .75rem;
      line-height: 1.45;
    }

    .terms {
      display: flex;
      align-items: flex-start;
      gap: 9px;
      color: var(--register-muted);
      font-size: .82rem;
      line-height: 1.45;
      cursor: pointer;
    }

    .terms input {
      flex: 0 0 auto;
      margin-top: 3px;
      accent-color: var(--register-cyan);
    }

    .terms a {
      color: var(--register-cyan);
    }

    .register-submit {
      width: 100%;
      min-height: 48px;
      margin-top: 4px;
      border: 0;
      border-radius: 10px;
      color: #fff8e9;
      background: linear-gradient(120deg,#5eac3d,#a96c2e);
      box-shadow: 0 12px 30px rgba(169,214,107,.18);
      cursor: pointer;
      font: 800 .92rem 'Orbitron', sans-serif;
      transition:
        transform .2s ease,
        box-shadow .2s ease;
    }

    .register-submit:hover {
      transform: translateY(-2px);
      box-shadow: 0 16px 35px rgba(169,214,107,.3);
    }

    .register-submit:disabled {
      cursor: wait;
      opacity: .65;
      transform: none;
    }

    .register-message {
      min-height: 20px;
      color: var(--register-danger);
      font-size: .84rem;
      text-align: center;
    }

    .register-divider {
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 24px 0;
      color: rgba(199,185,155,.62);
      font-size: .72rem;
      text-transform: uppercase;
      letter-spacing: .12em;
    }

    .register-divider::before,
    .register-divider::after {
      content: '';
      height: 1px;
      flex: 1;
      background: var(--register-line);
    }

    .register-login {
      color: var(--register-muted);
      text-align: center;
      font-size: .9rem;
    }

    .register-login a {
      color: var(--register-cyan);
      font-weight: 700;
    }

    .register-note {
      margin-top: 22px;
      color: rgba(199,185,155,.62);
      text-align: center;
      font-size: .74rem;
      line-height: 1.55;
    }

    @media (max-width: 520px) {
      .register-card {
        padding: 28px 20px;
      }
    }


/* Page theme extracted from pasted_content_2.txt */
:root {
      --profile-bg: #10130f;
      --profile-panel: rgba(35,28,19,.88);
      --profile-line: rgba(212,166,92,.28);
      --profile-text: #fff8e9;
      --profile-muted: #c7b99b;
      --profile-cyan: #a9d66b;
      --profile-blue: #e5b65e;
      --profile-danger: #ff7184;
      --profile-success: #98df69;
    }

    body.profile-page {
      min-height: 100vh;
      padding: 0 16px 45px;
      background:
        radial-gradient(circle at 12% 16%, rgba(169,214,107,.12), transparent 30%),
        radial-gradient(circle at 88% 78%, rgba(213,136,79,.14), transparent 32%),
        var(--profile-bg);
    }

    .profile-grid {
      position: fixed;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      opacity: .28;
      background-image: linear-gradient(rgba(169,214,107,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(169,214,107,.05) 1px, transparent 1px);
      background-size: 58px 58px;
      mask-image: linear-gradient(to bottom, black, transparent 88%);
    }

    .profile-header {
      width: min(1180px, 100%);
      min-height: 82px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 22px;
      border-bottom: 1px solid rgba(212,166,92,.16);
    }

    .profile-nav { display: flex; align-items: center; gap: 8px; }
    .profile-nav a { padding: 9px 13px; color: var(--profile-muted); border: 1px solid transparent; border-radius: 8px; font-size: .88rem; font-weight: 600; transition: .2s ease; }
    .profile-nav a:hover, .profile-nav a.active { color: var(--profile-text); border-color: var(--profile-line); background: rgba(169,214,107,.06); }

    .profile-shell { width: min(920px, 100%); margin: 62px auto 0; }
    .profile-heading { margin-bottom: 28px; }
    .profile-eyebrow { display: flex; align-items: center; gap: 10px; color: var(--profile-cyan); font: 700 .7rem/1 'Orbitron', sans-serif; letter-spacing: .24em; }
    .profile-eyebrow::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--profile-cyan); box-shadow: 0 0 14px var(--profile-cyan); }
    .profile-heading h1 { margin-top: 14px; color: var(--profile-text); font: 800 clamp(1.9rem, 5vw, 3.4rem)/1.1 'Orbitron', sans-serif; letter-spacing: -.05em; }
    .profile-heading h1 span { color: var(--profile-cyan); }
    .profile-heading p { margin-top: 12px; color: var(--profile-muted); }

    .profile-card { overflow: hidden; border: 1px solid var(--profile-line); border-radius: 20px; background: var(--profile-panel); box-shadow: 0 30px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04); backdrop-filter: blur(22px); }
    .profile-cover { height: 122px; position: relative; overflow: hidden; border-bottom: 1px solid var(--profile-line); background: linear-gradient(110deg, rgba(169,214,107,.16), rgba(213,136,79,.2) 50%, rgba(5,8,18,.05)); }
    .profile-cover::before, .profile-cover::after { content: ''; position: absolute; border: 1px solid rgba(169,214,107,.28); border-radius: 50%; transform: rotateX(62deg); }
    .profile-cover::before { width: 360px; height: 180px; top: -80px; right: 8%; }
    .profile-cover::after { width: 250px; height: 125px; top: -54px; right: 19%; border-color: rgba(213,136,79,.38); }

    .profile-main { position: relative; padding: 0 34px 32px; }
    .profile-avatar { width: 86px; height: 86px; display: grid; place-items: center; position: relative; margin-top: -43px; color: #071323; border: 5px solid #1c150c; border-radius: 50%; background: linear-gradient(135deg, var(--profile-cyan), var(--profile-blue)); box-shadow: 0 0 28px rgba(169,214,107,.3); font: 900 2.2rem 'Orbitron', sans-serif; }
    .profile-avatar::after { content: ''; width: 13px; height: 13px; position: absolute; right: 0; bottom: 3px; border: 3px solid #1c150c; border-radius: 50%; background: var(--profile-success); box-shadow: 0 0 10px var(--profile-success); }
    .profile-identity { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-top: 16px; }
    .profile-identity h2 { color: var(--profile-text); font: 800 clamp(1.25rem, 4vw, 1.8rem)/1.2 'Orbitron', sans-serif; }.profile-identity p { margin-top: 5px; color: var(--profile-muted); font-size: .9rem; }
    .role-chip { padding: 8px 12px; color: #d7f3aa; border: 1px solid rgba(152,223,105,.32); border-radius: 999px; background: rgba(152,223,105,.08); font: 700 .68rem 'Orbitron', sans-serif; letter-spacing: .12em; }

    .profile-divider { height: 1px; margin: 28px 0; background: var(--profile-line); }
    .profile-details { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .profile-detail { min-height: 84px; padding: 17px; border: 1px solid var(--profile-line); border-radius: 12px; background: rgba(27,20,12,.36); }.profile-detail small { display: block; margin-bottom: 8px; color: var(--profile-muted); font: 700 .64rem 'Orbitron', sans-serif; letter-spacing: .13em; text-transform: uppercase; }.profile-detail strong { display: block; overflow: hidden; color: var(--profile-text); text-overflow: ellipsis; white-space: nowrap; font-size: .96rem; }
    .profile-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; margin-top: 26px; }.profile-button { min-height: 46px; padding: 0 20px; border-radius: 10px; cursor: pointer; font: 800 .78rem 'Orbitron', sans-serif; transition: .2s ease; }.profile-button:hover { transform: translateY(-2px); }.profile-button-primary { color: #fff8e9; border: 0; background: linear-gradient(120deg,#5eac3d,#a96c2e); box-shadow: 0 10px 25px rgba(169,214,107,.16); }.profile-button-ghost { color: var(--profile-text); border: 1px solid var(--profile-line); background: rgba(93,65,29,.48); }.profile-button-danger { color: #ffc3ca; border: 1px solid rgba(255,113,132,.3); background: rgba(255,113,132,.07); }.profile-button-danger:hover { border-color: var(--profile-danger); background: rgba(255,113,132,.13); }
    .profile-message { min-height: 20px; margin-top: 17px; color: var(--profile-danger); font-size: .84rem; }.profile-message.success { color: var(--profile-success); }
    .loading { color: var(--profile-muted) !important; }

    @media (max-width: 700px) { .profile-header { min-height: 70px; }.profile-nav a { padding-inline: 7px; font-size: .78rem; }.profile-nav a:nth-child(-n+2) { display: none; }.profile-main { padding-inline: 20px; }.profile-identity { align-items: flex-start; flex-direction: column; gap: 13px; }.profile-details { grid-template-columns: 1fr; } }


/* Page theme extracted from pasted_content_3.txt */
:root { --form-bg:#10130f; --form-panel:rgba(35,28,19,.88); --form-line:rgba(212,166,92,.28); --form-text:#fff8e9; --form-muted:#c7b99b; --form-cyan:#a9d66b; --form-blue:#e5b65e; --form-danger:#ff7184; --form-success:#98df69; --form-purple:#d5884f; }
    body.forms-page { min-height:100vh; padding:0 16px 45px; color:var(--form-text); background:radial-gradient(circle at 12% 16%,rgba(169,214,107,.12),transparent 30%),radial-gradient(circle at 88% 78%,rgba(213,136,79,.14),transparent 32%),var(--form-bg); }
    .forms-grid { position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.28; background-image:linear-gradient(rgba(169,214,107,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(169,214,107,.05) 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(to bottom,black,transparent 88%); }
    .forms-header { width:min(1180px,100%); min-height:82px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:22px; border-bottom:1px solid rgba(212,166,92,.16); }
    .forms-nav { display:flex; align-items:center; gap:8px; }.forms-nav a { padding:9px 13px; color:var(--form-muted); border:1px solid transparent; border-radius:8px; font-size:.88rem; font-weight:600; transition:.2s ease; }.forms-nav a:hover,.forms-nav a.active { color:var(--form-text); border-color:var(--form-line); background:rgba(169,214,107,.06); }
    .forms-shell { width:min(1180px,100%); margin:62px auto 0; }.forms-heading { margin-bottom:28px; }.forms-eyebrow { display:flex; align-items:center; gap:10px; color:var(--form-cyan); font:700 .7rem/1 'Orbitron',sans-serif; letter-spacing:.24em; }.forms-eyebrow::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--form-cyan); box-shadow:0 0 14px var(--form-cyan); }.forms-heading h1 { margin-top:14px; font:800 clamp(1.9rem,5vw,3.4rem)/1.1 'Orbitron',sans-serif; letter-spacing:-.05em; }.forms-heading h1 span { color:var(--form-cyan); }.forms-heading p { max-width:720px; margin-top:12px; color:var(--form-muted); }
    .forms-panel { border:1px solid var(--form-line); border-radius:18px; background:var(--form-panel); box-shadow:0 25px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03); backdrop-filter:blur(20px); }.auth-gate { padding:30px; color:var(--form-muted); text-align:center; }.hidden { display:none!important; }
    .form-layout { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(300px,.94fr); gap:18px; align-items:start; }.application-form-panel { padding:24px; }.panel-title { margin-bottom:20px; }.panel-title h2 { font:800 1.05rem 'Orbitron',sans-serif; }.panel-title p { margin-top:7px; color:var(--form-muted); font-size:.84rem; }
    .application-form { display:grid; gap:16px; }.question { display:grid; gap:8px; }.question label { color:var(--form-text); font-weight:700; font-size:.88rem; }.question label span { color:var(--form-cyan); }.question small { color:var(--form-muted); font-size:.75rem; }.question input,.question select,.question textarea,.admin-reply textarea { width:100%; padding:12px 13px; color:var(--form-text); outline:none; border:1px solid var(--form-line); border-radius:9px; background:rgba(27,20,12,.6); font:500 .9rem 'Exo 2',sans-serif; box-sizing:border-box; }.question textarea { min-height:108px; resize:vertical; }.question input:focus,.question select:focus,.question textarea:focus,.admin-reply textarea:focus { border-color:var(--form-cyan); box-shadow:0 0 0 3px rgba(169,214,107,.1); }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.form-submit { min-height:47px; margin-top:3px; border:0; border-radius:9px; color:#fff8e9; background:linear-gradient(120deg,#5eac3d,#a96c2e); cursor:pointer; font:800 .75rem 'Orbitron',sans-serif; transition:.2s ease; }.form-submit:hover { transform:translateY(-2px); }.form-submit:disabled { opacity:.55; cursor:wait; transform:none; }
    .application-list-panel { min-height:530px; overflow:hidden; }.list-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px; border-bottom:1px solid var(--form-line); }.list-heading h2 { font:800 1rem 'Orbitron',sans-serif; }.count-badge { min-width:27px; padding:4px 8px; color:#071323; border-radius:999px; background:var(--form-cyan); font:800 .7rem 'Orbitron',sans-serif; text-align:center; }.application-list { display:grid; gap:8px; max-height:520px; overflow:auto; padding:12px; }.application-item { width:100%; padding:15px; color:var(--form-text); border:1px solid transparent; border-radius:11px; background:rgba(27,20,12,.42); cursor:pointer; text-align:left; transition:.2s ease; }.application-item:hover,.application-item.active { border-color:var(--form-line); background:rgba(169,214,107,.08); }.application-item-title { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; }.application-item-meta { display:flex; justify-content:space-between; gap:9px; margin-top:8px; color:var(--form-muted); font-size:.72rem; }.status { display:inline-flex; align-items:center; gap:5px; font-weight:700; }.status::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--form-cyan); box-shadow:0 0 8px var(--form-cyan); }.status.accepted::before { background:var(--form-success); box-shadow:0 0 8px var(--form-success); }.status.rejected::before { background:var(--form-danger); box-shadow:0 0 8px var(--form-danger); }.status.reviewing::before { background:#ffd166; box-shadow:0 0 8px #ffd166; }.empty-state { padding:30px 18px; color:var(--form-muted); text-align:center; font-size:.85rem; }
    .application-detail { grid-column:1 / -1; overflow:hidden; }.detail-header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:22px; border-bottom:1px solid var(--form-line); }.detail-header h2 { font:800 1.1rem/1.35 'Orbitron',sans-serif; }.detail-header p { margin-top:7px; color:var(--form-muted); font-size:.8rem; }.detail-status { padding:8px 11px; color:var(--form-cyan); border:1px solid var(--form-line); border-radius:999px; background:rgba(169,214,107,.07); font:700 .68rem 'Orbitron',sans-serif; white-space:nowrap; }.answer-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; padding:20px; }.answer-card { min-height:88px; padding:15px; border:1px solid var(--form-line); border-radius:11px; background:rgba(27,20,12,.38); }.answer-card.full { grid-column:1/-1; }.answer-card small { display:block; margin-bottom:7px; color:var(--form-muted); font:700 .62rem 'Orbitron',sans-serif; letter-spacing:.1em; text-transform:uppercase; }.answer-card p { color:var(--form-text); white-space:pre-wrap; word-break:break-word; font-size:.88rem; line-height:1.5; }.admin-tools { display:grid; gap:12px; padding:20px; border-top:1px solid var(--form-line); background:rgba(169,214,107,.025); }.admin-tools h3 { font:800 .85rem 'Orbitron',sans-serif; }.admin-tools-row { display:grid; grid-template-columns:200px 1fr auto; gap:10px; align-items:end; }.admin-tools label { display:grid; gap:7px; color:var(--form-muted); font-size:.75rem; }.admin-tools select { width:100%; padding:12px; color:var(--form-text); outline:none; border:1px solid var(--form-line); border-radius:9px; background:rgba(27,20,12,.6); }.admin-reply textarea { min-height:80px; resize:vertical; }.admin-save { min-height:44px; padding:0 15px; border:0; border-radius:9px; color:#fff8e9; background:linear-gradient(120deg,#5eac3d,#a96c2e); cursor:pointer; font:800 .7rem 'Orbitron',sans-serif; }.admin-save:disabled { opacity:.55; cursor:wait; }.alert { min-height:20px; margin-top:12px; color:var(--form-danger); font-size:.82rem; }.alert.success { color:var(--form-success); }
    @media (max-width:900px) { .form-layout { grid-template-columns:1fr; }.application-list-panel { min-height:0; }.application-list { max-height:330px; }.application-detail { grid-column:auto; } }
    @media (max-width:650px) { .forms-header { min-height:70px; }.forms-nav a { padding-inline:7px; font-size:.75rem; }.forms-nav a:nth-child(-n+2) { display:none; }.forms-shell { margin-top:38px; }.form-row,.answer-grid,.admin-tools-row { grid-template-columns:1fr; }.answer-card.full { grid-column:auto; }.detail-header { flex-direction:column; } }


/* Page theme extracted from pasted_content_4.txt */
:root { --ticket-bg:#10130f; --ticket-panel:rgba(35,28,19,.88); --ticket-line:rgba(212,166,92,.28); --ticket-text:#fff8e9; --ticket-muted:#c7b99b; --ticket-cyan:#a9d66b; --ticket-blue:#e5b65e; --ticket-purple:#d5884f; --ticket-danger:#ff7184; --ticket-success:#98df69; }
    body.ticket-page { min-height:100vh; padding:0 16px 45px; color:var(--ticket-text); background:radial-gradient(circle at 12% 16%,rgba(169,214,107,.12),transparent 30%),radial-gradient(circle at 88% 78%,rgba(213,136,79,.14),transparent 32%),var(--ticket-bg); }
    .ticket-grid { position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.28; background-image:linear-gradient(rgba(169,214,107,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(169,214,107,.05) 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(to bottom,black,transparent 88%); }
    .ticket-header { width:min(1180px,100%); min-height:82px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:22px; border-bottom:1px solid rgba(212,166,92,.16); }
    .ticket-nav { display:flex; align-items:center; gap:8px; }.ticket-nav a { padding:9px 13px; color:var(--ticket-muted); border:1px solid transparent; border-radius:8px; font-size:.88rem; font-weight:600; transition:.2s ease; }.ticket-nav a:hover,.ticket-nav a.active { color:var(--ticket-text); border-color:var(--ticket-line); background:rgba(169,214,107,.06); }
    .ticket-shell { width:min(1180px,100%); margin:62px auto 0; }.ticket-heading { margin-bottom:28px; }.ticket-eyebrow { display:flex; align-items:center; gap:10px; color:var(--ticket-cyan); font:700 .7rem/1 'Orbitron',sans-serif; letter-spacing:.24em; }.ticket-eyebrow::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--ticket-cyan); box-shadow:0 0 14px var(--ticket-cyan); }.ticket-heading h1 { margin-top:14px; font:800 clamp(1.9rem,5vw,3.4rem)/1.1 'Orbitron',sans-serif; letter-spacing:-.05em; }.ticket-heading h1 span { color:var(--ticket-cyan); }.ticket-heading p { margin-top:12px; color:var(--ticket-muted); }
    .ticket-layout { display:grid; grid-template-columns:340px 1fr; gap:18px; align-items:start; }.ticket-panel { border:1px solid var(--ticket-line); border-radius:18px; background:var(--ticket-panel); box-shadow:0 25px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03); backdrop-filter:blur(20px); }.ticket-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px; border-bottom:1px solid var(--ticket-line); }.ticket-panel-heading h2 { font:800 1rem 'Orbitron',sans-serif; }.ticket-count { min-width:27px; padding:4px 8px; color:#071323; border-radius:999px; background:var(--ticket-cyan); font:800 .7rem 'Orbitron',sans-serif; text-align:center; }.ticket-list { display:grid; gap:8px; padding:12px; max-height:600px; overflow:auto; }.ticket-item { width:100%; padding:15px; color:var(--ticket-text); border:1px solid transparent; border-radius:11px; background:rgba(27,20,12,.42); cursor:pointer; text-align:left; transition:.2s ease; }.ticket-item:hover,.ticket-item.active { border-color:var(--ticket-line); background:rgba(169,214,107,.08); }.ticket-item-title { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; }.ticket-item-meta { display:flex; justify-content:space-between; gap:10px; margin-top:8px; color:var(--ticket-muted); font-size:.73rem; }.status { display:inline-flex; align-items:center; gap:5px; font-weight:700; }.status::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--ticket-success); box-shadow:0 0 8px var(--ticket-success); }.status.closed { color:var(--ticket-muted); }.status.closed::before { background:#71829b; box-shadow:none; }.empty-state { padding:28px 18px; color:var(--ticket-muted); text-align:center; font-size:.86rem; }
    .ticket-detail { min-height:600px; }.ticket-detail-empty { min-height:600px; display:grid; place-items:center; padding:35px; color:var(--ticket-muted); text-align:center; }.empty-icon { width:60px; height:60px; display:grid; place-items:center; margin:0 auto 15px; color:var(--ticket-cyan); border:1px solid var(--ticket-line); border-radius:16px; background:rgba(169,214,107,.07); font-size:1.7rem; }.ticket-detail-content { display:none; }.ticket-detail-content.visible { display:block; }.detail-header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:22px; border-bottom:1px solid var(--ticket-line); }.detail-header h2 { font:800 1.1rem/1.35 'Orbitron',sans-serif; }.detail-header p { margin-top:7px; color:var(--ticket-muted); font-size:.8rem; }.close-ticket { padding:9px 12px; color:#ffc3ca; border:1px solid rgba(255,113,132,.3); border-radius:9px; background:rgba(255,113,132,.07); cursor:pointer; font:700 .7rem 'Orbitron',sans-serif; }.close-ticket:hover { background:rgba(255,113,132,.15); }.detail-messages { display:grid; gap:12px; max-height:390px; overflow:auto; padding:20px; }.message { max-width:84%; padding:13px 15px; border:1px solid var(--ticket-line); border-radius:13px; background:rgba(27,20,12,.46); }.message.mine { justify-self:end; border-color:rgba(169,214,107,.28); background:rgba(169,214,107,.08); }.message-meta { display:flex; justify-content:space-between; gap:20px; margin-bottom:7px; color:var(--ticket-cyan); font-size:.72rem; font-weight:700; }.message-meta time { color:var(--ticket-muted); font-weight:400; }.message-body { color:var(--ticket-text); white-space:pre-wrap; word-break:break-word; font-size:.9rem; line-height:1.55; }.reply-box { display:grid; grid-template-columns:1fr auto; gap:10px; padding:17px 20px 20px; border-top:1px solid var(--ticket-line); }.reply-box textarea,.new-ticket input,.new-ticket select,.new-ticket textarea { width:100%; padding:12px 13px; color:var(--ticket-text); outline:none; border:1px solid var(--ticket-line); border-radius:9px; background:rgba(27,20,12,.6); font:500 .9rem 'Exo 2',sans-serif; box-sizing:border-box; }.reply-box textarea { min-height:48px; resize:vertical; }.reply-box textarea:focus,.new-ticket input:focus,.new-ticket select:focus,.new-ticket textarea:focus { border-color:var(--ticket-cyan); box-shadow:0 0 0 3px rgba(169,214,107,.1); }.ticket-button { min-height:44px; padding:0 16px; border:0; border-radius:9px; cursor:pointer; font:800 .72rem 'Orbitron',sans-serif; transition:.2s ease; }.ticket-button:hover { transform:translateY(-2px); }.ticket-button-primary { color:#fff8e9; background:linear-gradient(120deg,#5eac3d,#a96c2e); }.ticket-button-secondary { color:var(--ticket-text); border:1px solid var(--ticket-line); background:rgba(93,65,29,.5); }.ticket-button:disabled { opacity:.55; cursor:wait; transform:none; }
    .new-ticket { margin-top:18px; padding:20px; }.new-ticket h2 { margin-bottom:18px; font:800 1rem 'Orbitron',sans-serif; }.new-ticket-form { display:grid; gap:12px; }.new-ticket-form .row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.new-ticket textarea { min-height:95px; resize:vertical; }.ticket-alert { min-height:20px; margin-top:13px; color:var(--ticket-danger); font-size:.82rem; }.ticket-alert.success { color:var(--ticket-success); }.hidden { display:none!important; }.loading { color:var(--ticket-muted); }
    @media (max-width:850px) { .ticket-layout { grid-template-columns:1fr; }.ticket-list { max-height:300px; }.ticket-detail,.ticket-detail-empty { min-height:500px; } }
    @media (max-width:560px) { .ticket-header { min-height:70px; }.ticket-nav a { padding-inline:7px; font-size:.75rem; }.ticket-nav a:nth-child(-n+2) { display:none; }.ticket-shell { margin-top:38px; }.detail-header { flex-direction:column; }.reply-box { grid-template-columns:1fr; }.new-ticket-form .row { grid-template-columns:1fr; }.profile-nav { gap:2px; } }


/* Page theme extracted from pasted_content_5.txt */
:root {
      --login-bg: #10130f;
      --login-panel: rgba(35,28,19,.88);
      --login-line: rgba(212,166,92,.28);
      --login-text: #fff8e9;
      --login-muted: #c7b99b;
      --login-cyan: #a9d66b;
      --login-blue: #e5b65e;
      --login-danger: #ff7184;
      --login-success: #98df69;
    }

    body.auth-page {
      min-height: 100vh;
      display: grid;
      place-items: center;
      padding: 30px 16px;
      background:
        radial-gradient(circle at 15% 20%, rgba(169,214,107,.12), transparent 30%),
        radial-gradient(circle at 85% 80%, rgba(213,136,79,.14), transparent 32%),
        var(--login-bg);
    }

    .auth-grid {
      position: fixed;
      inset: 0;
      pointer-events: none;
      opacity: .28;
      background-image:
        linear-gradient(rgba(169,214,107,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(169,214,107,.05) 1px, transparent 1px);
      background-size: 58px 58px;
      mask-image: linear-gradient(to bottom, black, transparent 88%);
    }

    .auth-shell {
      width: min(100%, 470px);
      position: relative;
      z-index: 1;
    }

    .auth-back {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 20px;
      color: var(--login-muted);
      font-size: .88rem;
      transition: color .2s ease;
    }

    .auth-back:hover {
      color: var(--login-cyan);
    }

    .auth-card {
      padding: 38px;
      border: 1px solid var(--login-line);
      border-radius: 22px;
      background: var(--login-panel);
      box-shadow:
        0 30px 90px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.04);
      backdrop-filter: blur(22px);
    }

    .auth-brand {
      justify-content: center;
      margin-bottom: 28px;
    }

    .auth-heading {
      text-align: center;
      margin-bottom: 30px;
    }

    .auth-heading h1 {
      margin: 0 0 10px;
      color: var(--login-text);
      font: 800 clamp(1.65rem, 4vw, 2.2rem)/1.15 'Orbitron', sans-serif;
      letter-spacing: -.04em;
    }

    .auth-heading h1 span {
      color: var(--login-cyan);
    }

    .auth-heading p {
      color: var(--login-muted);
      font-size: .93rem;
    }

    .auth-form {
      display: grid;
      gap: 17px;
    }

    .field {
      display: grid;
      gap: 8px;
    }

    .field label {
      color: var(--login-muted);
      font-size: .78rem;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .field input {
      width: 100%;
      padding: 13px 15px;
      color: var(--login-text);
      outline: none;
      border: 1px solid var(--login-line);
      border-radius: 10px;
      background: rgba(27,20,12,.58);
      font: 500 .95rem 'Exo 2', sans-serif;
      transition: border-color .2s ease, box-shadow .2s ease;
      box-sizing: border-box;
    }

    .field input::placeholder {
      color: rgba(199,185,155,.62);
    }

    .field input:focus {
      border-color: var(--login-cyan);
      box-shadow: 0 0 0 3px rgba(169,214,107,.1);
    }

    .form-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 15px;
      margin-top: -2px;
    }

    .remember {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--login-muted);
      font-size: .83rem;
      cursor: pointer;
    }

    .remember input {
      accent-color: var(--login-cyan);
    }

    .forgot {
      color: var(--login-cyan);
      font-size: .83rem;
    }

    .auth-submit {
      width: 100%;
      min-height: 48px;
      margin-top: 5px;
      border: 0;
      border-radius: 10px;
      color: #fff8e9;
      background: linear-gradient(120deg,#5eac3d,#a96c2e);
      box-shadow: 0 12px 30px rgba(169,214,107,.18);
      cursor: pointer;
      font: 800 .92rem 'Orbitron', sans-serif;
      transition: transform .2s ease, box-shadow .2s ease;
    }

    .auth-submit:hover {
      transform: translateY(-2px);
      box-shadow: 0 16px 35px rgba(169,214,107,.3);
    }

    .auth-submit:disabled {
      cursor: wait;
      opacity: .65;
      transform: none;
    }

    .auth-message {
      min-height: 20px;
      color: var(--login-danger);
      font-size: .84rem;
      text-align: center;
    }

    .auth-divider {
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 24px 0;
      color: rgba(199,185,155,.62);
      font-size: .72rem;
      text-transform: uppercase;
      letter-spacing: .12em;
    }

    .auth-divider::before,
    .auth-divider::after {
      content: '';
      height: 1px;
      flex: 1;
      background: var(--login-line);
    }

    .auth-register {
      color: var(--login-muted);
      text-align: center;
      font-size: .9rem;
    }

    .auth-register a {
      color: var(--login-cyan);
      font-weight: 700;
    }

    .auth-note {
      margin-top: 22px;
      color: rgba(199,185,155,.62);
      text-align: center;
      font-size: .74rem;
      line-height: 1.55;
    }

    @media (max-width: 520px) {
      .auth-card {
        padding: 28px 20px;
      }

      .form-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
      }
    }


/* Page theme extracted from pasted_content_6.txt */
body.chat-page { min-height: 100vh; padding: 0 16px 48px; background: radial-gradient(circle at 10% 10%, rgba(169,214,107,.13), transparent 30%), radial-gradient(circle at 88% 75%, rgba(213,136,79,.14), transparent 34%), var(--bg); }
    .chat-page-grid { position: fixed; inset: 0; z-index: -1; opacity: .28; pointer-events: none; background-image: linear-gradient(rgba(169,214,107,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(169,214,107,.05) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(to bottom, black, transparent 88%); }
    .chat-header { width: min(1180px, 100%); min-height: 82px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); }
    .chat-nav { display: flex; gap: 7px; align-items: center; }
    .chat-nav a { padding: 9px 12px; color: var(--muted); border: 1px solid transparent; border-radius: 8px; font-size: .84rem; }
    .chat-nav a:hover, .chat-nav a.active { color: var(--text); border-color: var(--line); background: rgba(169,214,107,.06); }
    .chat-shell { width: min(920px, 100%); margin: 58px auto 0; }
    .chat-heading { margin-bottom: 25px; }
    .chat-eyebrow { display: flex; align-items: center; gap: 10px; color: var(--cyan); font: 700 .7rem/1 'Orbitron', sans-serif; letter-spacing: .22em; }
    .chat-eyebrow::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 14px var(--cyan); }
    .chat-heading h1 { margin-top: 14px; font: 800 clamp(2rem, 5vw, 3.6rem)/1.08 'Orbitron', sans-serif; letter-spacing: -.05em; }
    .chat-heading h1 span { color: var(--cyan); }
    .chat-heading p { margin-top: 12px; color: var(--muted); }
    .chat-card { overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: rgba(35,28,19,.88); box-shadow: 0 30px 90px rgba(0,0,0,.34); backdrop-filter: blur(22px); }
    .chat-card-top { min-height: 66px; display: flex; align-items: center; justify-content: space-between; padding: 0 23px; border-bottom: 1px solid var(--line); }
    .chat-card-title { display: flex; align-items: center; gap: 11px; font: 700 .82rem 'Orbitron', sans-serif; letter-spacing: .08em; }
    .chat-card-title::before { content: 'S'; width: 28px; height: 28px; display: grid; place-items: center; color: #fff8e9; border-radius: 8px; background: linear-gradient(135deg, var(--cyan), var(--blue)); font: 900 .9rem 'Orbitron', sans-serif; }
    .online-badge { padding: 7px 10px; color: #d7f3aa; border: 1px solid rgba(152,223,105,.32); border-radius: 999px; background: rgba(152,223,105,.08); font: 700 .62rem 'Orbitron', sans-serif; letter-spacing: .1em; }
    #chatMessages { min-height: 430px; max-height: 560px; overflow-y: auto; display: grid; align-content: start; gap: 12px; padding: 24px; }
    .chat-empty { min-height: 300px; display: grid; place-items: center; color: var(--muted); text-align: center; }
    .chat-empty strong { display: block; margin-bottom: 6px; color: var(--text); font-family: 'Orbitron', sans-serif; }
    .chat-message { position: relative; padding: 14px 16px; border: 1px solid var(--line); border-radius: 13px; background: rgba(27,20,12,.45); }
    .chat-message.mine { border-color: rgba(169,214,107,.38); background: rgba(169,214,107,.07); }
    .chat-message-meta { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-right: 32px; margin-bottom: 7px; }
    .chat-message-user { color: var(--cyan); font-weight: 800; }
    .chat-message-time { color: var(--muted); font-size: .73rem; white-space: nowrap; }
    .chat-message-text { color: var(--text); line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
    .delete-message { position: absolute; top: 12px; right: 13px; padding: 3px 7px; color: #ff9eaa; border: 1px solid rgba(255,113,132,.3); border-radius: 6px; background: rgba(255,113,132,.08); cursor: pointer; font-size: .68rem; }
    .delete-message:hover { color: #fff; background: rgba(255,113,132,.22); }
    .chat-compose { display: grid; grid-template-columns: 1fr auto; gap: 10px; padding: 18px 20px 20px; border-top: 1px solid var(--line); }
    #chatInput { width: 100%; min-height: 48px; resize: vertical; padding: 13px 15px; color: var(--text); outline: none; border: 1px solid var(--line); border-radius: 10px; background: rgba(27,20,12,.58); font: 500 .95rem 'Exo 2', sans-serif; }
    #chatInput:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(169,214,107,.1); }
    #sendChatButton { min-height: 48px; padding: 0 21px; border: 0; border-radius: 10px; color: #fff8e9; background: linear-gradient(100deg, var(--cyan), #c68538); cursor: pointer; font: 800 .76rem 'Orbitron', sans-serif; }
    #sendChatButton:disabled { opacity: .6; cursor: wait; }
    #chatAlert { min-height: 21px; grid-column: 1 / -1; color: #ff9eaa; font-size: .83rem; }
    #chatAlert.success { color: var(--green); }
    .back-link { display: inline-flex; margin-bottom: 20px; color: var(--muted); font-size: .88rem; }
    .back-link:hover { color: var(--cyan); }
    @media (max-width: 700px) { .chat-header { min-height: 70px; }.chat-nav a:nth-child(-n+2) { display: none; }.chat-nav a { padding: 8px 7px; font-size: .74rem; }.chat-compose { grid-template-columns: 1fr; }#sendChatButton { width: 100%; } }


/* Page theme extracted from pasted_content_7.txt */
:root {
      --chat-bg: #10130f;
      --chat-panel: rgba(35,28,19,.88);
      --chat-line: rgba(212,166,92,.28);
      --chat-text: #fff8e9;
      --chat-muted: #c7b99b;
      --chat-cyan: #a9d66b;
      --chat-blue: #e5b65e;
      --chat-danger: #ff7184;
      --chat-success: #98df69;
    }

    body.admin-chat-page {
      min-height: 100vh;
      padding: 0 16px 45px;
      background:
        radial-gradient(circle at 12% 12%, rgba(169,214,107,.13), transparent 30%),
        radial-gradient(circle at 88% 80%, rgba(213,136,79,.14), transparent 34%),
        var(--chat-bg);
    }

    .admin-chat-grid {
      position: fixed;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      opacity: .28;
      background-image: linear-gradient(rgba(169,214,107,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(169,214,107,.05) 1px, transparent 1px);
      background-size: 58px 58px;
      mask-image: linear-gradient(to bottom, black, transparent 88%);
    }

    .admin-chat-header {
      width: min(1180px, 100%);
      min-height: 82px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      border-bottom: 1px solid rgba(212,166,92,.16);
    }

    .admin-chat-nav { display: flex; align-items: center; gap: 8px; }
    .admin-chat-nav a { padding: 9px 12px; color: var(--chat-muted); border: 1px solid transparent; border-radius: 8px; font-size: .84rem; transition: .2s ease; }
    .admin-chat-nav a:hover, .admin-chat-nav a.active { color: var(--chat-text); border-color: var(--chat-line); background: rgba(169,214,107,.06); }

    .admin-chat-shell { width: min(920px, 100%); margin: 60px auto 0; }
    .admin-chat-heading { margin-bottom: 26px; }
    .admin-chat-eyebrow { display: flex; align-items: center; gap: 10px; color: var(--chat-cyan); font: 700 .7rem/1 'Orbitron', sans-serif; letter-spacing: .22em; }
    .admin-chat-eyebrow::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--chat-cyan); box-shadow: 0 0 14px var(--chat-cyan); }
    .admin-chat-heading h1 { margin-top: 14px; color: var(--chat-text); font: 800 clamp(1.9rem, 5vw, 3.4rem)/1.1 'Orbitron', sans-serif; letter-spacing: -.05em; }
    .admin-chat-heading h1 span { color: var(--chat-cyan); }
    .admin-chat-heading p { margin-top: 12px; color: var(--chat-muted); }

    .chat-card { overflow: hidden; border: 1px solid var(--chat-line); border-radius: 20px; background: var(--chat-panel); box-shadow: 0 30px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04); backdrop-filter: blur(22px); }
    .chat-card-top { min-height: 65px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 24px; border-bottom: 1px solid var(--chat-line); }
    .chat-card-title { display: flex; align-items: center; gap: 11px; color: var(--chat-text); font: 700 .82rem 'Orbitron', sans-serif; letter-spacing: .08em; }
    .chat-card-title::before { content: 'S'; width: 28px; height: 28px; display: grid; place-items: center; color: #fff8e9; border-radius: 8px; background: linear-gradient(135deg, var(--chat-cyan), var(--chat-blue)); font: 900 .9rem 'Orbitron', sans-serif; }
    .admin-badge { padding: 7px 10px; color: #d7f3aa; border: 1px solid rgba(152,223,105,.32); border-radius: 999px; background: rgba(152,223,105,.08); font: 700 .62rem 'Orbitron', sans-serif; letter-spacing: .1em; }

    #chatMessages { min-height: 410px; max-height: 540px; overflow-y: auto; display: grid; align-content: start; gap: 12px; padding: 24px; }
    .chat-empty { display: grid; min-height: 300px; place-items: center; color: var(--chat-muted); text-align: center; }
    .chat-empty strong { display: block; margin-bottom: 6px; color: var(--chat-text); font-family: 'Orbitron', sans-serif; }
    .chat-message { padding: 14px 16px; border: 1px solid var(--chat-line); border-radius: 13px; background: rgba(27,20,12,.45); }
    .chat-message.mine { border-color: rgba(169,214,107,.38); background: rgba(169,214,107,.07); }
    .chat-message-meta { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 7px; }
    .chat-message-user { color: var(--chat-cyan); font-weight: 800; }
    .chat-message-time { color: var(--chat-muted); font-size: .73rem; white-space: nowrap; }
    .chat-message-text { color: var(--chat-text); line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
    .delete-message-button { padding: 5px 9px; color: var(--chat-danger); border: 1px solid rgba(255,113,132,.3); border-radius: 7px; background: rgba(255,113,132,.07); cursor: pointer; font-size: .7rem; }
    .delete-message-button:hover { border-color: var(--chat-danger); background: rgba(255,113,132,.15); }

    .chat-compose { display: grid; grid-template-columns: 1fr auto; gap: 10px; padding: 18px 20px 20px; }
    #chatInput { width: 100%; min-height: 48px; resize: vertical; padding: 13px 15px; color: var(--chat-text); outline: none; border: 1px solid var(--chat-line); border-radius: 10px; background: rgba(27,20,12,.58); font: 500 .95rem 'Exo 2', sans-serif; }
    #chatInput:focus { border-color: var(--chat-cyan); box-shadow: 0 0 0 3px rgba(169,214,107,.1); }
    #sendChatButton { min-height: 48px; padding: 0 21px; border: 0; border-radius: 10px; color: #fff8e9; background: linear-gradient(120deg,#5eac3d,#a96c2e); cursor: pointer; font: 800 .76rem 'Orbitron', sans-serif; transition: .2s ease; }
    #sendChatButton:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(169,214,107,.22); }
    #sendChatButton:disabled { opacity: .6; cursor: wait; transform: none; }
    #chatAlert { min-height: 21px; grid-column: 1 / -1; color: var(--chat-danger); font-size: .83rem; }
    #chatAlert.success { color: var(--chat-success); }
    .back-link { display: inline-flex; margin-bottom: 20px; color: var(--chat-muted); font-size: .88rem; transition: .2s ease; }
    .back-link:hover { color: var(--chat-cyan); }

    @media (max-width: 700px) {
      .admin-chat-header { min-height: 70px; }
      .admin-chat-nav a { padding-inline: 7px; font-size: .75rem; }
      .admin-chat-nav a:nth-child(-n+2) { display: none; }
      .chat-compose { grid-template-columns: 1fr; }
      #sendChatButton { width: 100%; }
    }

/* ===== Ortak orman teması: tüm sayfalar anasayfa/chat ile aynı arka plan ===== */
body.auth-page,body.register-page,body.profile-page,body.forms-page,body.ticket-page{background:linear-gradient(180deg,rgba(25,20,12,.72),rgba(11,12,8,.94)),url('assets/sxcredsmp-nature-scene.png') center top/cover fixed no-repeat!important;color:#fff8e9}
.auth-grid,.register-grid,.profile-grid,.forms-grid,.ticket-grid{opacity:.13!important;background-image:linear-gradient(rgba(221,176,91,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(221,176,91,.055) 1px,transparent 1px)!important}
.profile-header,.forms-header,.ticket-header{border-bottom-color:rgba(218,174,90,.3)!important;background:rgba(39,28,15,.45);backdrop-filter:blur(14px)}
.profile-cover{background:linear-gradient(110deg,rgba(169,214,107,.18),rgba(213,136,79,.22) 50%,rgba(16,19,15,.05))!important}
@media(max-width:700px){body.auth-page,body.register-page,body.profile-page,body.forms-page,body.ticket-page{background:linear-gradient(180deg,rgba(16,18,10,.82),rgba(14,13,8,.95)),url('assets/sxcredsmp-nature-scene.png') 64% top/auto 100% fixed no-repeat!important}}

/* ===== Sağ üst 3 çizgili açılır menü ===== */
.has-menu{position:relative;z-index:60}
.menu{position:relative;z-index:100;margin-left:auto;flex-shrink:0}
.menu-fixed{position:fixed;top:16px;right:16px;margin:0}
.menu-toggle{display:grid;align-content:center;justify-items:center;gap:5px;width:46px;height:46px;padding:0;color:#fff8e9;border:1px solid rgba(218,174,90,.42);border-radius:13px;background:rgba(39,28,15,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(14px);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.menu-toggle:hover,.menu.open .menu-toggle{border-color:rgba(224,177,88,.7);background:rgba(165,111,37,.32)}
.menu-toggle:focus-visible{outline:2px solid #a9d66b;outline-offset:2px}
.menu-toggle span{display:block;width:21px;height:2px;border-radius:2px;background:#fff8e9;transition:transform .25s,opacity .2s}
.menu.open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu.open .menu-toggle span:nth-child(2){opacity:0}
.menu.open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu-panel{position:absolute;top:calc(100% + 10px);right:0;display:grid;gap:2px;width:250px;max-width:calc(100vw - 32px);padding:8px;border:1px solid rgba(212,166,92,.4);border-radius:16px;background:rgba(35,28,19,.96);box-shadow:0 24px 60px rgba(10,6,2,.55),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}
.menu.open .menu-panel{opacity:1;visibility:visible;transform:none}
.menu-panel a,.menu-logout{display:flex;align-items:center;width:100%;min-height:44px;padding:0 14px;color:#c7b99b;border:1px solid transparent;border-radius:10px;background:none;font:600 .9rem 'Exo 2',system-ui,sans-serif;text-align:left;cursor:pointer;transition:.2s ease}
.menu-panel a:hover,.menu-logout:hover{color:#fff8e9;border-color:rgba(224,177,88,.38);background:rgba(165,111,37,.24)}
.menu-panel a.active{color:#fff8e9;border-color:rgba(224,177,88,.38);background:rgba(165,111,37,.2)}
.menu-panel a.active:before{content:'';width:7px;height:7px;margin-right:10px;border-radius:50%;background:#a9d66b;box-shadow:0 0 10px #a9d66b}
.menu-panel .menu-cta{justify-content:center;color:#fff8e9;border-color:rgba(172,222,95,.72);background:linear-gradient(120deg,#5eac3d,#a96c2e);font-weight:700}
.menu-panel .menu-cta:hover{background:linear-gradient(120deg,#79c34b,#c68538)}
.menu-logout{color:#ffb59a;border-color:rgba(255,152,113,.3);background:rgba(122,52,29,.16)}
.menu-logout:hover{color:#fff;border-color:rgba(255,152,113,.55);background:rgba(122,52,29,.34)}
.menu-logout:disabled{opacity:.6;cursor:wait}
.menu-sep{height:1px;margin:6px 4px;background:rgba(212,166,92,.28)}
.menu-user{display:grid;gap:1px;margin:2px 2px 6px;padding:10px 14px;border:1px solid rgba(212,166,92,.25);border-radius:10px;background:rgba(27,20,12,.5)}
.menu-user small{color:#c7b99b;font-size:.68rem}
.menu-user strong{overflow:hidden;color:#e5b65e;text-overflow:ellipsis;white-space:nowrap;font:700 .88rem 'Orbitron',sans-serif}
.menu-user[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.menu-panel,.menu-toggle span{transition:none}}


/* ===== Mobil düzeltmeleri ===== */
@media(max-width:700px){
.site-header{min-height:68px;padding-block:12px;background:transparent;backdrop-filter:none}
.menu-toggle{width:44px;height:44px}
.hero{min-height:0;padding:44px 0 28px}
.eyebrow{font-size:.62rem;letter-spacing:.12em}
.hero h1{margin-top:14px;font-size:clamp(2rem,9.6vw,3rem);line-height:1.12;letter-spacing:-.01em}
.hero-description{margin-top:16px;font-size:.95rem;line-height:1.65}
.hero-actions{flex-direction:column;gap:10px;margin-top:22px}
.hero-actions .button{width:100%;min-height:50px}
.hero-meta{gap:8px 16px;margin-top:18px;font-size:.78rem}
.info-strip{padding:16px;gap:12px}
.section-block{padding-top:60px}
.section-heading h2,.split-copy h2{font-size:clamp(1.7rem,8vw,2.3rem);letter-spacing:-.01em}
.section-heading p{font-size:.92rem}
.mode-card{min-height:0;padding:20px}
.split-section{padding-top:60px}
.split-actions{flex-direction:column;align-items:stretch;gap:14px}
.split-actions .button{width:100%}
.split-actions .text-link{text-align:center}
.site-footer{margin-top:60px;text-align:center;justify-items:center}
.footer-links{justify-content:center;flex-wrap:wrap}
.chat-heading h1,.admin-chat-heading h1,.profile-heading h1,.forms-heading h1,.ticket-heading h1{letter-spacing:-.01em}
.toast{left:16px;right:16px;bottom:16px;text-align:center}
}