:root {
  --anson-primary: #446CCF;
  --anson-primary-hover: #365AB5;
  --anson-accent: #1E90FF;
  --anson-sky: #87CEEB;
  --anson-glacier: #78D1E5;

  --anson-bg-page: #F5F8FC;
  --anson-bg-card: #FFFFFF;
  --anson-bg-soft: #EAF3FF;
  --anson-bg-subtle: #F7F9FC;

  --anson-text-primary: #1F2937;
  --anson-text-secondary: #667085;
  --anson-text-muted: #98A2B3;
  --anson-text-inverse: #FFFFFF;

  --anson-border: #E1E8F0;
  --anson-border-light: #EEF2F6;
  --anson-input-border: #D0D5DD;

  --anson-success: #2E8B57;
  --anson-success-bg: #EAF7F0;
  --anson-warning: #E09C22;
  --anson-warning-bg: #FFF6E5;
  --anson-danger: #C43D3D;
  --anson-danger-bg: #FDECEC;
  --anson-info: #446CCF;
  --anson-info-bg: #EEF3FF;
  --anson-disabled: #99A3AF;
  --anson-disabled-bg: #F2F4F7;

  --anson-radius-sm: 6px;
  --anson-radius-md: 8px;
  --anson-radius-card: 14px;
  --anson-radius-dialog: 16px;
  --anson-radius-pill: 999px;

  --anson-shadow-card: 0 2px 8px rgba(31,41,55,.04);
  --anson-shadow-hover: 0 6px 18px rgba(31,41,55,.07);
  --anson-shadow-dialog: 0 16px 40px rgba(31,41,55,.14);

  --anson-font: Inter, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
}

