/* Tabs frontend styles */
:root{--accent:#0b57c9;--muted:#6b7b8a;}
body{font-family:Inter,Arial,Helvetica,sans-serif;margin:0;padding:0;background:#f0f6fb;color:#111;}
.ed5-topbar{display:flex;justify-content:space-between;padding:18px 28px;background:#fff;border-bottom:1px solid #eef4fb;}
.ed5-user-name{font-weight:600;}
.ed5-back-btn{background:transparent;border:1px solid transparent;padding:6px 10px;border-radius:6px;cursor:pointer;color:var(--accent);}
.ed5-header-panel{padding:28px 40px;background:linear-gradient(180deg,#eaf3ff, #f3f8ff);}
.ed5-title{margin:0 0 18px;font-size:22px;}
.ed5-tabs{display:flex;gap:18px;align-items:center;}
.ed5-tab{background:#ffffff;border:1px solid #e6eefb;padding:12px 24px;border-radius:10px;cursor:pointer;font-weight:600;color:#123055;}
.ed5-tab.active{background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(11,87,201,0.18);}
.ed5-panels{padding:24px 40px;}
.ed5-card{background:#fff;border-radius:10px;padding:18px;border:1px solid #eef4fb;box-shadow:0 6px 24px rgba(11,20,40,0.04);}
.ed5-row{display:flex;gap:12px;align-items:center;margin-bottom:8px;}
.ed5-row label{width:120px;font-weight:600;color:#2b4a60;}
input,select,textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #eef4fb;box-sizing:border-box;}
.ed5-btn{background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;border:none;cursor:pointer;}
.ed5-attendance-footer{max-width:900px;margin:18px auto;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
@media (max-width:900px){ .ed5-row{flex-direction:column;align-items:flex-start;} .ed5-row label{width:auto;} .ed5-tabs{flex-wrap:wrap;} }