:root{--bg:#f5f7fb;--primary:#1d4ed8;--dark:#111827;--muted:#6b7280;--card:#fff;--border:#e5e7eb}
*{box-sizing:border-box}body{background:var(--bg);color:var(--dark)}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:#0f172a;color:white;padding:22px 16px;position:fixed;top:0;bottom:0;left:0}.brand{font-size:1.25rem;font-weight:800;margin-bottom:25px;display:flex;gap:10px;align-items:center}.sidebar nav a{display:flex;gap:10px;align-items:center;color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:12px;margin-bottom:4px}.sidebar nav a:hover{background:#1e293b;color:white}.content{margin-left:260px;width:calc(100% - 260px);padding:24px}.topbar{background:white;border:1px solid var(--border);border-radius:18px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center}.page-title{margin:24px 0 16px}.page-title h1{font-size:1.7rem;font-weight:800;margin:0}.page-title p{color:var(--muted);margin:4px 0 0}.card,.stat-card{border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.stat-card{background:white;padding:20px}.stat-card span{color:var(--muted);font-size:.9rem}.stat-card strong{display:block;font-size:2rem;margin-top:6px}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1d4ed8)}.login-card{background:white;border-radius:22px;padding:28px;width:100%;max-width:390px}@media(max-width:900px){.sidebar{position:relative;width:100%;bottom:auto}.app-shell{display:block}.content{margin-left:0;width:100%;padding:14px}.topbar{border-radius:14px}.sidebar nav{display:grid;grid-template-columns:1fr 1fr}.table{font-size:.86rem}}

/* EasyLog branding */
.brand{gap:12px}
.brand-icon{width:42px;height:42px;object-fit:contain;border-radius:12px;filter:drop-shadow(0 6px 12px rgba(34,211,238,.18))}
.topbar-brand{display:flex;align-items:center;gap:14px;min-width:0}
.topbar-logo{height:54px;max-width:260px;object-fit:contain;display:block}
.login-card{max-width:440px;position:relative;overflow:hidden}
.login-card:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,#0f172a,#0284c7,#22d3ee)}
.login-logo{width:100%;max-width:300px;height:auto;object-fit:contain;margin-top:6px;filter:drop-shadow(0 12px 24px rgba(15,23,42,.12))}
.login-bg{background:radial-gradient(circle at top left,rgba(34,211,238,.35),transparent 32%),linear-gradient(135deg,#020617,#0f172a 48%,#075985)}
.btn-primary{background:linear-gradient(135deg,#0284c7,#0f172a);border:0;box-shadow:0 8px 18px rgba(2,132,199,.22)}
.btn-primary:hover{filter:brightness(1.06)}
@media(max-width:900px){.topbar-logo{height:40px;max-width:170px}.topbar-brand{align-items:flex-start}.brand-icon{width:34px;height:34px}.login-logo{max-width:260px}}