*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--fs-ui:12px;--fs-sm:11px;--fs-lg:13px;--accent:#1a73e8;--accent-hover:#1557b0;--accent-bg:#e8f0fe}html,body,#root{height:100%}html,body{font-family:Helvetica,Malgun Gothic,맑은 고딕,Arial,sans-serif;font-size:var(--fs-ui);color:#333;-webkit-font-smoothing:antialiased;background:#f5f5f5}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}#app{grid-template:"topbar topbar""sidebar main"1fr"footer footer"/160px 1fr;height:100vh;display:grid}#topbar{background:#fff;border-bottom:1px solid #ddd;grid-area:topbar;align-items:center;height:48px;padding:0 16px;display:flex}.topbar__brand{color:#111;align-items:center;gap:10px;min-width:168px;font-size:15px;font-weight:600;display:flex}.topbar__header{text-align:center;color:#555;flex:1;font-size:15px;font-weight:500}.topbar__actions{align-items:center;gap:2px;margin-left:auto;display:flex}.topbar__action-btn{color:#666;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;text-decoration:none;transition:background .12s,color .12s;display:flex}.topbar__action-btn:hover{color:#333;background:#f0f0f0}.topbar__user-btn{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;transition:background .12s;display:flex}.topbar__user-btn:hover{background:var(--accent-hover)}#sidebar{background:#fff;border-right:1px solid #ddd;flex-direction:column;grid-area:sidebar;padding:16px 0;display:flex;overflow-y:auto}#sidebar nav{flex-direction:column;flex:1;display:flex}.sidebar__nav{flex:1;list-style:none}.sidebar__nav li a{color:#444;border-radius:0 6px 6px 0;align-items:center;gap:10px;padding:9px 16px;font-size:13px;text-decoration:none;transition:background .15s;display:flex}.sidebar__nav li a svg{opacity:.7;flex-shrink:0}.sidebar__nav li a.active svg{opacity:1}.sidebar__nav li a:hover{background:#f0f0f0}.sidebar__nav li a.active{background:var(--accent-bg);color:var(--accent);font-weight:500}#main{background:#fafafa;grid-area:main;display:flex;overflow:hidden}.main-body{flex:1;padding:24px 28px;overflow-y:auto}.main-header{background:#fff;border-bottom:1px solid #eee;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 28px 14px;display:flex}.main-title{color:#111;font-size:18px;font-weight:700}#footer{color:#ffffff73;letter-spacing:.3px;background:#1e2a3a;grid-area:footer;justify-content:center;align-items:center;height:40px;font-size:12px;display:flex}#app.sidebar-collapsed{grid-template-columns:0 1fr}#app.sidebar-collapsed #sidebar{padding:0;overflow:hidden}.page-tab-bar{border-bottom:1px solid #e0e0e0;margin-bottom:20px;display:flex}.page-tab{font-size:var(--fs-ui);color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 20px;transition:color .15s,border-color .15s}.page-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.page-tab:hover:not(.active){color:#555}.page-tab-panel{display:none}.page-tab-panel.active{display:block}.basic-btn{color:#555;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:7px;flex-shrink:0;padding:7px 14px;font-size:13px;transition:background .12s}.basic-btn:hover{background:#f5f7fa}.basic-btn.danger{color:#dc2626;border-color:#fca5a5}.basic-btn.danger:hover{background:#fee2e2}.basic-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.basic-btn.primary:hover{background:var(--accent-hover)}.basic-badge{border-radius:10px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600}.basic-badge.inactive{color:#999;background:#f5f5f5}.basic-badge.active-badge{color:#16a34a;background:#dcfce7}.basic-badge.warn{color:#d97706;background:#fef3c7}.basic-badge.error{color:#dc2626;background:#fee2e2}.basic-toggle{cursor:pointer;flex-shrink:0;width:38px;height:22px;position:relative}.basic-toggle input{opacity:0;width:0;height:0;position:absolute}.basic-toggle-track{background:#ddd;border-radius:22px;transition:background .2s;position:absolute;inset:0}.basic-toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.basic-toggle input:checked~.basic-toggle-track{background:var(--accent)}.basic-toggle input:checked~.basic-toggle-thumb{transform:translate(16px)}.basic-select{color:#333;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 9px center no-repeat;border:1px solid #ddd;border-radius:7px;outline:none;min-width:120px;padding:7px 30px 7px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.basic-select:focus{border-color:var(--accent)}.basic-select:disabled{color:#bbb;cursor:not-allowed;background:#f5f5f5}.basic-input{color:#333;background:#fff;border:1px solid #ddd;border-radius:7px;outline:none;padding:7px 11px;font-family:inherit;font-size:13px;transition:border-color .15s}.basic-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a73e81a}.basic-input::placeholder{color:#bbb}.basic-rows{background:#fff;border:1px solid #eee;border-radius:12px;overflow:visible}.basic-rows>.basic-row:first-child{border-radius:11px 11px 0 0}.basic-rows>.basic-row:last-child{border-radius:0 0 11px 11px}.basic-rows>.basic-row:only-child{border-radius:11px}.basic-row{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;gap:20px;min-height:52px;padding:13px 20px;display:flex}.basic-row:last-child{border-bottom:none}.basic-row-label{flex:1;min-width:0}.basic-row-title{color:#111;font-size:13px;font-weight:500}.basic-row-desc{color:#bbb;margin-top:2px;font-size:11px;line-height:1.4}.basic-row-control{flex-shrink:0;align-items:center;gap:8px;display:flex}.basic-section{margin-bottom:22px}.basic-section-title{color:#aaa;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px;padding:0 2px;font-size:11px;font-weight:700}.basic-field{margin-bottom:16px}.basic-label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.basic-table{border-collapse:collapse;font-size:var(--fs-ui);width:100%;margin:0}.basic-table thead tr{background:#ecf0f1}.basic-table th{text-align:left;vertical-align:middle;white-space:nowrap;background:#ecf0f1;border:1px solid #cbcbcb;height:32px;padding:0 12px;font-weight:600}.basic-table td{vertical-align:middle;border:1px solid #cbcbcb;height:32px;padding:0 12px}.basic-table tbody tr{transition:background .1s}.basic-table tbody tr:hover td{background:#f5f8ff}.basic-table--zebra tbody tr:nth-child(2n) td{background:#f9fafb}.basic-table--zebra tbody tr:nth-child(2n):hover td{background:#f0f5ff}.basic-table--compact th,.basic-table--compact td{height:26px;padding:0 8px}.basic-table--bordered{border:1px solid #cbcbcb}.basic-toast{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7px;align-items:center;gap:8px;margin-bottom:16px;padding:9px 14px;font-size:12px;font-weight:500;display:none}.basic-toast.show{display:flex}.basic-toast.error{color:#dc2626;background:#fef2f2;border-color:#fecaca}.search-wrap{background:#f1f3f4;border:1.5px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:7px 10px;transition:border-color .15s,background .15s;display:flex}.search-wrap:focus-within{border-color:var(--accent);background:#fff}.search-wrap svg{color:#aaa;flex-shrink:0}.search-wrap input{color:#333;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.search-wrap input::placeholder{color:#aaa}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card{background:#fff;border:1px solid #e8eaed;border-radius:10px;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.stat-card__label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.stat-card__value{color:#111;font-size:26px;font-weight:700;line-height:1}.stat-card__trend{font-size:11px;font-weight:500}.stat-card__trend.up{color:#16a34a}.stat-card__trend.down{color:#dc2626}.content-card{background:#fff;border:1px solid #e8eaed;border-radius:10px;margin-bottom:16px;overflow:hidden}.content-card__header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.content-card__title{color:#111;font-size:13px;font-weight:600}.content-card__body{padding:20px}.log-list{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px}.log-row{border-bottom:1px solid #f0f0f0;align-items:baseline;gap:14px;padding:8px 20px;display:flex}.log-row:last-child{border-bottom:none}.log-row.WARN{background:#fffbeb;border-left:3px solid #f59e0b}.log-row.ERROR{background:#fff5f5;border-left:3px solid #ef4444}.log-row.INFO{border-left:3px solid #0000}.log-level{min-width:42px;font-size:11px;font-weight:700}.log-row.INFO .log-level{color:#3b82f6}.log-row.WARN .log-level{color:#d97706}.log-row.ERROR .log-level{color:#dc2626}.log-time{color:#999;min-width:75px}.log-msg{color:#333}.level-filters{gap:4px;display:flex}.level-btn{color:#888;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:background .12s,color .12s}.level-btn:hover{color:#333;background:#f0f0f0}.level-btn.active{background:var(--accent);color:#fff}