*{box-sizing:border-box}body{margin:0;font:14px/1.5 var(--anson-font);color:var(--anson-text-primary);background:var(--anson-bg-page)}button,input,select{font:inherit}button{border:1px solid var(--anson-border);background:white;border-radius:7px;padding:7px 12px;cursor:pointer;color:var(--anson-text-primary)}button:hover{background:var(--anson-bg-soft)}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--anson-primary);color:white;border-color:var(--anson-primary)}.primary:hover{background:var(--anson-primary-hover)}.danger{color:var(--anson-danger)}.wide{width:100%}label{display:block}input,select{display:block;border:1px solid var(--anson-input-border);border-radius:7px;background:white;padding:9px 11px;width:100%;margin:5px 0 15px}input:focus,select:focus{outline:2px solid var(--anson-sky)}input[type=checkbox]{width:auto}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(at 20% 10%,var(--anson-bg-soft),transparent 55%),var(--anson-bg-page)}.login-card{width:390px;max-width:92vw;padding:38px;background:white;border:1px solid #e1e9eb;border-radius:20px;box-shadow:var(--anson-shadow-card)}.brand-symbol{width:48px;height:48px;display:grid;place-items:center;background:var(--anson-primary);color:white;border-radius:14px;font-size:28px;font-weight:800}h1{margin:20px 0 4px;font-size:25px}.login-card p{color:var(--anson-text-secondary);margin:0 0 28px}.login-card small{display:block;text-align:center;color:var(--anson-text-muted);margin-top:20px}header{height:66px;background:white;border-bottom:1px solid var(--anson-border);display:flex;align-items:center;justify-content:space-between;padding:0 26px}.brand{font-size:21px;color:var(--anson-primary)}.subtitle{margin-left:18px;color:var(--anson-text-muted)}.header-actions{display:flex;align-items:center;gap:10px}.toolbar{display:flex;align-items:center;gap:14px;background:white;padding:14px 26px;border-bottom:1px solid var(--anson-border)}.toolbar label{display:flex;gap:8px;align-items:center;color:var(--anson-text-secondary)}.toolbar select{margin:0;width:180px}.stage{margin-left:auto;font-size:12px;color:var(--anson-text-muted)}.workspace{display:grid;grid-template-columns:300px 1fr;min-height:calc(100vh - 139px)}aside{background:white;border-right:1px solid var(--anson-border);overflow:auto;max-height:calc(100vh - 139px);padding-bottom:20px}.aside-title{display:flex;align-items:center;justify-content:space-between;padding:20px 15px}.aside-title button{font-size:12px}.tree-all{margin:0 12px 10px;width:calc(100% - 24px);text-align:left}.tree-row{display:flex;align-items:center;min-height:38px;white-space:nowrap}.tree-row.active,.tree-all.active{background:var(--anson-bg-soft);color:var(--anson-primary-hover)}.twisty,.node-label{border:0;background:transparent;padding:5px}.twisty{width:24px;flex-shrink:0}.node-label{text-align:left}.node-detail{margin:22px 15px;padding:14px;border:1px solid var(--anson-border);border-radius:9px}.node-detail small,.node-detail code{display:block;margin:8px 0;color:var(--anson-text-muted);font-size:11px;word-break:break-all}.node-detail button{font-size:12px;margin:4px 3px 0 0}main{padding:22px 26px;min-width:0}nav{display:flex;gap:6px;margin-bottom:24px}nav button{border:0;background:transparent;padding:9px 20px}nav button.active{background:var(--anson-primary);color:white}.content-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h2{font-size:20px;margin:0 0 4px}.content-heading p{margin:0;color:var(--anson-text-secondary);font-size:12px}.table-wrap{background:white;border:1px solid var(--anson-border);border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{color:var(--anson-text-muted);font-size:12px;font-weight:500;background:var(--anson-bg-subtle)}td,th{padding:15px 18px;border-bottom:1px solid var(--anson-border-light)}td small{display:block;color:var(--anson-text-muted)}.id-cell{font:11px ui-monospace,monospace;color:var(--anson-text-muted);max-width:180px;white-space:normal;word-break:break-all}.row-actions button{font-size:12px;margin-right:5px;padding:5px 8px}.badge{padding:3px 8px;background:var(--anson-bg-subtle);color:var(--anson-text-secondary);font-size:12px;border-radius:5px}.empty{padding:24px;color:var(--anson-text-muted);text-align:center}.banner{margin:12px 24px;padding:10px 14px;border-radius:7px}.error{color:var(--anson-danger);background:var(--anson-danger-bg);padding:8px;border-radius:6px;margin-bottom:12px}.success{color:var(--anson-success);background:var(--anson-success-bg)}.loading{color:var(--anson-primary)}.modal-backdrop{position:fixed;inset:0;background:rgba(31,41,55,.38);display:grid;place-items:center;z-index:10}.modal{background:white;width:460px;max-width:94vw;max-height:90vh;overflow:auto;border-radius:14px;padding:28px;box-shadow:var(--anson-shadow-dialog)}.modal h2{margin-bottom:22px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.hint{font-size:12px;color:var(--anson-text-secondary)}@media(max-width:850px){.toolbar{flex-wrap:wrap;padding:12px}.stage{width:100%}.workspace{grid-template-columns:220px 1fr}main{padding:16px}.subtitle{display:none}.toolbar select{width:130px}.content-heading{align-items:flex-start;gap:10px}}@media(max-width:600px){.workspace{display:block}aside{max-height:250px;border-bottom:1px solid var(--anson-border)}header{padding:0 14px}.brand{font-size:18px}nav button{padding:8px 12px}}

textarea{width:100%;border:1px solid var(--anson-input-border);border-radius:7px;padding:10px;font:12px/1.5 ui-monospace,monospace;margin:7px 0 15px}.directory-select{display:block;width:100%;margin:6px 0 15px;text-align:left;word-break:break-all}.block-code{display:block;background:var(--anson-bg-subtle);padding:10px;border-radius:7px;white-space:normal;word-break:break-all;font-size:12px}.binding-search{display:flex;gap:8px;align-items:flex-start}.binding-search input{margin-top:0}.picker-layer{z-index:20}.picker-nav{display:flex;gap:8px;align-items:center;margin-bottom:12px}.picker-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--anson-border-light);padding:10px 0}.picker-row span{flex:1}.error small{display:block}

