/* ZYTRIX V6 — ultra clean elegant rebuild */
:root{--z-bg:#030207;--z-bg2:#08040d;--z-panel:#0b0712;--z-panel2:#100a1b;--z-line:rgba(165,121,255,.13);--z-line2:rgba(190,160,255,.26);--z-text:#f7f3ff;--z-muted:#8d849b;--z-purple:#5b21b6;--z-purple2:#8b5cf6;--z-purple3:#c4b5fd;--z-red:#fb7185}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial!important;background:#030207!important;color:var(--z-text)!important}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(750px 520px at 82% -15%,rgba(91,33,182,.28),transparent 62%),radial-gradient(560px 420px at -8% 22%,rgba(124,58,237,.10),transparent 70%),linear-gradient(180deg,#05030a 0%,#020104 100%)}
body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 75%);opacity:.55}
@keyframes zIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes zGlow{0%,100%{opacity:.45;transform:translateY(0)}50%{opacity:.75;transform:translateY(-10px)}}@keyframes zSlide{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
/* login v6 */
.zy-login-v6{min-height:100vh;display:grid;place-items:center;padding:22px;overflow:hidden}.zy-login-v6 .bg-orb{position:fixed;width:460px;height:460px;border-radius:50%;right:-150px;top:-170px;background:rgba(91,33,182,.30);filter:blur(50px);animation:zGlow 6s ease-in-out infinite}.zy-login-v6 .bg-orb.two{width:360px;height:360px;left:-150px;top:54%;background:rgba(76,29,149,.18);animation-delay:1.3s}
.z-auth{width:min(438px,100%);padding:34px;border-radius:28px;background:linear-gradient(180deg,rgba(12,7,20,.82),rgba(6,3,10,.76));border:1px solid var(--z-line);box-shadow:0 32px 90px rgba(0,0,0,.55);backdrop-filter:blur(18px);animation:zIn .45s ease both}.z-logo{display:flex;align-items:center;gap:12px;margin-bottom:28px}.z-logo-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(91,33,182,.08));border:1px solid var(--z-line2);font-weight:950;color:var(--z-purple3);letter-spacing:.04em}.z-logo h1{font-size:24px;letter-spacing:.18em;margin:0;font-weight:950}.z-kicker{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;border:1px solid var(--z-line);border-radius:999px;color:var(--z-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.z-kicker i{width:6px;height:6px;border-radius:50%;background:var(--z-purple2);box-shadow:0 0 14px var(--z-purple2)}.z-auth h2{font-size:34px;line-height:1;margin:22px 0 8px;letter-spacing:-.05em}.z-auth p{color:var(--z-muted);font-size:14px;line-height:1.55;margin:0 0 22px}.z-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--z-line);border-radius:15px;background:rgba(0,0,0,.18);margin-bottom:22px}.z-tab{height:42px;border:0;border-radius:11px;background:transparent;color:#9a91aa;font-weight:850;cursor:pointer;transition:.18s}.z-tab.active{background:#171023;color:#fff;box-shadow:inset 0 0 0 1px var(--z-line2)}.z-form{display:grid;gap:15px}.z-form label{display:grid;gap:8px;font-size:12px;color:#d9d1e8;font-weight:650}.z-form input{height:47px;border-radius:14px;border:1px solid var(--z-line)!important;background:rgba(0,0,0,.27)!important;color:#fff!important;padding:0 14px!important;outline:none!important;transition:.18s!important}.z-form input:focus{border-color:rgba(196,181,253,.48)!important;box-shadow:0 0 0 4px rgba(139,92,246,.10)!important}.z-submit{height:49px;margin-top:8px;border-radius:14px;border:1px solid rgba(196,181,253,.18);background:linear-gradient(135deg,#25113d,#5b21b6);color:#fff;font-weight:900;cursor:pointer;transition:.18s}.z-submit:hover{transform:translateY(-1px);border-color:rgba(196,181,253,.36);filter:brightness(1.08)}.hidden{display:none!important}.zy-alert{border:1px solid var(--z-line);border-radius:14px;padding:11px 13px;margin:0 0 16px;color:#eadfff;background:rgba(139,92,246,.08)}.zy-alert-error{border-color:rgba(251,113,133,.25);background:rgba(251,113,133,.08)}
/* app/sidebar clean */
aside,.bg-sidebar,aside.bg-sidebar{background:rgba(5,3,9,.84)!important;border-right:1px solid var(--z-line)!important;box-shadow:none!important;backdrop-filter:blur(18px)!important}aside h1,.bg-sidebar h1{font-size:25px!important;letter-spacing:.2em!important;font-weight:950!important;color:#fff!important;background:none!important;-webkit-text-fill-color:initial!important;text-shadow:none!important}aside nav{gap:2px!important}aside nav button,.nav-btn,aside a:not([href*="logout"]){height:44px!important;border-radius:12px!important;margin:1px 0!important;padding:0 14px!important;background:transparent!important;border:1px solid transparent!important;color:#a69cad!important;box-shadow:none!important;font-weight:650!important;transition:background .18s,border-color .18s,color .18s,transform .18s!important}aside nav button i,.nav-btn i{color:#8b7d9d!important}aside nav button:hover,.nav-btn:hover,aside a:not([href*="logout"]):hover{background:rgba(139,92,246,.07)!important;border-color:rgba(196,181,253,.10)!important;color:#fff!important;transform:none!important}aside nav button[class*="bg-white"],aside nav button.text-purple-400,.nav-btn.active{background:rgba(139,92,246,.12)!important;border-color:rgba(196,181,253,.16)!important;color:#fff!important}.p-4.border-t{border-top:1px solid var(--z-line)!important}a[href*="logout"],.logout{height:44px!important;border-radius:12px!important;background:transparent!important;color:#ef9aaa!important;border:1px solid rgba(251,113,133,.16)!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;gap:8px}a[href*="logout"]:hover,.logout:hover{background:rgba(251,113,133,.07)!important;border-color:rgba(251,113,133,.30)!important}
/* cards/forms/buttons */
main{animation:zIn .38s ease both}.clean-card,.minimal-card,.release-card,.card,.rounded-xl,.rounded-2xl,.rounded-lg,[class*="bg-white/"]{background:rgba(12,7,18,.58)!important;border:1px solid var(--z-line)!important;box-shadow:none!important;border-radius:18px!important;backdrop-filter:blur(12px)!important}.clean-card:hover,.minimal-card:hover,.release-card:hover,.card:hover{border-color:var(--z-line2)!important;background:rgba(14,8,22,.72)!important;transform:none!important}.clean-input,input,select,textarea{background:rgba(0,0,0,.22)!important;border:1px solid var(--z-line)!important;border-radius:12px!important;color:#fff!important;box-shadow:none!important}.clean-input:focus,input:focus,select:focus,textarea:focus{border-color:rgba(196,181,253,.45)!important;box-shadow:0 0 0 3px rgba(139,92,246,.09)!important}.clean-btn,.action-text-btn,button:not(.z-tab):not(.gui2-nav button):not(.gui2-logout):not(.z-submit){border-radius:12px!important;border:1px solid var(--z-line)!important;background:rgba(139,92,246,.07)!important;color:#f1ecff!important;box-shadow:none!important;transition:.18s!important}.clean-btn:hover,.action-text-btn:hover,button:not(.z-tab):not(.gui2-nav button):not(.gui2-logout):not(.z-submit):hover{background:rgba(139,92,246,.12)!important;border-color:var(--z-line2)!important;transform:none!important}.clean-btn.primary,.bg-purple-600{background:linear-gradient(135deg,#25113d,#5b21b6)!important;color:#fff!important;border-color:rgba(196,181,253,.18)!important}.hero-title{background:linear-gradient(90deg,#fff,#c4b5fd)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:none!important}.text-purple-400,.text-purple-300{color:#c4b5fd!important}.border-white\/5,.border-white\/10{border-color:var(--z-line)!important}.bg-white\/5,.bg-white\/10{background:rgba(139,92,246,.06)!important}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#05030a}::-webkit-scrollbar-thumb{background:#2e1855;border-radius:999px}
/* gui menu v6 */
.gui2{min-height:100vh;background:#030207!important;color:#f7f3ff!important;display:grid;grid-template-columns:252px 1fr;overflow:hidden}.gui2-sidebar{height:100vh;padding:28px 16px;border-right:1px solid var(--z-line);background:rgba(5,3,9,.88);display:flex;flex-direction:column}.gui2-brand{display:flex;align-items:center;gap:12px;margin:0 0 34px 4px}.gui2-brand img{width:34px;height:34px;object-fit:contain}.gui2-brand span{font-size:22px;font-weight:950;letter-spacing:.18em}.gui2-nav{display:grid;gap:2px}.gui2-nav p{font-size:10px;letter-spacing:.18em;color:#665d73;font-weight:900;margin:18px 12px 8px}.gui2-nav button{height:42px;border:1px solid transparent;border-radius:12px;background:transparent;color:#a69caf;display:flex;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:750;cursor:pointer;transition:.18s;text-align:left}.gui2-nav button:hover{background:rgba(139,92,246,.07);color:#fff}.gui2-nav button.active{background:rgba(139,92,246,.13);border-color:rgba(196,181,253,.16);color:#fff}.gui2-nav i{font-size:18px;color:#9387a5}.gui2-logout{margin-top:auto;height:44px;border-radius:12px;border:1px solid rgba(251,113,133,.18);background:transparent;color:#f0a0ad;font-weight:850;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.18s}.gui2-logout:hover{background:rgba(251,113,133,.07);border-color:rgba(251,113,133,.32)}.gui2-main{padding:34px 44px 44px;overflow:auto}.gui2-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.gui2-top h1{font-size:28px;letter-spacing:-.035em;margin:0}.gui2-status{font-size:10px;letter-spacing:.18em;color:#7ee2a8;border:1px solid rgba(126,226,168,.18);background:rgba(126,226,168,.06);border-radius:999px;padding:8px 13px;font-weight:900}.gui2-grid{display:grid;grid-template-columns:1fr 1fr 340px;gap:18px;align-items:start}.gui2-card{border:1px solid var(--z-line);background:rgba(10,6,16,.62);border-radius:18px;overflow:hidden;animation:zSlide .35s ease both}.gui2-card h2{margin:0;padding:17px 20px;border-bottom:1px solid var(--z-line);font-size:13px;letter-spacing:.02em}.gui2-body{padding:14px 20px 18px}.gui2-row{height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.045);font-size:14px;color:#d8d1e6}.gui2-row:last-child{border-bottom:0}.gui2-switch{position:relative;width:39px;height:22px}.gui2-switch input{display:none}.gui2-switch b{position:absolute;inset:0;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);transition:.2s}.gui2-switch b:after{content:"";position:absolute;width:14px;height:14px;left:4px;top:3px;border-radius:50%;background:#70687d;transition:.2s}.gui2-switch input:checked+b{background:rgba(91,33,182,.55);border-color:rgba(196,181,253,.26)}.gui2-switch input:checked+b:after{left:20px;background:#fff;box-shadow:0 0 18px rgba(139,92,246,.75)}.gui2-rangebox{margin:18px 0;padding:15px;border-radius:15px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.055)}.gui2-rangebox div{display:flex;justify-content:space-between;margin-bottom:13px;color:#9b91aa;font-size:12px;font-weight:850}.gui2-rangebox b{color:#c4b5fd}.gui2-range{--p:50%;appearance:none;width:100%;height:4px;border:0!important;border-radius:999px;background:linear-gradient(90deg,#8b5cf6 0 var(--p),rgba(255,255,255,.12) var(--p) 100%)!important;padding:0!important;outline:none}.gui2-range::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #8b5cf6;box-shadow:0 0 18px rgba(139,92,246,.8);cursor:pointer}.gui2-input,.gui2-select{width:100%;height:43px;border-radius:12px;border:1px solid var(--z-line)!important;background:rgba(0,0,0,.18)!important;color:#eee8ff!important;padding:0 13px;font-weight:750}.gui2-select{margin-top:12px;display:flex;align-items:center;justify-content:space-between}.gui2-card.scroll .gui2-body{max-height:288px;overflow:auto}
@media(max-width:980px){.gui2{grid-template-columns:1fr;overflow:auto}.gui2-sidebar{height:auto;position:relative}.gui2-main{padding:24px 16px}.gui2-grid{grid-template-columns:1fr}.gui2-top{align-items:flex-start;flex-direction:column;gap:12px}.z-auth{padding:26px;border-radius:24px}}
