:root{--bg:#eef1ee;--panel:#fff;--ink:#121612;--muted:#667066;--line:#d5dbd5;--accent:#0f6b4c;--danger:#c62828;--font:"Pretendard Variable", Pretendard, sans-serif}*{box-sizing:border-box}body{font-family:var(--font);color:var(--ink);background:linear-gradient(180deg, #f5f7f4, var(--bg));margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.layout{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{color:#e8f5ee;background:#101411;padding:1.25rem 1rem}.sidebar__brand{letter-spacing:-.03em;margin-bottom:1.5rem;font-weight:800}.sidebar nav{flex-direction:column;gap:.35rem;display:flex}.sidebar a{color:#e8f5eebf;border-radius:10px;padding:.65rem .75rem;font-weight:600}.sidebar a.active,.sidebar a:hover{color:#7dffb3;background:#7dffb31f}.content{padding:1.5rem}.page-title{letter-spacing:-.03em;margin:0 0 1rem;font-size:1.5rem}.cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem}.card strong{margin-top:.25rem;font-size:1.4rem;display:block}.card span{color:var(--muted);font-size:.85rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.8rem .9rem}th{color:var(--muted);background:#f7f9f6;font-size:.8rem}.status{border-radius:999px;padding:.2rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.status.on{color:var(--accent);background:#d8f3e6}.status.out{color:var(--danger);background:#fde8e6}.status.hidden{color:#555;background:#ececec}.toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.btn{cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:999px;padding:.6rem 1rem;font-weight:700}.btn.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.form{gap:.75rem;max-width:640px;display:grid}.form label{gap:.3rem;font-size:.85rem;font-weight:650;display:grid}.form input,.form select,.form textarea{border:1px solid var(--line);border-radius:10px;padding:.65rem .75rem}.muted{color:var(--muted);font-size:.88rem}@media (width<=800px){.layout{grid-template-columns:1fr}.sidebar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sidebar nav{flex-flow:wrap}}