.path-modal{width:min(720px,94vw);max-width:720px}.path-toolbar{display:flex;gap:10px;align-items:start;margin-bottom:12px}.path-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:0;flex:1;min-width:0;padding:4px 8px;background:var(--anson-bg-subtle);border:1px solid var(--anson-border);border-radius:8px}.path-breadcrumb button{border:0;background:transparent;padding:2px 1px;line-height:1.5;border-radius:3px;overflow-wrap:anywhere;white-space:normal}.path-folders{border:1px solid var(--anson-border);border-radius:10px;min-height:180px;max-height:310px;overflow:auto;padding:6px}.path-folder{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--anson-border-light);border-radius:5px;padding:13px;background:white;white-space:normal;overflow-wrap:anywhere}.path-folder:hover{background:var(--anson-bg-soft)}.folder-icon{color:#c99d32;font-size:24px}.folder-arrow{margin-left:auto;color:var(--anson-text-muted)}.path-current{display:flex;gap:14px;align-items:start;background:var(--anson-bg-subtle);padding:12px;margin-top:14px;border-radius:8px}.path-current span{white-space:nowrap;color:var(--anson-text-secondary)}.path-current output{overflow-wrap:anywhere}.directory-select{white-space:normal;overflow-wrap:anywhere;text-align:left}@media(max-width:560px){.path-toolbar{flex-wrap:wrap}.path-breadcrumb{flex-basis:100%}.path-current{display:block}}

.group-fullpath{display:block;min-width:150px;max-width:320px;white-space:normal;overflow-wrap:anywhere;line-height:1.6;color:var(--anson-text-primary)}.group-fullpath+.group-fullpath{margin-top:6px}

.path-up{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.nav-icon{width:16px;height:16px;flex-shrink:0;display:block}.path-folder .folder-icon{width:22px;height:22px;flex-shrink:0;color:var(--anson-warning);display:block}.path-folder{gap:9px}

/* Natural Blue component mapping */
button,input,select,textarea{border-radius:var(--anson-radius-sm)}
button:focus-visible,.path-breadcrumb button:focus-visible{outline:2px solid var(--anson-accent);outline-offset:2px}
button:disabled{cursor:not-allowed}
.primary:disabled,.primary:disabled:hover{background:var(--anson-disabled-bg);border-color:var(--anson-border);color:var(--anson-disabled);opacity:1}
.login-card,.table-wrap{background:var(--anson-bg-card);border-radius:var(--anson-radius-card);box-shadow:var(--anson-shadow-card)}
.modal{background:var(--anson-bg-card);border-radius:var(--anson-radius-dialog)}
.path-breadcrumb,.path-folders,.path-current{border-radius:var(--anson-radius-md)}
.path-breadcrumb button:hover{background:var(--anson-bg-soft);color:var(--anson-primary)}
.tree-row.active,.tree-all.active{color:var(--anson-primary)}
.folder-icon path:first-child{fill:var(--anson-warning-bg)}

.tree-spacer{display:block;width:24px;flex-shrink:0}.twisty{display:flex;align-items:center;justify-content:center}.tree-chevron{width:14px;height:14px;display:block;color:var(--anson-text-secondary)}.tree-chevron.expanded{transform:rotate(90deg)}.node-label{display:flex;align-items:center;gap:7px;min-width:0}.tree-folder-icon{width:18px;height:18px;flex-shrink:0;color:var(--anson-primary);fill:var(--anson-bg-soft)}.tree-folder-icon path:last-child{fill:none}

/* Unified blue header and group icons */
:root{--anson-header-end:#2874C6;--anson-header-gradient:linear-gradient(110deg,var(--anson-primary),var(--anson-header-end))}
header{background:var(--anson-header-gradient);border-bottom:1px solid rgba(255,255,255,.15)}
header .brand,header .subtitle{color:var(--anson-text-inverse)}
header .header-actions button{background:rgba(255,255,255,.95);border-color:rgba(255,255,255,.65);color:var(--anson-primary-hover)}
header .header-actions button:hover{background:var(--anson-bg-card);box-shadow:var(--anson-shadow-card)}
header .header-actions button:focus-visible{outline-color:var(--anson-text-inverse)}
.path-folder .folder-icon{width:18px;height:18px;color:var(--anson-primary)}
.path-folder .folder-icon path:first-child{fill:var(--anson-bg-soft)}

.domain-card{border:1px solid var(--anson-border);border-radius:8px;padding:12px;margin-top:12px}.domain-card b{overflow-wrap:anywhere}.domain-card .badge{margin:0 8px}.domain-card small{display:block;color:var(--anson-text-secondary);margin:6px 0}.domain-card button{margin:6px 6px 0 0}.terms-check{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:12px}.terms-check input{margin:0}
.refresh-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 18px;color:var(--text-secondary,#64748b)}.refresh-toolbar label{display:flex;align-items:center;gap:8px;margin:0}.refresh-toolbar select{width:auto;min-width:88px;padding:7px 10px}.refresh-toolbar small{font-size:12px}