*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#f8f9fa;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.box{background:#fff;padding:36px;border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,0.08);width:100%;max-width:360px}
h1{color:#A764CB;text-align:center;margin-bottom:28px;font-size:1.4rem}
input{width:100%;padding:14px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:12px;color:#1a1a1a;font-size:1rem;margin-bottom:14px}
input:focus{outline:none;border-color:#A764CB;background:#fff}
button{width:100%;padding:14px;background:#A764CB;border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all 0.2s}
button:hover{background:#8E4FB0}
.err{background:#ffebee;color:#e53935;padding:12px;border-radius:10px;margin-bottom:14px;text-align:center;font-size:0.9rem}
a{display:block;text-align:center;margin-top:18px;color:#888;text-decoration:none;font-size:0.9rem}
a:hover{color:#A764CB}

body.admin-login{background:linear-gradient(180deg,#f5f6f8 0%,#fff 100%)}
body.admin-login .box{border:1px solid #e8e8ef;border-radius:10px;box-shadow:0 18px 48px rgba(18,18,30,.08)}
body.admin-login h1{color:#A764CB}
body.admin-login input,body.admin-login button{border-radius:8px}
body.admin-login button{background:#A764CB}

/* DARK MODE (html.dark) */
html.dark body,html.dark body.admin-login{background:linear-gradient(180deg,#0f0d15 0%,#161020 100%)!important}
html.dark .box{background:#181222!important;border:1px solid #2a2138!important;box-shadow:0 18px 48px rgba(0,0,0,.5)!important}
html.dark h1{color:#C58AD9!important}
html.dark input{background:#1e1730!important;border-color:#2a2138!important;color:#f3eef7!important}
html.dark input:focus{background:#241b34!important;border-color:#A764CB!important}
html.dark input::placeholder{color:#8a7fa0}
html.dark .err{background:rgba(229,57,53,.18)!important;color:#fb7185!important}
html.dark a{color:#9b90ad!important}
html.dark a:hover{color:#C58AD9!important}