:root{
  --canard:#036666; --turquoise:#04A29A; --vert:#B1CB21;
  --vert-arsenic:#A7D4BA; --card:#fff; --primary:#036666; --primary-dark:#024e4e;
  --text:#1e293b; --muted:#64748b; --border:#cbd5e1; --danger:#dc2626; --radius:12px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--text);background:#f1f5f9;font-size:16px;line-height:1.4;}
.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(160deg,var(--turquoise),var(--canard) 70%,#023b3b);padding:20px;}
.login-card{background:var(--card);border-radius:var(--radius);padding:28px 24px;width:100%;max-width:380px;box-shadow:0 10px 40px rgba(0,0,0,.3);}
.login-logo{display:block;width:104px;height:auto;margin:0 auto 14px;}
.login-card h1{margin:0 0 18px;text-align:center;font-size:19px;color:var(--canard);}
label{display:block;margin-bottom:14px;font-size:14px;font-weight:600;color:var(--text);}
label input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid var(--border);border-radius:10px;font-size:16px;font-weight:400;}
label input:focus{outline:none;border-color:var(--turquoise);box-shadow:0 0 0 3px rgba(4,162,154,.15);}
.btn-primary{width:100%;padding:14px;border-radius:10px;border:none;background:var(--primary);color:#fff;font-size:16px;font-weight:600;cursor:pointer;}
.btn-primary:active{background:var(--primary-dark);}
.alert{background:#fef2f2;color:var(--danger);border:1px solid #fecaca;padding:10px 12px;border-radius:10px;margin-bottom:14px;font-size:14px;}
/* Page admin */
.admin-wrap{max-width:820px;margin:0 auto;padding:24px 16px;}
.admin-wrap h1{color:var(--canard);font-size:22px;}
.admin-wrap h2{color:var(--canard);font-size:16px;margin-top:28px;}
.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;margin:12px 0;}
table{width:100%;border-collapse:collapse;font-size:14px;}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #e2e8f0;}
th{background:#f1f5f9;color:#475569;}
.admin-wrap input,.admin-wrap select{padding:9px;border:1px solid var(--border);border-radius:8px;font-size:14px;}
.btn{padding:9px 14px;border-radius:8px;border:none;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;font-size:14px;text-decoration:none;display:inline-block;}
.btn.sec{background:#e2e8f0;color:var(--text);}
.btn.del{background:#fee2e2;color:#b91c1c;}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.msg{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;padding:10px 12px;border-radius:10px;margin:10px 0;font-size:14px;}