:root{color:#1d2926;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1d2926;--muted:#65736f;--line:#d9e1de;--line-strong:#bdcac6;--surface:#fff;--surface-soft:#eef3f1;--brand:#177760;--brand-dark:#105b49;--brand-soft:#ddf2eb;--info:#087f8c;--info-soft:#dff2f4;--danger:#c4483e;--danger-dark:#9d342d;--danger-soft:#fae6e3;--warning:#a4660f;--warning-soft:#fff0d6;--sidebar:#202a27;--shadow:0 14px 40px #182b2524;background:#f4f7f6;font-family:Inter,Pretendard,Segoe UI,Malgun Gothic,sans-serif}*{box-sizing:border-box;letter-spacing:0}html,body,#root{min-height:100%;margin:0}body{background:#f4f7f6;min-width:320px}button,input,select,textarea{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{margin-bottom:4px;font-size:1.6rem;line-height:1.25}h2{margin-bottom:4px;font-size:1.05rem;line-height:1.35}h3{margin-bottom:4px;font-size:.92rem}code,.mono,pre,.code-input{font-family:Cascadia Code,Consolas,monospace}code{font-size:.84em}pre{color:#dcebe6;white-space:pre-wrap;overflow-wrap:anywhere;background:#202a27;border:1px solid #33413d;border-radius:6px;max-width:100%;margin:0;padding:14px;font-size:.78rem;line-height:1.55;overflow:auto}.selectable{-webkit-user-select:all;user-select:all}.muted{color:var(--muted)}.app-loading{min-height:100vh;color:var(--brand);place-items:center;display:grid}.spin{animation:.9s linear infinite spin}.spin-slow{animation:3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh}.sidebar{z-index:20;color:#ecf5f2;background:var(--sidebar);flex-direction:column;width:228px;padding:20px 14px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:9px;min-height:38px;font-size:1.22rem;font-weight:760;display:flex}.brand svg{color:#58c7a8}.sidebar>.brand{padding:0 10px}.sidebar nav{gap:4px;margin-top:30px;display:grid}.sidebar nav a,.mobile-nav a{color:#bdccc7;border-radius:6px;align-items:center;gap:11px;min-height:42px;padding:0 11px;font-size:.9rem;font-weight:620;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#33423d}.sidebar nav a.active svg{color:#58c7a8}.sidebar-account{color:#c8d4d0;border-top:1px solid #3b4945;align-items:center;gap:7px;margin-top:auto;padding:12px 6px 4px 10px;font-size:.78rem;display:flex}.sidebar-account span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mobile-header,.mobile-nav{display:none}.main-content{min-height:100vh;margin-left:228px;padding:34px 38px 60px}.page-section{width:min(100%,1500px);margin:0 auto}.page-header,.detail-header,.section-heading,.section-heading-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-header{min-height:54px;margin-bottom:24px}.page-header p,.detail-heading p,.section-heading p{color:var(--muted);margin:0;font-size:.82rem}.detail-header{justify-content:flex-start;align-items:flex-start;margin-bottom:22px}.detail-heading{flex:1;min-width:0}.detail-title-row{align-items:center;gap:10px;display:flex}.detail-title-row h1{overflow-wrap:anywhere;min-width:0}.button,.icon-button{border:1px solid var(--line-strong);color:var(--ink);background:var(--surface);cursor:pointer;flex:none;justify-content:center;align-items:center;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.button{white-space:nowrap;border-radius:6px;gap:8px;min-height:38px;padding:0 14px;font-size:.85rem;font-weight:680}.button:hover,.icon-button:hover{background:#f5f8f7;border-color:#93a49f}.button:focus-visible,.icon-button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.tabs button:focus-visible{outline-offset:1px;outline:3px solid #087f8c33}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.52}.button-primary,.icon-button-primary{border-color:var(--brand);color:#fff;background:var(--brand)}.button-primary:hover,.icon-button-primary:hover{border-color:var(--brand-dark);background:var(--brand-dark)}.button-danger{border-color:var(--danger);color:#fff;background:var(--danger)}.button-danger:hover{border-color:var(--danger-dark);background:var(--danger-dark)}.button-small{min-height:32px;padding:0 10px;font-size:.78rem}.button-full{width:100%}.icon-button{border-radius:5px;width:34px;height:34px;padding:0}.icon-button-danger{color:var(--danger)}.icon-button-danger:hover{background:var(--danger-soft);border-color:#e3aba6}.icon-button-inverse{color:#d9e5e1;background:0 0;border-color:#45534f}.table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:7px;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.84rem}th,td{text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #e6ece9;padding:12px 14px}th{color:#596762;text-transform:uppercase;background:#f3f6f5;font-size:.74rem;font-weight:730}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f9fbfa}td:first-child{white-space:normal}.table-primary{align-items:center;gap:10px;min-width:200px;display:flex}.table-primary.compact{min-width:150px}.table-primary>span:last-child{gap:2px;min-width:0;display:grid}.table-primary strong{overflow-wrap:anywhere}.table-primary small{color:var(--muted);font-family:Cascadia Code,Consolas,monospace;font-size:.7rem}.table-icon{width:30px;height:30px;color:var(--brand);background:var(--brand-soft);border-radius:5px;flex:none;place-items:center;display:grid}.row-actions{gap:5px;display:flex}.status,.origin{white-space:nowrap;border-radius:4px;align-items:center;min-height:23px;padding:0 7px;font-size:.72rem;font-weight:720;display:inline-flex}.status-active,.status-applied{color:#0f674f;background:var(--brand-soft)}.status-disabled,.status-ignored{color:#66736f;background:#e9eeec}.status-received{color:#0a6973;background:var(--info-soft)}.status-failed{color:#9f3931;background:var(--danger-soft)}.origin-live{color:#0f674f;background:var(--brand-soft)}.origin-debug{color:#7f4b00;background:var(--warning-soft)}.state-block{border:1px dashed var(--line-strong);min-height:180px;color:var(--muted);background:#ffffff94;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:28px;font-size:.88rem;display:flex}.state-empty,.state-error{flex-direction:column}.state-error{color:var(--danger-dark);background:#fff9f8}.tabs{border-bottom:1px solid var(--line);gap:22px;min-height:43px;display:flex;overflow-x:auto}.tabs button{min-width:max-content;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0 1px;font-size:.82rem;font-weight:670;display:inline-flex;position:relative}.tabs button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tabs button.active{color:var(--ink)}.tabs button.active:after{background:var(--brand)}.tab-content{padding-top:24px}.section-heading{margin-bottom:16px}.section-heading.compact{margin-bottom:10px}.section-heading-actions{margin-bottom:18px}.settings-layout{gap:18px;display:grid}.settings-section,.debug-layout{border:1px solid var(--line);background:var(--surface);border-radius:7px}.settings-section .section-heading,.debug-layout>.section-heading{border-bottom:1px solid var(--line);min-height:54px;margin:0;padding:0 18px}.detail-list{margin:0;padding:0}.detail-list>div{border-bottom:1px solid #e8edeb;grid-template-columns:minmax(130px,20%) minmax(0,1fr);align-items:center;gap:16px;min-height:48px;padding:7px 18px;display:grid}.detail-list>div:last-child{border-bottom:0}.detail-list dt{color:var(--muted);font-size:.78rem;font-weight:650}.detail-list dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:.84rem}.compact-list>div{grid-template-columns:120px minmax(0,1fr);min-height:40px;padding:5px 0}.setting-row{justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:12px 18px;display:flex}.setting-row>div{gap:3px;display:grid}.setting-row strong{font-size:.84rem}.setting-row span{color:var(--muted);font-size:.76rem}.switch{flex:none;width:38px;height:22px;display:inline-flex;position:relative}.switch input{opacity:0;position:absolute}.switch span{cursor:pointer;background:#aebbb7;border-radius:11px;transition:background .15s;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch input:checked+span{background:var(--brand)}.switch input:checked+span:after{transform:translate(16px)}.switch input:focus-visible+span{outline-offset:2px;outline:3px solid #087f8c33}.switch input:disabled+span{cursor:not-allowed;opacity:.5}.inline-form{grid-template-columns:minmax(0,1fr) 34px 34px;gap:5px;max-width:560px;display:grid}input,select,textarea{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#fff;border-radius:5px}input,select{min-height:38px;padding:0 10px}textarea{resize:vertical;padding:10px}input:disabled,select:disabled,textarea:disabled{color:#7c8884;background:#eef2f0}label{color:#44514d;gap:6px;font-size:.78rem;font-weight:650;display:grid}.form-stack{gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-actions{justify-content:flex-end;display:flex}.form-error{color:var(--danger-dark);margin:0;font-size:.78rem;font-weight:620}.checkbox-row,.live-toggle{align-items:center;gap:7px;display:flex}.checkbox-row input,.live-toggle input{width:16px;height:16px;min-height:auto}.dialog{border:1px solid var(--line-strong);width:min(92vw,500px);max-height:min(88vh,820px);color:var(--ink);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:0;overflow:hidden}.dialog-wide{width:min(94vw,820px)}.dialog::backdrop{background:#121d1a75}.dialog-header,.dialog-footer{justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.dialog-header{border-bottom:1px solid var(--line)}.dialog-header h2{margin:0}.dialog-body{max-height:calc(88vh - 120px);padding:18px;overflow-y:auto}.dialog-footer{border-top:1px solid var(--line);background:#f6f8f7;justify-content:flex-end}.secret-display{gap:10px;display:grid}.warning-text{border-left:3px solid var(--warning);color:#754700;background:var(--warning-soft);margin:0;padding:9px 11px;font-size:.8rem}.copy-field{grid-template-columns:minmax(0,1fr) 34px;gap:6px;display:grid}.copy-field code{border:1px solid var(--line);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;background:#f3f6f5;border-radius:5px;min-height:42px;padding:10px;overflow:auto}.conditions-editor{border-top:1px solid var(--line);padding-top:13px}.condition-row{grid-template-columns:minmax(150px,1.4fr) minmax(115px,.8fr) minmax(100px,.65fr) minmax(110px,1fr) 34px;align-items:center;gap:7px;margin-top:8px;display:grid}.condition-any{color:var(--muted);grid-column:span 2;font-size:.78rem}.condition-summary{flex-wrap:wrap;gap:4px;max-width:420px;display:flex}.condition-summary span{border:1px solid var(--line);color:#53605c;background:#f6f8f7;border-radius:4px;padding:3px 6px;font-size:.71rem}.filter-bar{border:1px solid var(--line);background:var(--surface);border-radius:6px;grid-template-columns:minmax(180px,1fr) 180px 150px;gap:10px;margin-bottom:14px;padding:12px;display:grid}.single-filter{grid-template-columns:minmax(180px,420px)}.pagination{justify-content:flex-end;align-items:center;gap:7px;margin-top:10px;display:flex}.pagination span{color:var(--muted);margin-right:5px;font-size:.75rem}.event-detail,.json-columns{gap:16px;display:grid}.json-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.json-columns section{min-width:0}.json-columns h3{margin-bottom:7px}.debug-form{padding:18px}.code-input{color:#dcebe6;tab-size:2;background:#202a27;min-height:230px;font-size:.8rem;line-height:1.5}.auth-page{background:#edf2f0;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(100%,390px);padding:28px;box-shadow:0 18px 55px #1e322b1a}.auth-brand{color:var(--brand-dark);align-items:center;gap:9px;margin-bottom:30px;font-size:1.18rem;font-weight:760;display:flex}.auth-panel h1{margin-bottom:22px;font-size:1.38rem}.auth-panel form{gap:15px;display:grid}.auth-panel .button-full{margin-top:5px}.toast-region{z-index:100;gap:8px;width:min(360px,100vw - 40px);display:grid;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow);border-radius:7px;grid-template-columns:20px minmax(0,1fr) 34px;align-items:center;gap:9px;padding:10px 10px 10px 13px;font-size:.8rem;display:grid}.toast-success>svg{color:var(--brand)}.toast-error>svg{color:var(--danger)}@media (width<=980px){.sidebar{display:none}.mobile-header{z-index:30;border-bottom:1px solid var(--line);background:#fffffff5;justify-content:space-between;align-items:center;min-height:58px;padding:0 18px;display:flex;position:sticky;top:0}.mobile-nav{z-index:29;border-bottom:1px solid var(--line);background:var(--surface);gap:4px;padding:10px;display:grid;position:fixed;top:58px;left:0;right:0;box-shadow:0 10px 25px #182b251f}.mobile-nav a{color:var(--muted)}.mobile-nav a.active{color:var(--brand-dark);background:var(--brand-soft)}.main-content{margin-left:0;padding:26px 22px 48px}.condition-row{grid-template-columns:minmax(160px,1fr) 130px 100px minmax(120px,1fr) 34px;overflow-x:auto}}@media (width<=640px){h1{font-size:1.35rem}.main-content{padding:20px 14px 40px}.page-header,.section-heading-actions{align-items:flex-start}.page-header .button,.section-heading-actions .button{padding:0 10px}.detail-header{gap:9px}.detail-title-row{flex-wrap:wrap}.detail-heading p{overflow-wrap:anywhere}.tabs{gap:17px}.form-grid,.json-columns,.filter-bar{grid-template-columns:1fr}.detail-list>div,.compact-list>div{grid-template-columns:1fr;gap:3px;padding-top:10px;padding-bottom:10px}.inline-form{grid-template-columns:minmax(0,1fr) 34px 34px}.condition-row{grid-template-columns:minmax(150px,1fr) 120px 95px minmax(110px,1fr) 34px}.dialog-body{padding:15px}.auth-page{padding:14px}.auth-panel{padding:22px}.toast-region{width:calc(100vw - 24px);bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}