:root{--green:#0b7857;--deep:#0d3429;--bg:#f2f6f4;--card:#fff;--text:#17231e;--muted:#748079;--line:#e1e9e5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#0d3429,#0b7857)}.auth-card{width:min(440px,100%);background:#fff;border-radius:18px;padding:32px;box-shadow:0 24px 70px #001c1255}.auth-card.install{width:min(720px,100%)}.logo{color:#2fc392;letter-spacing:2px}.logo b{color:inherit;font-size:19px}.logo span{font-size:9px}.auth-card h1{margin:28px 0 7px}.auth-card>p{color:var(--muted);font-size:14px;margin-bottom:24px}.auth-card h3{font-size:13px;margin:22px 0 8px;color:var(--green)}form label{display:block;font-size:12px;font-weight:700;margin:14px 0}input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:9px;padding:12px;outline:0}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #0b785718}button,.action{border:0;border-radius:9px;background:var(--green);color:#fff;font-weight:700;padding:12px 18px;cursor:pointer;text-decoration:none;display:inline-block}.auth-card form>button{width:100%;margin-top:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.alert{border-radius:9px;padding:11px;font-size:12px}.error{background:#fff0ec;color:#a53922}.ok{background:#e5f6ee;color:#0a6a4c}aside{position:fixed;inset:0 auto 0 0;width:245px;height:100vh;height:100dvh;background:var(--deep);color:#bdd6cc;padding:27px 18px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2d6a57 transparent}aside::-webkit-scrollbar{width:6px}aside::-webkit-scrollbar-track{background:transparent}aside::-webkit-scrollbar-thumb{background:#2d6a57;border-radius:10px}aside .logo b{color:#fff}.store{background:#ffffff0c;border:1px solid #ffffff12;padding:15px;border-radius:12px;margin:30px 0 28px}.store b,.store small{display:block;margin-left:28px}.store b{color:#fff;font-size:13px;margin-top:-18px}.store small{font-size:10px;margin-top:5px}nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;scrollbar-color:#2d6a57 transparent}nav::-webkit-scrollbar{width:6px}nav::-webkit-scrollbar-track{background:transparent}nav::-webkit-scrollbar-thumb{background:#2d6a57;border-radius:10px}nav a{display:block;color:#a8c7bb;text-decoration:none;padding:13px;border-radius:9px;margin:3px 0;font-size:13px}nav a.active,nav a:hover{background:#1a5a46;color:#fff}nav i{float:right;background:#2d6a57;padding:2px 7px;border-radius:10px;font-size:9px}.user{border-top:1px solid #ffffff16;padding-top:18px}.user b,.user small{display:block}.user b{color:#fff;font-size:12px}.user small{font-size:10px;margin:5px 0}.user a{color:#62d6ae;font-size:10px}.dashboard{margin-left:245px;padding:40px;max-width:1500px}.dashboard header h1{margin:0;font-size:28px}.dashboard header p{color:var(--muted);font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.cards article,.welcome{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}.cards span,.cards small{display:block;color:var(--muted);font-size:11px}.cards strong{display:block;font-size:21px;margin:12px 0}.welcome{margin-top:18px;padding:55px;text-align:center}.welcome h2{font-size:22px}.welcome p{color:var(--muted);font-size:13px}.welcome .secondary{background:#fff;color:var(--green);border:1px solid var(--green);margin-left:8px}@media(min-width:651px){aside{display:block!important;overflow-y:scroll!important;overflow-x:hidden!important;touch-action:pan-y;padding-bottom:35px}aside nav{display:block!important;overflow:visible!important;min-height:max-content!important}aside .user{margin-top:18px}}@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}}@media(max-width:650px){aside{position:static;width:auto;height:auto}.dashboard{margin:0;padding:22px}.cards,.grid{grid-template-columns:1fr}nav{display:grid;grid-template-columns:1fr 1fr}.user{margin-top:15px}.welcome{padding:32px 15px}}@media(min-width:651px){aside{display:flex!important;flex-direction:column!important;height:100vh!important;height:100dvh!important;overflow:hidden!important;padding-bottom:145px!important}aside nav{display:block!important;flex:1 1 auto!important;min-height:120px!important;overflow-y:scroll!important;overflow-x:hidden!important;touch-action:pan-y!important;padding-right:7px!important;padding-bottom:12px!important}aside nav a[href="settings.php"]{position:fixed!important;left:18px!important;bottom:73px!important;width:209px!important;background:#154b3b!important;color:#fff!important;z-index:50!important}aside .user{position:fixed!important;left:18px!important;bottom:0!important;width:209px!important;min-height:68px!important;margin:0!important;padding:12px 4px!important;background:#0d3429!important;z-index:51!important}}