:root{--color-primary: #2563eb;--color-primary-light: #60a5fa;--color-danger: #ef4444;--color-success: #22c55e;--text-primary: #1c252e;--text-secondary: #637381;--text-disabled: #919eab;--grey-500Channel: 145 158 171;--backdrop-color: rgb(196 204 223 / 50%);--background-body: #f9fafb;--background-paper: #ffffff;--background-muted: #f8fafc;--background-overlay: rgba(15, 23, 42, .45);--border-color: #dbe1e8;--border-light: #e9eef5;--border-hover: #cbd5e1;--shadow-card: 0 0 2px 0 rgba(145 158 171 / .2), 0 12px 24px -4px rgba(145 158 171 / .12);--shadow-dropdown: 0 10px 30px rgba(0, 0, 0, .1);--shadow-soft: 0 1px 2px rgba(15, 23, 42, .04);--blur-glass: blur(14px);--blur-topbar: blur(10px);--field-height: 56px;--field-radius: 16px;--field-border: var(--border-color);--field-border-focus: #111827;--field-bg: var(--background-paper);--field-text: #111827;--field-placeholder: #94a3b8;--field-label: #475569;--field-helper: #94a3b8;--field-shadow: var(--shadow-soft);--field-padding-x: 16px;--field-label-bg: var(--background-paper);--field-label-rest-top: 18px;--field-label-float-top: -10px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--background-body);color:var(--text-primary)}input,select,textarea{font:inherit}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;min-width:20px;border:1.5px solid var(--border-color);border-radius:7px;background:var(--background-paper);display:inline-grid;place-content:center;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .12s ease;box-shadow:0 1px 2px #0f172a0d;vertical-align:middle}input[type=checkbox]:before{content:"";width:10px;height:10px;transform:scale(0);transition:transform .16s ease;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);background:#fff}input[type=checkbox]:hover{border-color:var(--color-primary-light);background:#f8fbff}input[type=checkbox]:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #2563eb1f}input[type=checkbox]:checked{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));box-shadow:0 0 0 1px #2563eb14,0 8px 18px #2563eb2e}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:active{transform:scale(.96)}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.65;background:#f1f5f9;border-color:#dbe1e8;box-shadow:none}.checks{display:flex;flex-wrap:wrap;gap:14px 18px}.checks label{display:inline-flex;align-items:center;gap:10px;min-height:20px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.checks label:hover{color:#0f172a}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],input[type=tel],input[type=url],select,textarea{width:100%;min-height:var(--field-height);border:1px solid var(--field-border);border-radius:var(--field-radius);background:var(--field-bg);color:var(--field-text);padding:0 16px;outline:none;box-shadow:var(--field-shadow);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}textarea{min-height:120px;padding:14px 16px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--field-placeholder)}input:focus,select:focus,textarea:focus{border-color:var(--field-border-focus);box-shadow:0 0 0 3px #11182714,0 1px 2px #0f172a0a}input:disabled,select:disabled,textarea:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.form-field{position:relative;margin-bottom:22px}.grid{display:grid;gap:16px}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.form-field>label{position:absolute;left:12px;top:var(--field-label-rest-top);transform:translateY(0);background:transparent;padding:0 8px;font-size:15px;line-height:1.2;color:var(--field-placeholder);font-weight:500;z-index:2;pointer-events:none;transition:top .18s ease,transform .18s ease,font-size .18s ease,color .18s ease,background-color .18s ease}.form-field>input,.form-field>select,.form-field>textarea{padding-left:var(--field-padding-x);padding-right:var(--field-padding-x)}.form-field>textarea{padding-top:22px}.form-field>input::placeholder,.form-field>textarea::placeholder{color:transparent}.form-field:focus-within>label,.form-field.is-filled>label,.form-field>input:not(:placeholder-shown)+label,.form-field>textarea:not(:placeholder-shown)+label,.form-field>select+label,.form-field>input:-webkit-autofill+label,.form-field>textarea:-webkit-autofill+label{top:var(--field-label-float-top);transform:translateY(0);background:var(--field-label-bg);color:var(--field-label);font-size:13px;font-weight:700}.form-field:focus-within>label{color:#2563eb}.input-shell{position:relative}.input-shell input{padding-right:46px}.input-icon-btn{position:absolute;top:50%;right:12px;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;color:#64748b;width:28px;height:28px}@media (max-width: 991px){.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.card{background:var(--background-paper);border-radius:16px;padding:24px;box-shadow:var(--shadow-card);color:var(--text-primary)}.actions-col{position:relative}.dropdown-wrapper{position:relative;display:inline-block}.more-btn{border:none;background:transparent;font-size:20px;cursor:pointer;padding:6px}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:6px;background:#fff;border-radius:16px;box-shadow:var(--shadow-dropdown);padding:8px;min-width:150px;z-index:1000;display:flex;flex-direction:column;gap:4px}.dropdown-menu button{display:flex;align-items:center;gap:8px;border:none;background:transparent;padding:10px 12px;border-radius:10px;cursor:pointer;text-align:left;font-size:14px;transition:.2s}.dropdown-menu button:hover{background:#f3f4f6}.dropdown-menu button.danger{color:#ef4444}.modal__header,.modal__footer{padding:22px 26px;display:flex;align-items:center;justify-content:space-between}.modal__header{border-bottom:1px solid #e9eef5;gap:16px}.modal__header h2{margin:0;font-size:32px;line-height:1.15;font-weight:800;color:#111827}.modal__sub{margin:8px 0 0;color:#64748b;font-size:14px;line-height:1.5}.modal__body{padding:24px 26px;overflow-y:auto;max-height:calc(100vh - 220px)}:host-context(body.modal-open){overflow:hidden}.modal__footer{border-top:1px solid #e9eef5;gap:12px}.icon-btn{width:42px;height:42px;min-width:42px;border-radius:12px;border:1px solid var(--border-color);background:var(--background-paper);color:#334155;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-btn:hover{background:var(--background-muted);border-color:var(--border-hover)}.add-root-btn{border:0;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 12px 24px #2563eb38;color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s ease}.add-root-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px #2563eb3d}.white-overlay{background:linear-gradient(135deg,#fff0,#f8fafc52);border:none}