:root{--bg: #eef1f6;--surface: #ffffff;--surface-2: #f4f7fb;--border: #dce3ec;--text: #1d2733;--text-muted: #6b7787;--primary: #0a6cff;--primary-dark: #0857cc;--match: #fff4cc;--danger: #d83a3a;--radius: 10px;--topbar-h: 56px;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root[data-theme=dark]{--bg: #0f1722;--surface: #16202e;--surface-2: #1e2a3a;--border: #2a3849;--text: #e7edf5;--text-muted: #9fb0c3;--primary: #4d94ff;--primary-dark: #3a7fe0;--match: #5a4b1f;--danger: #ff6b6b;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}button{font-family:inherit;cursor:pointer}.btn{border:1px solid transparent;border-radius:var(--radius);padding:8px 14px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,opacity .15s}.btn:disabled{opacity:.6;cursor:default}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-dark)}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn--ghost:hover{background:var(--surface-2)}.app-shell{display:flex;flex-direction:column;height:100%}.app-main{flex:1;min-height:0;overflow:hidden}.topbar{height:var(--topbar-h);display:flex;align-items:center;gap:24px;padding:0 18px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar__brand{display:flex;align-items:center;gap:8px;font-weight:700}.topbar__logo{font-size:22px}.topbar__title{white-space:nowrap}.topbar__nav{display:flex;gap:4px}.topbar__link{text-decoration:none;color:var(--text-muted);padding:8px 12px;border-radius:8px;font-weight:600;font-size:14px}.topbar__link:hover{background:var(--surface-2);color:var(--text)}.topbar__link.active{color:var(--primary);background:#0a6cff1a}.topbar__user{margin-left:auto;display:flex;align-items:center;gap:12px}.topbar__email{font-size:13px;color:var(--text-muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard{display:grid;grid-template-columns:280px 1fr 320px;height:100%}.sidebar{border-right:1px solid var(--border);background:var(--surface);overflow-y:auto;padding:12px}.content{overflow:auto;padding:18px}.descpanel{border-left:1px solid var(--border);background:var(--surface);overflow-y:auto;padding:18px}.dashboard__menubtn,.sidebar__close,.dashboard__backdrop{display:none}.search{position:relative;margin-bottom:12px}.search__input{width:100%;padding:9px 30px 9px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;outline:none}.search__input:focus{border-color:var(--primary)}.search__clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-muted);font-size:14px;padding:4px}.tree,.tree__children{list-style:none;margin:0;padding:0}.tree__row{display:flex;align-items:center;gap:4px;border-radius:8px;padding-right:6px}.tree__row:hover{background:var(--surface-2)}.tree__row--selected{background:#0a6cff1f}.tree__row--match .tree__label{background:var(--match);border-radius:4px}.tree__toggle{border:none;background:transparent;color:var(--text-muted);width:20px;font-size:11px;padding:6px 0}.tree__toggle--leaf{cursor:default;text-align:center}.tree__label{border:none;background:transparent;text-align:left;padding:7px 4px;font-size:14px;color:var(--text);flex:1}.sidebar__empty{color:var(--text-muted);font-size:14px;padding:8px}.diagram{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:100%;display:flex;flex-direction:column}.diagram--empty{align-items:center;justify-content:center;color:var(--text-muted)}.diagram__toolbar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.diagram__title{margin:0;font-size:18px}.diagram__badge{font-size:12px;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px 10px}.diagram__canvas{flex:1;padding:18px;display:flex;align-items:center;justify-content:center}.diagram__canvas svg{width:100%;max-width:720px;height:auto;border-radius:8px}.descpanel__heading{margin:0 0 14px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.descpanel__title{margin:0 0 8px;font-size:17px}.descpanel__text{line-height:1.55;font-size:14px}.descpanel__text--muted{color:var(--text-muted)}.descpanel__keywords{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.descpanel__keywords-label{font-size:13px;color:var(--text-muted);width:100%;margin-bottom:2px}.chip{font-size:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px 10px}.page{max-width:760px;margin:0 auto;padding:28px 24px}.page__title{margin:0 0 6px}.page__lead{color:var(--text-muted);margin:0 0 22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:16px}.card__title{margin:0 0 10px;font-size:16px}.card__text{margin:0;color:var(--text-muted);line-height:1.55}.kv{display:grid;grid-template-columns:120px 1fr;gap:8px 12px;margin:0}.kv dt{color:var(--text-muted);font-size:14px}.kv dd{margin:0;font-size:14px}.login{height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.login__card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;box-shadow:0 10px 40px #1d273314}.login__brand{text-align:center;margin-bottom:22px}.login__title{font-size:20px;margin:8px 0 4px}.login__subtitle{margin:0;color:var(--text-muted);font-size:14px}.field{display:block;margin-bottom:14px}.field__label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field__input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;outline:none}.field__input:focus{border-color:var(--primary)}.field__password{position:relative}.field__password .field__input{padding-right:42px}.field__toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding:7px;border-radius:9px;transition:color .18s ease,background .18s ease}.field__toggle:hover{color:var(--primary);background:#0a6cff14}.field__toggle:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.eye{display:block}.eye__lid,.eye__pupil,.eye__slash{transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s ease,stroke-dashoffset .32s ease;transform-origin:12px 12px}.eye__slash{stroke-dasharray:24}.eye--open .eye__slash{stroke-dashoffset:24;opacity:0}.eye--off .eye__slash{stroke-dashoffset:0;opacity:1}.eye--off .eye__pupil{transform:scale(.45);opacity:.55}.eye--off .eye__lid{transform:scaleY(.82);opacity:.75}.login__error{color:var(--danger);font-size:14px;margin:0 0 12px}.login__submit{width:100%;margin-top:4px}@media (max-width: 1024px){.dashboard{grid-template-columns:260px 1fr;grid-template-areas:"sidebar content" "sidebar desc";grid-template-rows:1fr auto}.sidebar{grid-area:sidebar}.content{grid-area:content}.descpanel{grid-area:desc;border-left:1px solid var(--border);border-top:1px solid var(--border);max-height:40vh}}@media (max-width: 720px){.topbar{gap:10px;padding:0 12px}.topbar__title,.topbar__email{display:none}.topbar__link{padding:8px 9px;font-size:13px}.dashboard{display:block;height:100%;overflow-y:auto}.dashboard__menubtn{display:inline-flex;align-items:center;gap:6px;position:sticky;top:0;z-index:5;width:100%;border:none;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:14px;padding:12px 14px}.dashboard__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172373;z-index:20}.sidebar{position:fixed;top:0;left:0;z-index:25;width:84%;max-width:320px;height:100%;border-right:1px solid var(--border);transform:translate(-100%);transition:transform .25s ease;box-shadow:0 10px 40px #0f172333}.sidebar--open{transform:translate(0)}.sidebar__close{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:8px;right:8px;width:34px;height:34px;border:none;background:var(--surface-2);border-radius:8px;font-size:15px;color:var(--text-muted)}.content{padding:12px;height:auto}.diagram{height:auto;min-height:320px}.descpanel{display:block;max-height:none;border-left:none;border-top:1px solid var(--border)}.page{padding:20px 16px}.kv{grid-template-columns:100px 1fr}}@media (max-width: 720px){.tree__label{padding:10px 4px}.tree__toggle{padding:9px 0}}.admin{display:grid;grid-template-columns:240px 1fr;height:100%}.admin__sidebar{border-right:1px solid var(--border);background:var(--surface);padding:14px 10px;overflow-y:auto}.admin__sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 12px}.admin__sidebar-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700}.admin__close{display:none;border:none;background:var(--surface-2);border-radius:8px;width:32px;height:32px;color:var(--text-muted)}.admin__link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;text-decoration:none;color:var(--text);font-weight:600;font-size:14px;margin-bottom:2px}.admin__link:hover{background:var(--surface-2)}.admin__link.active{background:#4d94ff29;color:var(--primary)}.admin__link-icon{font-size:16px}.admin__content{overflow-y:auto}.admin__menubtn,.admin__backdrop{display:none}.page--admin{max-width:1100px}.audit{max-width:1200px}.audit__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.audit__filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:8px 0 6px}.audit__search{flex:1 1 240px;margin-bottom:0}.audit__types{display:flex;flex-wrap:wrap;gap:6px}.audit__dates{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.audit__date{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.audit__date input{padding:7px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px}.audit__reset{padding:7px 10px;font-size:13px}.audit__meta{color:var(--text-muted);font-size:13px;margin:6px 0}.audit__error{color:var(--danger);font-size:14px}.audit__tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.audit__table{width:100%;border-collapse:collapse;font-size:13px}.audit__table th,.audit__table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.audit__table th{background:var(--surface-2);color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0}.audit__table tbody tr:hover{background:var(--surface-2)}.audit__cell-time{font-variant-numeric:tabular-nums;color:var(--text-muted)}.audit__cell-ip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.audit__cell-ua{max-width:260px;overflow:hidden;text-overflow:ellipsis}.audit__cell-detail{color:var(--text-muted)}.audit__empty{text-align:center;color:var(--text-muted);padding:28px 12px;white-space:normal}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge--login_success{background:#22a05e26;color:#1f8a4c}.badge--login_failure{background:#d83a3a26;color:var(--danger)}.badge--logout{background:var(--surface-2);color:var(--text-muted)}:root[data-theme=dark] .badge--login_success{color:#4ed98a}.chip--toggle{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-muted)}.chip--toggle:hover{border-color:var(--primary)}.chip--active{background:#4d94ff29;border-color:var(--primary);color:var(--primary)}.themeswitch{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}.themeswitch__btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:9px 16px;font-size:14px;font-weight:600}.themeswitch__btn:hover{border-color:var(--primary)}.themeswitch__btn--active{background:#4d94ff29;border-color:var(--primary);color:var(--primary)}.themeswitch__hint{font-size:12px;color:var(--text-muted)}@media (max-width: 720px){.admin{display:block;height:100%;overflow-y:auto}.admin__menubtn{display:inline-flex;align-items:center;gap:6px;position:sticky;top:0;z-index:5;width:100%;border:none;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:14px;padding:12px 14px}.admin__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172373;z-index:20}.admin__sidebar{position:fixed;top:0;left:0;z-index:25;width:80%;max-width:300px;height:100%;transform:translate(-100%);transition:transform .25s ease;box-shadow:0 10px 40px #0f172340}.admin__sidebar--open{transform:translate(0)}.admin__close{display:inline-flex;align-items:center;justify-content:center}.audit__head{flex-direction:column}}.audit__pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}.audit__pageinfo{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:120px;text-align:center}