:root{--bg:#f5faf8;--panel:#ffffff;--dark:#071611;--muted:#60706b;--line:#dcebe6;--green:#00d67a;--green2:#00b867;--danger:#e54848;--shadow:0 24px 70px rgba(5,25,18,.10);--radius:24px}*{box-sizing:border-box}body{margin:0;font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top right,#e9fff5,transparent 36%),var(--bg);color:var(--dark)}a{color:inherit;text-decoration:none}.admin-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.side{background:#071611;color:#fff;padding:24px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin-bottom:30px}.brand-badge{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#00d67a,#073b2c);display:grid;place-items:center;font-weight:900}.brand h1{font-size:16px;margin:0}.brand p{font-size:12px;margin:3px 0 0;color:#b4c9c1}.nav{display:grid;gap:8px}.nav a{padding:13px 14px;border-radius:15px;color:#dcebe6;font-weight:800;font-size:14px}.nav a.active,.nav a:hover{background:rgba(255,255,255,.09);color:#fff}.main{padding:28px 34px 60px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h2{font-size:34px;letter-spacing:-.04em;margin:0}.topbar p{margin:6px 0 0;color:var(--muted)}.btn,.button{border:0;border-radius:999px;padding:12px 18px;background:var(--green);color:#00150c;font-weight:900;display:inline-flex;gap:8px;align-items:center;cursor:pointer}.btn.secondary{background:#edf4f1;color:#10251e}.btn.danger{background:var(--danger);color:#fff}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:22px}.card span{color:var(--muted);font-weight:700;font-size:13px}.card strong{display:block;font-size:34px;margin-top:8px}.panel{padding:22px;margin-top:20px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:0 12px}.table td{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 12px;vertical-align:middle}.table tr td:first-child{border-left:1px solid var(--line);border-radius:16px 0 0 16px}.table tr td:last-child{border-right:1px solid var(--line);border-radius:0 16px 16px 0}.thumb{width:64px;height:64px;object-fit:contain;background:#f2f8f5;border-radius:14px;border:1px solid #e5f1ed}.pill{display:inline-flex;border-radius:999px;background:#eafff4;color:#087443;font-weight:900;padding:7px 10px;font-size:12px}.muted{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}label{display:grid;gap:7px;font-weight:900;font-size:13px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:15px;padding:13px 14px;font:inherit;background:#fbfffd}textarea{min-height:120px}.actions{display:flex;gap:10px;flex-wrap:wrap}.notice{border-radius:18px;padding:14px 16px;margin:14px 0;font-weight:800}.notice.ok{background:#eafff4;color:#087443}.notice.err{background:#fff0f0;color:#b00020}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:var(--shadow)}.login-card h1{font-size:32px;margin:0 0 8px;letter-spacing:-.04em}.small{font-size:12px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.kbd{font-family:ui-monospace,monospace;background:#eef7f3;border-radius:8px;padding:2px 6px}@media(max-width:980px){.admin-shell{grid-template-columns:1fr}.side{position:relative;height:auto}.grid,.form-grid,.split{grid-template-columns:1fr}.main{padding:22px}.topbar{display:block}.topbar h2{font-size:28px}}

.brand-logo-img{width:132px;max-width:100%;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 12px 30px rgba(0,214,122,.14))}.side .brand{align-items:center;gap:14px}.side .brand h1{font-size:18px;letter-spacing:-.03em}.side .brand p{text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:10px}.login-brand{align-items:center}.login-brand .brand-logo-img{width:150px}.login-card .brand{margin-bottom:22px}.login-card h1{font-size:30px}.login-card{border-radius:34px}.btn{transition:.18s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(0,214,122,.18)}.nav a{letter-spacing:-.01em}.thumb{background:#f8fffc}.admin-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 10%,rgba(0,214,122,.09),transparent 28%)}


/* ===== Electric Life Admin v34: lighter, airier typography ===== */
body{font-weight:400!important;letter-spacing:-.006em!important;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;}
.admin-shell{grid-template-columns:260px 1fr!important;}
.side{padding:28px 22px!important;}
.brand{gap:12px!important;margin-bottom:34px!important;}
.brand h1,.side .brand h1{font-size:17px!important;font-weight:560!important;letter-spacing:-.025em!important;}
.brand p,.side .brand p{font-weight:450!important;letter-spacing:.11em!important;color:#a9bdb5!important;}
.nav{gap:5px!important;}
.nav a{font-size:14px!important;font-weight:500!important;letter-spacing:0!important;padding:12px 14px!important;border-radius:13px!important;color:#cfe0da!important;}
.nav a.active,.nav a:hover{background:rgba(255,255,255,.075)!important;color:#fff!important;}
.main{padding:34px 42px 70px!important;}
.topbar{margin-bottom:28px!important;}
.topbar h2{font-size:31px!important;font-weight:560!important;letter-spacing:-.035em!important;}
.topbar p{font-size:15px!important;line-height:1.55!important;color:#6c7c77!important;}
.card,.panel{border-radius:28px!important;box-shadow:0 22px 68px rgba(5,25,18,.075)!important;}
.panel{padding:28px!important;}
.card span{font-weight:500!important;letter-spacing:.01em!important;}
.card strong{font-weight:560!important;}
.table{border-spacing:0 12px!important;}
.table th{font-weight:560!important;letter-spacing:.055em!important;color:#71827c!important;}
.table td{font-weight:400!important;line-height:1.45!important;}
label{font-weight:560!important;font-size:13px!important;gap:9px!important;color:#071611!important;}
input,select,textarea{font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:15px!important;font-weight:400!important;line-height:1.45!important;color:#10251e!important;background:#fbfffd!important;border-radius:16px!important;padding:14px 15px!important;}
textarea{min-height:116px!important;}
input:focus,select:focus,textarea:focus{outline:0!important;border-color:#00d67a!important;box-shadow:0 0 0 4px rgba(0,214,122,.10)!important;background:#fff!important;}
.btn,.button{font-weight:650!important;letter-spacing:-.005em!important;padding:12px 19px!important;}
.pill{font-weight:560!important;}
.notice{font-weight:560!important;}
.login-card{padding:38px!important;}
.login-card h1{font-weight:560!important;letter-spacing:-.035em!important;}
.login-card p{font-weight:400!important;line-height:1.55!important;}
.small{font-weight:400!important;line-height:1.5!important;}
.thumb{background:#f6fbf8!important;border-radius:16px!important;}
@media(max-width:980px){.main{padding:24px!important}.topbar h2{font-size:28px!important}.admin-shell{grid-template-columns:1fr!important}}