body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,#fde68a66,transparent 25%),radial-gradient(circle at 90% 15%,#7dd3fc55,transparent 25%),linear-gradient(135deg,#ecfeff,#f0fdf4,#fffbeb);font-family:"Trebuchet MS",system-ui,sans-serif;color:#0f172a}
.glass{background:#fffffff0;backdrop-filter:blur(16px);box-shadow:0 18px 45px #0f172a1a;border:1px solid #ffffffcc}
.card{background:#fff;border:2px solid #0f172a10;box-shadow:0 14px 28px #0f172a14;border-radius:28px}
.brand-box{border-radius:30px;padding:20px;margin-bottom:24px;background:linear-gradient(135deg,#34d399,#38bdf8,#fde047);color:white}
.brand-box h1{font-size:24px;font-weight:900}.brand-box p{font-size:12px;font-weight:800}
.input{width:100%;padding:14px 16px;border-radius:20px;border:2px solid #e2e8f0;background:#f8fafc;font-weight:800;outline:none}
.input:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b98122;background:white}
.btn-main{background:linear-gradient(135deg,#10b981,#3b82f6);color:white;box-shadow:0 12px 25px #3b82f633}
.btn-orange{background:linear-gradient(135deg,#fb923c,#f97316);color:white;box-shadow:0 12px 25px #f9731633}
.btn-red{background:linear-gradient(135deg,#fb7185,#e11d48);color:white}
.hide{display:none!important}.active{background:linear-gradient(135deg,#10b981,#3b82f6)!important;color:white!important}
.login-screen{position:fixed;inset:0;z-index:9999;background:linear-gradient(135deg,#d1fae5,#e0f2fe,#fef3c7);display:flex;align-items:center;justify-content:center;padding:16px}
.login-card{background:white;border-radius:34px;box-shadow:0 20px 60px #0f172a20;width:100%;max-width:430px;padding:26px}
label{font-size:12px;font-weight:900;color:#64748b}
@media print{body{background:white}.no-print{display:none!important}}