/* ANREWAX PREMIUM APP UI V3 */
:root{--ax-bg:#f3f1e9;--ax-ink:#13241c;--ax-deep:#071b13;--ax-green:#123e2d;--ax-green2:#1c5a40;--ax-gold:#c3a45d;--ax-line:#dde3dd;--ax-white:#fff;--ax-muted:#78847d}
body{background:var(--ax-bg)!important;color:var(--ax-ink)!important}
button,a,input,select{transition:.18s ease}
button:active{transform:scale(.985)}
/* LOGIN */
#guest{min-height:100vh;background:radial-gradient(circle at 9% 4%,rgba(195,164,93,.16),transparent 27%),radial-gradient(circle at 92% 24%,rgba(18,62,45,.10),transparent 30%),#f7f5ef!important}
#guest .public-header{height:78px!important;padding:0 clamp(18px,5vw,72px)!important;background:rgba(247,245,239,.84)!important;backdrop-filter:blur(20px);border-color:rgba(18,62,45,.08)!important}
#guest .brand .mark{background:var(--deep,#071b13);color:#e8d49e;border-color:#947a3e;box-shadow:0 7px 25px #071b1320}
#guest .brand strong{font-size:14px}.public-header nav a{font-weight:650!important}
#guest .public-main{max-width:1260px!important;padding:34px 22px 80px!important}
#guest .hero{min-height:470px!important;border-radius:32px!important;padding:58px!important;grid-template-columns:1.45fr .55fr!important;position:relative;overflow:hidden;background:linear-gradient(130deg,#071b13 0%,#103d2c 62%,#1c5940 100%)!important;box-shadow:0 35px 90px rgba(7,27,19,.18)!important}
#guest .hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-100px;top:-170px;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
#guest .hero>div,#guest .hero>aside{position:relative;z-index:2}
#guest .hero h1{font:500 clamp(46px,6vw,78px)/.98 Georgia,serif!important;letter-spacing:-.045em!important;margin:18px 0 24px!important;max-width:760px}
#guest .hero p{font-size:15px!important;max-width:610px;color:#c0d1c8!important}
#guest .hero aside{border:1px solid rgba(255,255,255,.13)!important;border-radius:22px!important;padding:30px!important;background:rgba(255,255,255,.055)!important;backdrop-filter:blur(12px);align-self:end}
#guest .hero aside strong{font-size:31px!important}.auth-grid{margin-top:-48px!important;position:relative;z-index:5;padding:0 34px;grid-template-columns:.82fr 1.18fr!important}
#guest .auth-grid .panel{border:1px solid rgba(18,62,45,.10)!important;border-radius:24px!important;padding:30px!important;box-shadow:0 25px 60px rgba(20,38,29,.08)!important}
#guest .auth-grid .panel h2{font-size:30px!important;margin-bottom:25px!important}
#guest .auth-grid input{min-height:50px!important;border-radius:12px!important;background:#fafbf9!important}
#guest .auth-grid button{min-height:50px!important;border-radius:12px!important;background:linear-gradient(135deg,#123e2d,#1d5c42)!important;box-shadow:0 10px 24px rgba(18,62,45,.16)}
/* APP */
#dash .shell{grid-template-columns:278px minmax(0,1fr)!important}
#dash .sidebar{background:linear-gradient(180deg,#071a12,#0a271c 65%,#0c3022)!important;padding:25px 17px!important;box-shadow:12px 0 50px rgba(7,26,18,.07)}
#dash .sidebrand{padding:2px 9px 27px!important}.sidebrand .mark{background:#ffffff08}
#dash .sidebar nav a,#dash .navlink{min-height:46px!important;border-radius:12px!important;padding:12px 13px!important;font-size:12px!important;display:flex!important;align-items:center!important;gap:10px!important}
#dash .sidebar nav a:before,#dash .navlink:before{width:25px;height:25px;border-radius:8px;background:#ffffff08;display:grid;place-items:center;color:#d6c28c;font-size:12px;flex:0 0 auto}
#dash .sidebar nav a:nth-of-type(1):before{content:"⌂"}#dash .navlink:before{content:"▤"}#dash .sidebar nav a:nth-of-type(2):before{content:"?"}#dash .sidebar nav a:nth-of-type(3):before{content:"▶"}#dash .sidebar nav a:nth-of-type(4):before{content:"♢"}#dash .sidebar nav a:nth-of-type(5):before{content:"↕"}#dash .sidebar nav a:nth-of-type(6):before{content:"₱"}#dash .sidebar nav a:nth-of-type(7):before{content:"⚙"}#dash .sidebar nav a:nth-of-type(8):before{content:"i"}
#dash .sidebar nav a:hover,#dash .sidebar nav a.active,#dash .navlink:hover{background:linear-gradient(90deg,#174936,#123a2c)!important;box-shadow:inset 0 0 0 1px #ffffff08}
#dash .main{padding:0 clamp(18px,3.2vw,50px) 110px!important;max-width:none!important}
#dash .dashhead{margin:0 calc(clamp(18px,3.2vw,50px)*-1) 28px!important;padding:24px clamp(18px,3.2vw,50px)!important;position:sticky;top:0;z-index:30;background:rgba(243,241,233,.88)!important;backdrop-filter:blur(20px);border-bottom:1px solid rgba(18,62,45,.07)}
#dash .dashhead h1{font-size:32px!important}.status{background:#fff!important;box-shadow:0 7px 25px #0000000a}
#dash .overview{border:0!important;border-radius:26px!important;background:linear-gradient(120deg,#0a2b1e,#154a35 72%,#1c6043)!important;box-shadow:0 25px 65px rgba(14,52,37,.15)!important;position:relative}
#dash .overview:after{content:"";position:absolute;right:-60px;bottom:-150px;width:330px;height:330px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 55px #ffffff08}
#dash .overview>div{padding:32px!important;position:relative;z-index:2}.overview>div>strong{font-size:43px!important}
#dash .metrics{gap:14px!important;margin:20px 0!important}.metrics article{padding:21px!important;border:1px solid #e1e5df!important;border-radius:17px!important;box-shadow:0 12px 32px rgba(28,42,34,.035)!important}.metrics strong{font-size:26px!important}
#dash .card{border-radius:20px!important;border:1px solid #dfe4de!important;padding:27px!important;box-shadow:0 15px 40px rgba(24,40,31,.035)!important}
#dash .networkbox{border-radius:14px!important;background:linear-gradient(135deg,#f8faf7,#f2f5f1)!important}
#dash .platforms{gap:14px!important}.platforms button{min-height:180px!important;border-radius:17px!important;padding:22px!important;background:linear-gradient(145deg,#fff,#f7f8f5)!important;position:relative;overflow:hidden}.platforms button:after{content:"→";position:absolute;right:18px;bottom:17px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#123e2d;color:#fff}.platforms button:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(18,62,45,.08)!important}
#dash table{border-radius:12px;overflow:hidden}#dash th{background:#f1f4f0!important}
.ax-v3-mobile{display:none}
.ax-v3-toast{position:fixed;right:22px;bottom:22px;z-index:9999;padding:13px 17px;border-radius:12px;background:#0c2d20;color:#fff;box-shadow:0 15px 45px #0004;opacity:0;transform:translateY(14px);transition:.2s}.ax-v3-toast.on{opacity:1;transform:none}
@media(max-width:950px){#dash .shell{display:block!important}#dash .sidebar{display:none!important}#dash .main{padding:0 14px 96px!important}#dash .dashhead{margin:0 -14px 18px!important;padding:16px!important}#dash .overview{grid-template-columns:1fr!important}#dash .overview>div+div{border-left:0!important;border-top:1px solid #ffffff12}.ax-v3-mobile{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:100;background:rgba(7,27,19,.96);backdrop-filter:blur(18px);border:1px solid #ffffff10;border-radius:19px;padding:7px;box-shadow:0 18px 50px #0005}.ax-v3-mobile button{background:transparent;padding:7px 2px;color:#aebbb4;font-size:10px}.ax-v3-mobile b{display:block;font-size:16px;color:#fff;margin-bottom:2px}}
@media(max-width:700px){#guest .public-header{height:66px!important}#guest .public-main{padding:14px 12px 55px!important}#guest .hero{padding:32px 22px 80px!important;border-radius:22px!important;grid-template-columns:1fr!important;min-height:auto!important}#guest .hero h1{font-size:45px!important}#guest .hero aside{margin-top:12px}.auth-grid{margin-top:-48px!important;padding:0 10px!important;grid-template-columns:1fr!important}.auth-grid .panel{padding:23px!important}.metrics{grid-template-columns:1fr 1fr!important}.grid{grid-template-columns:1fr!important}.platforms{grid-template-columns:1fr!important}footer{grid-template-columns:1fr 1fr!important}}
@media(max-width:430px){#guest .hero h1{font-size:39px!important}.metrics{grid-template-columns:1fr!important}footer{grid-template-columns:1fr!important}}