:root{--color-bg:#fff;--color-surface:#f8f9fa;--color-border:#e9ecef;--color-text:#212529;--color-text-sub:#868e96;--color-primary:#1c7ed6;--color-primary-dark:#1971c2;--color-danger:#e03131;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:14px}button{font:inherit;cursor:pointer;border-radius:var(--radius);background:var(--color-primary);color:#fff;border:none;padding:.55rem 1rem}button:hover{background:var(--color-primary-dark)}button:disabled{opacity:.5;cursor:default}button.ghost{color:var(--color-text-sub);border:1px solid var(--color-border);background:0 0}button.ghost:hover{color:var(--color-text);background:var(--color-surface)}button.danger{color:var(--color-danger);border:1px solid var(--color-border);background:0 0}button.sm{padding:.25rem .6rem;font-size:.85rem}input,select{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;width:100%;padding:.55rem .75rem}input:focus,select:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:#0000}label{color:var(--color-text-sub);margin-bottom:.3rem;font-size:.85rem;display:block}.field{margin-bottom:.9rem}.error{color:var(--color-danger);margin-top:.5rem;font-size:.85rem}.login-wrap{background:var(--color-surface);justify-content:center;align-items:center;height:100%;display:flex}.login-card{border:1px solid var(--color-border);background:#fff;border-radius:12px;width:340px;padding:2rem}.login-card h1{text-align:center;letter-spacing:.04em;font-size:1.4rem}.login-card .sub{text-align:center;color:var(--color-text-sub);margin:.2rem 0 1.5rem;font-size:.85rem}.login-card button[type=submit]{width:100%;margin-top:.5rem}.layout{height:100%;display:flex}.sidebar{border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:210px;padding:1.2rem .8rem;display:flex}.sidebar .brand{letter-spacing:.05em;padding:0 .6rem 1rem;font-size:1.05rem;font-weight:700}.sidebar nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar nav a{border-radius:var(--radius);color:var(--color-text);padding:.55rem .6rem;text-decoration:none}.sidebar nav a:hover{background:var(--color-surface)}.sidebar nav a.active{color:var(--color-primary-dark);background:#e7f1fb;font-weight:500}.sidebar .me{color:var(--color-text-sub);border-top:1px solid var(--color-border);padding:.6rem;font-size:.85rem}.main{flex:1;padding:1.6rem 2rem;overflow:auto}.page-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.page-head h2{font-size:1.25rem}.page-head .tools{align-items:center;gap:.5rem;display:flex}.page-head .tools input{width:200px}table.grid{border-collapse:collapse;background:#fff;width:100%}table.grid th,table.grid td{text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:.6rem .75rem}table.grid th{color:var(--color-text-sub);background:var(--color-surface);font-size:.85rem;font-weight:500}table.grid td.num{text-align:right}.empty{color:var(--color-text-sub);text-align:center;padding:2.5rem 0}.badge{background:var(--color-surface);border:1px solid var(--color-border);border-radius:99px;padding:.05rem .5rem;font-size:.78rem;display:inline-block}.badge.on{color:#2b8a3e;background:#e6f4ea;border-color:#d3e9db}.badge.off{color:var(--color-danger);background:#fdeaea;border-color:#f5d0d0}.pager{color:var(--color-text-sub);justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.9rem;font-size:.9rem;display:flex}.modal-back{z-index:10;background:#21252959;justify-content:center;align-items:center;padding:3vh 3vw;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:90vw;max-width:1600px;max-height:94vh;padding:1.6rem 1.8rem;overflow:auto}.modal>form{max-width:720px;margin:0 auto}:is(.modal>form:has(table.grid),.modal>form:has(textarea)){max-width:none}.modal h3{margin-bottom:1rem;font-size:1.05rem}.modal .actions{justify-content:flex-end;gap:.5rem;margin-top:1.2rem;display:flex}.tree ul{padding-left:1.2rem;list-style:none}.tree>ul{padding-left:0}.tree li{padding:.15rem 0}.tree .node{border-radius:6px;align-items:center;gap:.5rem;padding:.2rem .4rem;display:inline-flex}.tree .node:hover{background:var(--color-surface)}button,.badge,label.ghost{white-space:nowrap;word-break:keep-all}.ed-root button.sm,.ed-root button.ghost.sm,.ed-root .badge{padding:4px 8px;font-size:11.5px}.ed-root .badge{padding:2px 7px}.ed-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ed-sec{color:#8a94a6;letter-spacing:.04em;margin:10px 0 4px;font-size:10.5px;font-weight:700}.ed-sec:first-child{margin-top:0}.ed-hint{color:#a8b1c0;font-size:9.5px;font-weight:400}