:root{--shell-sidebar:240px;--shell-bg:#f8fafc;--shell-sidebar-bg:#0b1729;--shell-sidebar-border:#26364a;--shell-border:#d8e2ee;--shell-text:#0f172a;--shell-muted:#64748b;--shell-card:#fff;--shell-accent:#4f46e5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{font-family:inherit}body{margin:0;background:linear-gradient(180deg,#eef5fb 0,#f8fafc 260px);color:var(--shell-text);min-height:100vh;font-family:inherit}button,select,input,textarea{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,p{font-family:inherit}.app-shell,.shell{display:grid;grid-template-columns:var(--shell-sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--shell-sidebar);height:100vh;overflow:auto;background:var(--shell-sidebar-bg);color:#e5edf7;border-right:1px solid var(--shell-sidebar-border);padding:18px 14px 22px;z-index:40}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px 18px;font-weight:800}.brand-badge{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:url('/thiru-logs-logo.svg') center/cover no-repeat!important;color:transparent;font-size:0;overflow:hidden}.brand small{display:block;color:#67e8f9;font-size:11px;margin-top:2px}.side-link{display:flex;justify-content:space-between;gap:8px;padding:10px 11px;border:1px solid var(--shell-sidebar-border);border-radius:10px;margin:7px 0;background:#111f32;font-size:13px;font-weight:700;color:#e5edf7;text-decoration:none}.side-link:hover,.side-link:focus-visible{border-color:#3d536d;background:#15263b;color:#fff}.side-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9fb0c4;padding:0 8px 5px;margin-top:20px}.category{display:block;padding:9px 10px;border-radius:10px;margin:6px 0;background:#111f32;border:1px solid var(--shell-sidebar-border);font-size:12px;color:#e5edf7;text-decoration:none}.category:hover,.category:focus-visible{border-color:#3d536d;background:#15263b;color:#fff}.category strong{display:block}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.chip{font-size:10px;padding:4px 7px;border:1px solid #33465e;border-radius:999px;color:#d9e5f1;background:transparent;text-decoration:none}.chip:hover,.chip:focus-visible{border-color:#5b7390;color:#fff}.chip.active{background:#164e63;border-color:#22d3ee;color:#fff}.main{grid-column:2;min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 20px;background:rgba(248,250,252,.97);border-bottom:1px solid var(--shell-border);backdrop-filter:blur(10px)}.topnav{display:flex;gap:6px;flex-wrap:wrap}.topnav a{padding:9px 11px;border-radius:9px;font-size:13px;color:#0f172a;text-decoration:none;border:1px solid transparent}.topnav a:hover,.topnav a.active{background:#fff;border-color:var(--shell-border)}.top-actions{display:flex;align-items:center;gap:8px}.pill{padding:8px 11px;border:1px solid var(--shell-border);border-radius:999px;background:#fff;font-size:12px}.login{padding:9px 16px;border-radius:9px;background:#0f172a;color:#fff;font-weight:700;font-size:13px;text-decoration:none}.page{width:min(1450px,calc(100% - 36px));margin:24px auto 40px;flex:1}.footer{border-top:1px solid var(--shell-border);background:#fff;padding:20px 24px}.footer-inner{max-width:1450px;margin:auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--shell-muted);font-size:12px}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer a{color:#334155;font-weight:600;text-decoration:none}.footer a:hover{text-decoration:underline}.mobile-brand,.menu-toggle{display:none}@media(max-width:1000px){.app-shell,.shell{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{grid-column:1}.menu-toggle{display:inline-flex;border:1px solid var(--shell-border);background:#fff;border-radius:8px;padding:8px 10px}.mobile-brand{display:inline;font-weight:800}.topnav{display:none}.top-actions .pill{display:none}.page{width:min(100% - 20px,1450px)}}