*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--p50:#f0f9ff;--p100:#e0f2fe;--p200:#bae6fd;--p300:#7dd3fc;--p400:#38bdf8;--p500:#0ea5e9;--p600:#0284c7;--p700:#0369a1;--p800:#075985;--p900:#0c4a6e;--n50:#f8fafc;--n100:#f1f5f9;--n200:#e2e8f0;--n300:#cbd5e1;--n400:#94a3b8;--n500:#64748b;--n600:#475569;--n700:#334155;--n800:#1e293b;--n900:#0f172a;--success-bg:#dcfce7;--success-text:#15803d;--warning-bg:#fef3c7;--warning-text:#b45309;--danger-bg:#fee2e2;--danger-text:#dc2626;--purple-bg:#ede9fe;--purple-text:#7c3aed;--teal-bg:#ccfbf1;--teal-text:#0f766e;--pink-bg:#fce7f3;--pink-text:#be185d;--sidebar-w:240px;--topbar-h:60px;--font:"Be Vietnam Pro","Segoe UI",system-ui,sans-serif;--orange-bg:#ffedd5;--orange-text:#c2410c;--color-primary-50:var(--p50);--color-primary-100:var(--p100);--color-primary-200:var(--p200);--color-primary-300:var(--p300);--color-primary-600:var(--p600);--color-primary-700:var(--p700);--color-neutral-50:var(--n50);--color-neutral-100:var(--n100);--color-neutral-200:var(--n200);--color-neutral-300:var(--n300);--color-neutral-400:var(--n400);--color-neutral-500:var(--n500);--color-neutral-600:var(--n600);--color-neutral-700:var(--n700);--color-neutral-800:var(--n800);--color-neutral-900:var(--n900);--color-success-100:#dcfce7;--color-success-600:#16a34a;--color-danger-100:#fee2e2;--color-danger-600:#dc2626;--radius-md:8px;--radius-lg:12px}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:#fff;border-right:1px solid var(--n200);display:flex;flex-direction:column;overflow-y:auto}.sidebar-brand{height:var(--topbar-h);display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid var(--n200);position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s}.sidebar-brand:hover{background:var(--n50)}.brand-icon{width:32px;height:32px;border-radius:8px;background:var(--p600);display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-icon svg{width:18px;height:18px;color:#fff}.brand-text{font-size:13px;font-weight:700;color:var(--n800);line-height:1.3}.brand-text span{display:block;font-size:11px;font-weight:400;color:var(--n400)}.kp-chevron{width:14px;height:14px;color:var(--n400);margin-left:auto;flex-shrink:0;transition:transform .2s}.sidebar-brand.open .kp-chevron{transform:rotate(180deg)}.kp-menu{display:none;position:absolute;top:calc(100% + 2px);left:8px;right:8px;background:#fff;border:1px solid var(--n200);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:999;overflow:hidden}.sidebar-brand.open .kp-menu{display:block}.kp-menu-header{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--n400);padding:10px 12px 4px}.kp-menu-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;text-decoration:none;color:var(--n700);font-size:13px;transition:background .12s}.kp-menu-item:hover{background:var(--n50)}.kp-check,.kp-menu-item.kp-active{color:var(--p600)}.kp-check{width:14px;text-align:center;font-size:11px;flex-shrink:0}.kp-item-name{font-size:13px;font-weight:500;line-height:1.3}.kp-item-sub{font-size:11px;color:var(--n400)}.kp-divider{height:1px;background:var(--n200);margin:4px 0}.kp-manage-row{display:flex;align-items:center;gap:8px;padding:8px 12px 10px;cursor:pointer;text-decoration:none;color:var(--n500);font-size:12px;transition:background .12s}.kp-manage-row:hover{background:var(--n50);color:var(--p600)}.sidebar-section{padding:16px 12px 8px}.sidebar-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--n400);padding:0 8px;margin-bottom:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;text-decoration:none;color:var(--n600);font-size:13.5px;font-weight:500;transition:background .12s,color .12s;position:relative}.nav-item:hover{background:var(--p50);color:var(--p700)}.nav-item.active{background:var(--p100);color:var(--p800)}.nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--p600)}.nav-item svg{width:17px;height:17px;flex-shrink:0}.nav-badge{margin-left:auto;font-size:10px;font-weight:600;background:var(--p100);color:var(--p700);padding:1px 7px;border-radius:99px}.sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid var(--n200);position:relative}.user-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer}.user-row:hover{background:var(--n50)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--p100);color:var(--p700);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.user-info{flex:1 1;min-width:0}.user-name{font-size:13px;font-weight:600;color:var(--n800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--n400)}.user-dot-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;color:var(--n400);flex-shrink:0;transition:background .12s,color .12s}.user-dot-btn:hover{background:var(--n100);color:var(--n600)}.user-menu{display:none;position:absolute;bottom:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--n200);border-radius:10px;box-shadow:0 -8px 24px rgba(0,0,0,.12);z-index:999;overflow:hidden}.sidebar-footer.open .user-menu{display:block}.user-menu-header{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--n400);padding:10px 12px 4px}.user-menu-item{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;text-decoration:none;color:var(--n700);font-size:13px;font-weight:500;transition:background .12s;width:100%;background:none;border:none;text-align:left;font-family:var(--font)}.user-menu-item:hover{background:var(--n50)}.user-menu-item svg{width:15px;height:15px;flex-shrink:0}.user-menu-item.danger{color:var(--danger-text)}.user-menu-item.danger:hover{background:var(--danger-bg)}.user-menu-divider{height:1px;background:var(--n200);margin:4px 0}.main{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:var(--topbar-h);flex-shrink:0;background:#fff;border-bottom:1px solid var(--n200);gap:12px;padding:0 24px}.topbar,.topbar-actions{display:flex;align-items:center}.topbar-actions{margin-left:auto}.topbar-burger{display:none;align-items:center;justify-content:center;width:36px;height:36px;margin-left:-6px;border:none;background:none;color:var(--n600);cursor:pointer;border-radius:8px;flex-shrink:0}.topbar-burger:hover{background:var(--n100)}.sidebar-backdrop{display:none}.table-scroll{overflow-x:auto}@media (max-width:768px){.topbar-burger{display:inline-flex}.topbar{padding:0 16px}.content{padding:16px}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:200;transform:translateX(-100%);transition:transform .22s ease;box-shadow:0 0 40px rgba(0,0,0,.18)}.sidebar.mobile-open{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:150}.two-col{grid-template-columns:1fr}}.page-title{font-size:16px;font-weight:700;color:var(--n800)}.search-wrap{margin-left:auto;position:relative;display:flex;align-items:center}.search-wrap svg{position:absolute;left:10px;width:15px;height:15px;color:var(--n400);pointer-events:none}.search-input[type=text]{height:34px;width:260px;border:1px solid var(--n200);border-radius:8px;padding:0 12px 0 34px;font-family:var(--font);font-size:13px;color:var(--n700);background:var(--n50);outline:none;transition:border .15s,background .15s}.search-input:focus{border-color:var(--p400);background:#fff}.search-input::placeholder{color:var(--n400)}.kbd{position:absolute;right:8px;font-size:10px;color:var(--n400);background:var(--n100);border:1px solid var(--n200);border-radius:4px;padding:1px 5px;pointer-events:none}.btn{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:34px;border-radius:8px;font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer;border:none;transition:background .12s;white-space:nowrap;text-decoration:none}.btn svg{width:15px;height:15px}.btn-primary{background:var(--p600);color:#fff}.btn-primary:hover{background:var(--p700)}.btn-outline{background:#fff;color:var(--p700);border:1px solid var(--p300)}.btn-outline:hover{background:var(--p50)}.btn-ghost{background:transparent;color:var(--n600)}.btn-ghost:hover{background:var(--n100)}.content{flex:1 1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.content>*{flex-shrink:0}.content::-webkit-scrollbar{width:5px}.content::-webkit-scrollbar-thumb{background:var(--n200);border-radius:99px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-header h1{font-size:20px;font-weight:700;color:var(--n800)}.page-header p{font-size:13px;color:var(--n500);margin-top:2px}.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filter-search{position:relative;flex:1 1;min-width:220px}.filter-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--n400);pointer-events:none}.filter-search input[type=text]{width:100%;height:36px;border:1px solid var(--n200);border-radius:8px;padding:0 12px 0 34px;font-family:var(--font);font-size:13px;color:var(--n700);background:#fff;outline:none;transition:border .15s}.filter-search input:focus{border-color:var(--p400)}.filter-search input::placeholder{color:var(--n400)}.filter-select{width:auto;height:36px;border:1px solid var(--n200);border-radius:8px;padding:0 10px;font-family:var(--font);font-size:13px;color:var(--n700);background:#fff;outline:none;cursor:pointer}.filter-select:focus{border-color:var(--p400)}.stat-pills{display:flex;gap:10px;flex-wrap:wrap}.stat-pill{background:#fff;border:1px solid var(--n200);border-radius:10px;padding:12px 16px;gap:10px;min-width:140px}.pill-icon,.stat-pill{display:flex;align-items:center}.pill-icon{width:32px;height:32px;border-radius:8px;justify-content:center;flex-shrink:0}.pill-icon svg{width:16px;height:16px}.pill-val{font-size:18px;font-weight:700;color:var(--n800);line-height:1}.pill-lbl{font-size:11px;color:var(--n500)}.table-card{background:#fff;border:1px solid var(--n200);border-radius:12px;overflow:hidden}.table-header-bar{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--n200)}.table-title{font-size:13px;font-weight:700;color:var(--n800)}.table-meta{font-size:11px;color:var(--n400);margin-top:1px}table{width:100%;border-collapse:collapse}thead th{background:var(--p50);font-size:11px;font-weight:600;color:var(--n500);text-transform:uppercase;letter-spacing:.05em;padding:10px 16px;text-align:left;border-bottom:1px solid var(--p200);white-space:nowrap}tbody tr{border-bottom:1px solid var(--n100);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--p50)}tbody td{padding:11px 16px;font-size:13px;color:var(--n700);vertical-align:middle}.td-primary{font-weight:600;color:var(--n800)}a.td-primary:hover{color:var(--p600);text-decoration:underline}.td-mono{font-family:SF Mono,monospace;font-size:12px;color:var(--n600)}.td-center{text-align:center}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;white-space:nowrap}.badge-dot{width:5px;height:5px;border-radius:50%}.badge.success{background:var(--success-bg);color:var(--success-text)}.badge.warning{background:var(--warning-bg);color:var(--warning-text)}.badge.danger{background:var(--danger-bg);color:var(--danger-text)}.badge.purple{background:var(--purple-bg);color:var(--purple-text)}.badge.teal{background:var(--teal-bg);color:var(--teal-text)}.badge.pink{background:var(--pink-bg);color:var(--pink-text)}.badge.neutral{background:var(--n100);color:var(--n600)}.action-btns{display:flex;gap:4px}.action-btn{width:28px;height:28px;border-radius:7px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s;background:transparent;text-decoration:none}.action-btn svg{width:14px;height:14px}.action-btn.view{color:var(--p600)}.action-btn.edit{color:var(--n500)}.action-btn.del{color:var(--danger-text)}.action-btn.view:hover{background:var(--p100)}.action-btn.edit:hover{background:var(--n100)}.action-btn.del:hover{background:var(--danger-bg)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--n200)}.pagination-info{font-size:12px;color:var(--n500)}.page-btns{display:flex;gap:4px}.page-btn{height:30px;min-width:30px;padding:0 8px;border-radius:6px;border:1px solid var(--n200);background:#fff;font-family:var(--font);font-size:12px;font-weight:500;color:var(--n600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.page-btn:hover{border-color:var(--p400);color:var(--p600)}.page-btn.active{background:var(--p600);border-color:var(--p600);color:#fff}.page-btn svg{width:13px;height:13px}.nk-avatar{width:30px;height:30px;border-radius:50%;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.nk-avatar,.nk-name-wrap{display:flex;align-items:center}.nk-name-wrap{gap:10px}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--n500);text-decoration:none;transition:color .12s}.back-link:hover{color:var(--p600)}.back-link svg{width:15px;height:15px}.form-cols{display:flex;flex-direction:column;gap:16px}.form-card{background:#fff;border:1px solid var(--n200);border-radius:12px;overflow:visible}.form-card-header{padding:14px 20px;border-bottom:1px solid var(--n100);background:var(--p50);display:flex;align-items:center;gap:8px}.form-card-header svg{width:15px;height:15px;color:var(--p600)}.form-card-header h2{font-size:13px;font-weight:700;color:var(--p800)}.form-body{padding:18px 20px;display:flex;flex-direction:column;gap:13px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:12.5px;font-weight:600;color:var(--n700)}.form-label .req{color:var(--p600);margin-left:2px}.form-label .auto{font-size:11px;font-weight:400;color:var(--n400);margin-left:4px}.form-input{height:36px;border:1.5px solid var(--n200);border-radius:8px;padding:0 11px;font-family:var(--font);font-size:13px;color:var(--n800);background:#fff;outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--p600)}.form-input::placeholder{color:var(--n400)}.form-input.mono{font-family:SF Mono,monospace;letter-spacing:.04em}.form-input.disabled{background:var(--n50);color:var(--n500);cursor:not-allowed}.form-textarea{min-height:70px;border:1.5px solid var(--n200);border-radius:8px;padding:9px 11px;font-family:var(--font);font-size:13px;color:var(--n800);background:#fff;outline:none;resize:vertical;transition:border-color .15s;line-height:1.5}.form-textarea:focus{border-color:var(--p600)}.form-textarea::placeholder{color:var(--n400)}.form-select{height:36px;border:1.5px solid var(--n200);border-radius:8px;padding:0 30px 0 11px;font-family:var(--font);font-size:13px;color:var(--n800);background:#fff url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center;-webkit-appearance:none;outline:none;cursor:pointer;transition:border-color .15s}.form-select:focus{border-color:var(--p600)}.ac-list{display:none;position:absolute;left:0;right:0;top:calc(100% + 2px);background:#fff;border:1.5px solid var(--p300);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:200;max-height:220px;overflow-y:auto;padding:4px 0;margin:0;list-style:none}.ac-list li{padding:8px 12px;cursor:pointer;font-size:13px;color:var(--n700);transition:background .1s}.ac-list li:hover{background:var(--p50)}.ac-input-wrap{position:relative;display:block}.ac-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:none;background:none;cursor:pointer;display:none;align-items:center;justify-content:center;color:var(--n400);font-size:14px;line-height:1;padding:0;transition:color .15s}.ac-clear:hover{color:var(--n700)}.ac-clear.visible{display:flex}.ac-input-wrap .form-input{padding-right:28px;width:100%}.form-helper{font-size:11px;color:var(--n400)}.radio-group{display:flex;gap:16px}.radio-label{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--n700);cursor:pointer}.radio-label input[type=radio]{accent-color:var(--p600);width:15px;height:15px;cursor:pointer}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px 10px;gap:8px 10px}.checkbox-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--n700);cursor:pointer;padding:7px 10px;border-radius:7px;border:1.5px solid var(--n200);transition:all .12s}.checkbox-item:hover{border-color:var(--p300);background:var(--p50)}.checkbox-item input[type=checkbox]{accent-color:var(--p600);width:14px;height:14px;flex-shrink:0;cursor:pointer}.checkbox-item.auto-field{background:var(--n50);cursor:default}.checkbox-item.auto-field:hover{border-color:var(--n200);background:var(--n50)}.auto-tag{font-size:10px;color:var(--n400);margin-left:auto;font-weight:500}.dt-toggle-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;background:none;border:1px solid var(--n200);border-radius:7px;cursor:pointer;font-family:var(--font);font-size:12.5px;font-weight:600;color:var(--p600);padding:7px 0;transition:background .12s,color .12s}.dt-toggle-btn:hover{background:var(--p50);color:var(--p700)}.dt-toggle-btn svg{flex-shrink:0}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 24px;background:#fff;border-top:1.5px solid var(--n200);flex-shrink:0}.form-cols>*{min-width:0}.form-layout{display:grid;grid-template-columns:210px 1fr;grid-gap:20px;gap:20px;align-items:start}.form-layout>*{min-width:0}.form-nav{position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--n200);border-radius:12px;padding:10px}.form-nav-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:500;color:var(--n600);cursor:pointer;transition:all .1s}.form-nav-item:hover{background:var(--n100);color:var(--n800)}.form-nav-item.active{background:var(--p100);color:var(--p700);font-weight:600}.form-nav-num{width:18px;height:18px;border-radius:50%;background:var(--n100);color:var(--n500);font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}button.form-nav-item{width:100%;text-align:left;border:none;background:none;font-family:var(--font)}.form-nav-item svg{width:15px;height:15px;flex-shrink:0}.form-nav-item.active .form-nav-num{background:var(--p600);color:#fff}@media (max-width:1180px){.form-layout{grid-template-columns:1fr}.form-nav{position:static;flex-direction:row;flex-wrap:wrap}}.bd-title{font-size:12.5px;font-weight:700;color:var(--n800)}.bd-radios{display:flex;gap:16px;margin:6px 0 8px}.bd-radios label{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--n600);cursor:pointer}.bd-radios input{accent-color:var(--p600);width:14px;height:14px;cursor:pointer}.bd-table-wrap{overflow-x:auto;border:1px solid var(--n200);border-radius:8px}.bd-table{width:100%;border-collapse:collapse;font-size:12px}.bd-table th{background:var(--n50);color:var(--n600);font-weight:600;text-align:left;padding:7px 9px;border-bottom:1px solid var(--n200);white-space:nowrap}.bd-table td{padding:4px 6px;border-bottom:1px solid var(--n100);vertical-align:middle}.bd-table input{width:100%;min-width:90px;border:1px solid transparent;border-radius:5px;padding:5px 6px;font-size:12px;font-family:inherit;color:var(--n800);background:transparent}.bd-table input:hover{border-color:var(--n200)}.bd-table input:focus{outline:none;border-color:var(--p400);background:#fff}.bd-del{background:none;border:none;color:var(--n400);cursor:pointer;font-size:13px;padding:2px 6px;border-radius:5px;line-height:1}.bd-del:hover{color:#e11d48;background:#ffe4e6}.bd-add{background:none;border:1px dashed var(--n300);color:var(--p600);font-size:12px;font-weight:600;cursor:pointer;border-radius:7px;padding:6px 12px;margin-top:8px;font-family:inherit}.bd-add:hover{border-color:var(--p400);background:var(--p50)}body,html{height:100%;background:var(--n50);font-family:var(--font);color:var(--n900);font-size:14px;line-height:1.5}.breadcrumb{font-size:12px;color:var(--n400);margin-left:4px}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-size:14px;font-weight:700;color:var(--n800)}.section-link{font-size:12px;color:var(--p600);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none}.section-link:hover{color:var(--p800)}.section-link svg{width:13px;height:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.stat-card{background:#fff;border:1px solid var(--n200);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--p600);border-radius:12px 12px 0 0}.stat-card.green:after{background:var(--success-text)}.stat-card.amber:after{background:#f59e0b}.stat-card.rose:after{background:#e11d48}.stat-top{justify-content:space-between}.stat-icon,.stat-top{display:flex;align-items:center}.stat-icon{width:36px;height:36px;border-radius:10px;justify-content:center}.stat-icon svg{width:18px;height:18px}.stat-icon.blue{background:var(--p100);color:var(--p600)}.stat-icon.green{background:var(--success-bg);color:var(--success-text)}.stat-icon.amber{background:#fef3c7;color:#b45309}.stat-icon.rose{background:#ffe4e6;color:#e11d48}.stat-change{font-size:11px;font-weight:600;padding:2px 7px;border-radius:99px;display:flex;align-items:center;gap:3px}.stat-change svg{width:11px;height:11px}.stat-change.up{background:var(--success-bg);color:var(--success-text)}.stat-change.down{background:var(--danger-bg);color:var(--danger-text)}.stat-value{font-size:26px;font-weight:700;color:var(--n800);line-height:1}.stat-label{font-size:12px;color:var(--n500);font-weight:500;margin-top:2px}.stat-sub{font-size:11px;color:var(--n400)}.charts-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.card{background:#fff;border:1px solid var(--n200);border-radius:12px;padding:20px}.card-title{font-size:13px;font-weight:700;color:var(--n800);margin-bottom:4px}.card-sub{font-size:11px;color:var(--n400);margin-bottom:16px}.chart-wrap{position:relative;height:200px}.policy-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}.policy-card{background:#fff;border:1px solid var(--n200);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.policy-card-link{text-decoration:none;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .12s}.policy-card-link:hover{border-color:var(--p300);box-shadow:0 4px 14px rgba(2,132,199,.1);transform:translateY(-1px)}.policy-card-link:focus-visible{outline:2px solid var(--p400);outline-offset:2px}.policy-icon-wrap{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center}.policy-icon-wrap svg{width:17px;height:17px}.policy-num{font-size:20px;font-weight:700;color:var(--n800)}.policy-lbl{font-size:11.5px;font-weight:500;color:var(--n500);line-height:1.4}.policy-pct{font-size:10.5px;color:var(--n400)}.td-num{font-weight:700;color:var(--p700);background:var(--p50);border-radius:6px;padding:3px 10px;display:inline-block;font-size:13px}.prog-bar{height:4px;background:var(--n200);border-radius:99px;overflow:hidden;margin-top:8px}.prog-fill{height:100%;border-radius:99px;background:var(--p600)}.legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--n600)}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.content::-webkit-scrollbar-track{background:transparent}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.policy-grid{grid-template-columns:repeat(3,1fr)}.charts-row{grid-template-columns:1fr}}.btn-danger{background:var(--danger-text);color:#fff}.btn-danger:hover{background:#b91c1c}.ho-card{background:#fff;border:1px solid var(--n200);border-radius:12px;padding:20px 24px}.ho-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--n100)}.ho-card-title{font-size:18px;font-weight:700;color:var(--n800)}.ho-card-sub{font-size:13px;color:var(--n500);margin-top:3px;display:flex;align-items:center;gap:6px}.ho-card-sub svg{width:14px;height:14px;flex-shrink:0}.ho-card-actions{display:flex;gap:8px;flex-shrink:0}.ho-meta{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.ho-meta-item label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--n400);display:block;margin-bottom:4px}.ho-meta-item .value{font-size:14px;font-weight:600;color:var(--n800)}.ho-meta-item .value.large{font-size:20px;color:var(--p700)}.badge.primary{background:var(--p100);color:var(--p700)}.badge.orange{background:var(--orange-bg);color:var(--orange-text)}.badges-wrap{display:flex;flex-wrap:wrap;gap:4px}.action-btn.set-chu-ho{color:var(--warning-text)}.action-btn.set-chu-ho:hover{background:var(--warning-bg)}.btn-change-chu-ho{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--p600);background:var(--p50);border:1px solid var(--p200);border-radius:6px;padding:2px 8px;cursor:pointer;transition:background .12s;line-height:1.4}.btn-change-chu-ho:hover{background:var(--p100)}.btn-change-chu-ho svg{width:11px;height:11px}.modal-select{width:100%;height:40px;border:1.5px solid var(--n200);border-radius:8px;padding:0 12px;font-size:13.5px;font-family:var(--font);color:var(--n800);background:#fff;outline:none;cursor:pointer;-webkit-appearance:none}.modal-select:focus{border-color:var(--p600)}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.4);z-index:100;display:none;align-items:center;justify-content:center}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:16px;padding:28px;width:100%;max-width:420px;box-shadow:0 8px 32px rgba(2,132,199,.15)}.modal-icon{width:48px;height:48px;border-radius:12px;background:var(--danger-bg);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.modal-icon svg{width:24px;height:24px;color:var(--danger-text)}.modal h3{font-size:18px;font-weight:700;color:var(--n800);margin-bottom:8px}.modal p{font-size:14px;color:var(--n600);line-height:1.6;margin-bottom:24px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.profile-card{background:#fff;border:1px solid var(--n200);border-radius:12px;padding:22px 24px}.profile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--n100);margin-bottom:18px}.profile-id{gap:14px}.profile-avatar,.profile-id{display:flex;align-items:center}.profile-avatar{width:56px;height:56px;border-radius:50%;background:var(--p100);color:var(--p700);justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.profile-name{font-size:19px;font-weight:700;color:var(--n800);line-height:1.3}.profile-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.profile-actions{display:flex;gap:8px;flex-shrink:0}.profile-meta{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.meta-item label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--n400);display:block;margin-bottom:4px}.meta-item .value{font-size:14px;font-weight:600;color:var(--n800)}.meta-item .value.mono{font-family:SF Mono,monospace;font-weight:600}.meta-item .sub{font-size:11px;color:var(--n400);margin-top:2px}.meta-item .value a{color:var(--p600);text-decoration:none}.meta-item .value a:hover{text-decoration:underline}.info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;align-items:start}.info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--n50)}.info-row:last-child{border-bottom:none}.info-row .label{font-size:13px;color:var(--n500)}.info-row .val{font-size:13.5px;font-weight:600;color:var(--n800);text-align:right}.info-row .val.mono{font-family:SF Mono,monospace;font-weight:500}.info-row .val.muted{color:var(--n400);font-weight:400}.check-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.check-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:var(--n50);font-size:12.5px;color:var(--n400)}.check-item.on{background:var(--p50);color:var(--p800);font-weight:600}.check-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--n200);color:#fff}.check-item.on .check-icon{background:var(--p600)}.check-icon svg{width:11px;height:11px}.check-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.45}.check-item.on .check-item-icon{opacity:1;color:var(--p700)}.dt-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--n50)}.dt-row:last-child{border-bottom:none}.dt-icon-wrap{width:28px;height:28px;border-radius:7px;background:var(--n100);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--n400)}.dt-label{flex:1 1;font-size:13px;color:var(--n600)}.dt-status{font-size:12.5px;font-weight:500;color:var(--n300);display:flex;align-items:center;gap:4px}.dt-status.dt-on{color:var(--success-text);background:var(--success-bg);padding:2px 10px;border-radius:99px;font-weight:600}@media (max-width:1100px){.info-grid{grid-template-columns:1fr}.profile-meta{grid-template-columns:repeat(2,1fr)}}.page-actions{display:flex;gap:8px}.tabs{display:flex;border-bottom:2px solid var(--n200);gap:0}.tab{padding:10px 18px;font-size:13.5px;font-weight:500;color:var(--n500);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s;white-space:nowrap}.tab:hover{color:var(--p600)}.tab.active{color:var(--p700);border-bottom-color:var(--p600);font-weight:600}.tab-panel{display:none}.tab-panel.active{display:flex;flex-direction:column;gap:16px}.stat-card.purple:after{background:var(--purple-text)}.stat-card.teal:after{background:var(--teal-text)}.stat-icon.purple{background:var(--purple-bg);color:var(--purple-text)}.stat-icon.teal{background:var(--teal-bg);color:var(--teal-text)}.stat-pct{font-size:11px;font-weight:600;background:var(--p50);color:var(--p700);padding:2px 7px;border-radius:99px}.charts-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:14px;gap:14px}.chart-wrap.tall{height:240px}.table-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--n200)}.prog{height:6px;background:var(--n200);border-radius:99px;overflow:hidden;margin-top:4px}.policy-grid-5{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-row,.charts-row-3{grid-template-columns:1fr}.policy-grid-5{grid-template-columns:repeat(2,1fr)}}.s-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-100);color:var(--color-primary-700);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.page-header-left h1{font-size:22px;font-weight:700;color:var(--color-neutral-800)}.page-header-left p{font-size:13px;color:var(--color-neutral-500);margin-top:2px}.settings-layout{display:flex;gap:24px;align-items:flex-start}.settings-nav{width:192px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0}.settings-nav-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--color-neutral-600);cursor:pointer;text-decoration:none;transition:all .1s}.settings-nav-item:hover{background:var(--color-neutral-100);color:var(--color-neutral-800)}.settings-nav-item.active{background:var(--color-primary-100);color:var(--color-primary-700)}.settings-nav-item svg{flex-shrink:0;opacity:.7}.settings-nav-item.active svg{opacity:1;color:var(--color-primary-600)}.settings-panels{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:20px}.card-header{padding:16px 20px 14px;border-bottom:1px solid var(--color-neutral-100);justify-content:space-between}.card-header,.card-header-left{display:flex;align-items:center}.card-header-left{gap:10px}.card-icon{width:32px;height:32px;background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);display:grid;place-items:center;flex-shrink:0}.card-icon svg{color:var(--color-primary-600);width:16px;height:16px}.card-desc{font-size:12px;color:var(--color-neutral-500);margin-top:1px}.card-footer{padding:12px 20px;background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-100);display:flex;align-items:center;justify-content:flex-end;gap:8px}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-xs{height:28px;padding:0 10px;font-size:12px;border-radius:6px}.badge-success{background:var(--color-success-100);color:var(--color-success-600)}.badge-neutral{background:var(--color-neutral-100);color:var(--color-neutral-600)}.cfg-list{display:flex;flex-direction:column}.cfg-item{border-bottom:1px solid var(--color-neutral-100)}.cfg-item:last-child{border-bottom:none}.cfg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;cursor:pointer;transition:background .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cfg-row:hover{background:var(--color-neutral-50)}.cfg-item.cfg-active>.cfg-row{background:#f0fdf4}.cfg-item.cfg-active>.cfg-row:hover{background:#dcfce7}.cfg-item.cfg-expanded>.cfg-row{background:var(--color-primary-50);border-bottom:1px solid var(--color-primary-100)}.cfg-row-left{display:flex;align-items:center;gap:12px}.cfg-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--color-neutral-200);border:2px solid var(--color-neutral-300)}.cfg-dot.active{background:var(--color-success-600);border-color:var(--color-success-600);box-shadow:0 0 0 3px rgba(22,163,74,.15)}.cfg-row-name{font-size:14px;font-weight:600;color:var(--color-neutral-800)}.cfg-row-sub{font-size:12px;color:var(--color-neutral-400);margin-top:1px}.cfg-row-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.cfg-chevron{width:16px;height:16px;color:var(--color-neutral-400);transition:transform .2s;flex-shrink:0;margin-left:4px}.cfg-item.cfg-expanded .cfg-chevron{transform:rotate(90deg)}.cfg-edit-panel{display:none;padding:20px;background:var(--color-neutral-50);border-top:1px solid var(--color-primary-100)}.cfg-item.cfg-expanded .cfg-edit-panel{display:block}.cfg-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;border-top:1px solid var(--color-neutral-200);padding-top:16px}.cfg-edit-form{display:none;border-top:2px solid var(--color-primary-100);background:var(--color-neutral-50);padding:20px}.search-bar{display:flex;align-items:center;gap:8px;margin-bottom:10px}.toggle{position:relative;width:40px;height:22px;flex-shrink:0;cursor:pointer}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;inset:0;background:var(--color-neutral-200);border-radius:9999px;transition:background .2s}.toggle input:checked+.toggle-track{background:var(--color-primary-600)}.toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:9999px;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}.toggle input:checked~.toggle-thumb{transform:translateX(18px)}.ep-toolbar{gap:10px;padding:14px 20px;border-bottom:1px solid var(--color-neutral-100);background:#fff;flex-wrap:wrap}.ep-name-wrap,.ep-toolbar{display:flex;align-items:center}.ep-name-wrap{gap:8px;flex:1 1;min-width:180px}.ep-name-label{font-size:12px;font-weight:500;color:var(--color-neutral-500);white-space:nowrap}.ep-name-input{height:32px;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:0 10px;font-family:var(--font);font-size:13px;color:var(--color-neutral-800);outline:none;width:180px;transition:border .15s,box-shadow .15s}.ep-name-input:focus{border-color:var(--color-primary-600);box-shadow:0 0 0 3px rgba(2,132,199,.1)}.ep-divider{width:1px;height:20px;background:var(--color-neutral-200);flex-shrink:0}.ep-actions{gap:6px;flex-wrap:wrap}.ep-actions,.ep-search{display:flex;align-items:center}.ep-search{padding:12px 20px;border-bottom:1px solid var(--color-neutral-100);gap:10px}.ep-search-wrap{flex:1 1;position:relative;display:flex;align-items:center}.ep-search-wrap svg{position:absolute;left:10px;width:14px;height:14px;color:var(--color-neutral-400);pointer-events:none}.ep-search-input{width:100%;height:34px;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:0 10px 0 32px;font-family:var(--font);font-size:13px;color:var(--color-neutral-800);outline:none;transition:border .15s,box-shadow .15s}.ep-search-input:focus{border-color:var(--color-primary-600);box-shadow:0 0 0 3px rgba(2,132,199,.1)}.ep-search-input::placeholder{color:var(--color-neutral-400)}.ep-count{font-size:12px;color:var(--color-neutral-400);white-space:nowrap}.ep-groups{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.group-header{justify-content:space-between;padding:6px 0 8px}.group-header,.group-title{display:flex;align-items:center}.group-title{gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-neutral-500)}.group-title-icon{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;flex-shrink:0}.group-title-icon svg{width:12px;height:12px}.group-count{font-size:11px;font-weight:400;color:var(--color-neutral-400)}.group-toggle-all{font-size:11px;font-weight:500;color:var(--color-primary-600);cursor:pointer;border:none;background:none;padding:2px 8px;border-radius:6px;font-family:var(--font);transition:background .12s}.group-toggle-all:hover{background:var(--color-primary-50)}.group-rows{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);overflow:hidden;background:#fff}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;border-bottom:1px solid var(--color-neutral-100);transition:background .1s}.toggle-row:last-child{border-bottom:none}.toggle-row:hover{background:var(--color-neutral-50)}.toggle-info{flex:1 1}.toggle-label{font-size:13px;font-weight:500;color:var(--color-neutral-800);display:flex;align-items:center;gap:8px}.toggle-desc{font-size:12px;color:var(--color-neutral-500);margin-top:2px;line-height:1.5}.auto-badge{font-size:10px;font-weight:600;background:var(--color-primary-100);color:var(--color-primary-700);padding:1px 7px;border-radius:99px}.no-result{padding:24px;text-align:center;font-size:13px;color:var(--color-neutral-400)}.ep-footer{justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--color-neutral-100);background:var(--color-neutral-50)}.ep-footer,.modal-overlay{display:flex;align-items:center}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:900;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-overlay.open .modal{transform:translateY(0) scale(1)}.modal-header{padding:20px 24px 16px;border-bottom:1px solid var(--color-neutral-100);display:flex;align-items:center;gap:10px}.modal-title{font-size:16px;font-weight:700;color:var(--color-neutral-800)}.modal-desc{font-size:12px;color:var(--color-neutral-500);margin-top:2px}.modal-body{padding:20px 24px}.modal-label{font-size:13px;font-weight:500;color:var(--color-neutral-700);margin-bottom:6px;display:block}.modal-input{width:100%;height:38px;border:1px solid var(--color-neutral-400);border-radius:var(--radius-md);padding:0 12px;font-family:var(--font);font-size:14px;color:var(--color-neutral-900);outline:none;transition:border-color .15s,box-shadow .15s}.modal-input:focus{border-color:var(--color-primary-600);box-shadow:0 0 0 3px rgba(2,132,199,.12)}.modal-footer{padding:14px 24px 20px;display:flex;justify-content:flex-end;gap:8px}.seg-group{display:flex;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.seg-btn{border:none;background:#fff;font-family:var(--font);font-size:12px;font-weight:500;color:var(--color-neutral-600);padding:4px 11px;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap;border-right:1px solid var(--color-neutral-200)}.seg-btn:last-child{border-right:none}.seg-btn:hover{background:var(--color-neutral-50)}.seg-btn.seg-active{background:var(--color-primary-600);color:#fff}.seg-btn.seg-active:hover{background:var(--color-primary-700)}.type-badge{font-size:10px;font-weight:600;background:var(--color-neutral-100);color:var(--color-neutral-500);padding:1px 7px;border-radius:99px;margin-left:6px;flex-shrink:0}.toast{position:fixed;bottom:24px;right:24px;background:var(--color-neutral-800);color:#fff;font-size:13px;font-weight:500;padding:10px 18px;border-radius:10px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px rgba(0,0,0,.18);z-index:999;transform:translateY(20px);opacity:0;transition:all .25s}.toast.show{transform:translateY(0);opacity:1}.toast svg{width:15px;height:15px;color:#4ade80;flex-shrink:0}body{font-family:var(--font);font-size:14px;line-height:1.6;color:var(--color-neutral-900);background:var(--color-neutral-50);min-height:100vh}.settings-nav-divider{height:1px;background:var(--color-neutral-200);margin:6px 0}.card-body{padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-grid.cols-1{grid-template-columns:1fr}.form-row{display:flex;flex-direction:column;gap:5px}.form-row.span-2{grid-column:1/-1}label{font-size:13px;font-weight:500;color:var(--color-neutral-700);line-height:1.4}label .req{color:var(--color-danger-600);margin-left:2px}.input-wrap{position:relative}.input-wrap svg.input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-neutral-400);pointer-events:none}input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{width:100%;height:36px;padding:0 12px;font-family:var(--font);font-size:14px;color:var(--color-neutral-900);background:#fff;border:1px solid var(--color-neutral-400);border-radius:var(--radius-md);outline:none;transition:border-color .15s,box-shadow .15s;-moz-appearance:none;appearance:none;-webkit-appearance:none}input.has-icon,select.has-icon{padding-left:34px}input:focus,select:focus,textarea:focus{border-color:var(--color-primary-600);box-shadow:0 0 0 3px rgba(2,132,199,.12)}input:disabled,select:disabled{background:var(--color-neutral-100);color:var(--color-neutral-600);cursor:not-allowed}input[type=password]{font-family:monospace;letter-spacing:.1em}textarea{height:auto;padding:8px 12px;resize:vertical;line-height:1.5}.helper-text{font-size:12px;color:var(--color-neutral-400);margin-top:3px}.select-wrap{position:relative}.select-wrap:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-top:5px solid var(--color-neutral-400);margin-top:3px;pointer-events:none}.toggle-row:first-child{padding-top:0}.toggle-info .toggle-label{font-size:14px;font-weight:500;color:var(--color-neutral-800)}.toggle-info .toggle-desc{font-size:12px;color:var(--color-neutral-600);margin-top:2px;line-height:1.5}.btn-secondary{background:#fff;color:var(--color-primary-600);border-color:var(--color-primary-600)}.btn-secondary:hover{background:var(--color-primary-50)}.avatar-section{display:flex;align-items:center;gap:16px;padding:16px 0;margin-bottom:4px;border-bottom:1px solid var(--color-neutral-100)}.avatar-large{width:56px;height:56px;border-radius:9999px;background:var(--color-primary-100);border:2px solid var(--color-primary-300);display:grid;place-items:center;font-size:20px;font-weight:600;color:var(--color-primary-700);flex-shrink:0}.avatar-info .avatar-name{font-size:15px;font-weight:600;color:var(--color-neutral-800)}.avatar-info .avatar-role{font-size:13px;color:var(--color-neutral-600);margin-top:2px}.avatar-actions{margin-left:auto}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.data-action-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--color-neutral-100)}.data-action-row:last-child{border-bottom:none;padding-bottom:0}.data-action-row:first-child{padding-top:0}.data-action-info .data-action-title{font-size:14px;font-weight:500;color:var(--color-neutral-800)}.data-action-info .data-action-desc{font-size:12px;color:var(--color-neutral-600);margin-top:2px}.version-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0}.version-item{padding:12px 0;border-bottom:1px solid var(--color-neutral-100)}.version-item:nth-last-child(-n+2){border-bottom:none}.version-key{font-size:12px;color:var(--color-neutral-400);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.version-val{font-size:14px;font-weight:500;color:var(--color-neutral-800);margin-top:3px}.danger-zone-card{background:#fff;border:1px solid var(--color-danger-600);border-radius:var(--radius-lg);overflow:hidden}.danger-zone-header{padding:14px 20px;background:var(--color-danger-100);display:flex;align-items:center;gap:10px}.danger-zone-header h3{font-size:14px;font-weight:600}.danger-zone-header h3,.danger-zone-header svg{color:var(--color-danger-600)}.danger-zone-body{padding:16px 20px}.section-anchor{scroll-margin-top:24px}.kp-list{display:flex;flex-direction:column}.kp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--color-neutral-100);transition:background .12s}.kp-row:last-child{border-bottom:none}.kp-row:hover{background:var(--color-neutral-50)}.kp-row-left{display:flex;align-items:center;gap:12px}.kp-row-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--color-neutral-200);border:2px solid var(--color-neutral-300)}.kp-row-dot.active{background:var(--color-success-600);border-color:var(--color-success-600);box-shadow:0 0 0 3px rgba(22,163,74,.15)}.kp-row-name{font-size:14px;font-weight:600;color:var(--color-neutral-800)}.kp-row-sub{font-size:12px;color:var(--color-neutral-400);margin-top:1px}.kp-row-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.kp-stat{color:var(--color-neutral-400)}.btn-switch,.kp-stat{font-size:12px;white-space:nowrap}.btn-switch{height:28px;padding:0 10px;font-weight:500;background:var(--color-primary-50);color:var(--color-primary-600);border:1px solid var(--color-primary-200);border-radius:6px;cursor:pointer;transition:all .12s}.btn-switch:hover{background:var(--color-primary-100)}.btn-switch.is-active{background:var(--color-success-100);color:var(--color-success-600);border-color:var(--color-success-600);cursor:default}.kp-edit-form{padding:20px;background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-200)}.kp-edit-form .kp-edit-title{font-size:13px;font-weight:600;color:var(--color-neutral-700);margin-bottom:14px}.kp-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}@media (max-width:900px){.settings-layout{flex-direction:column}.settings-nav{width:100%;position:static;display:flex;flex-wrap:wrap;gap:4px}.settings-nav-divider{display:none}.form-grid{grid-template-columns:1fr}.form-row.span-2{grid-column:1}.version-grid{grid-template-columns:1fr}.version-item:last-child{border-bottom:none}}.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;align-items:start}.section-card{background:#fff;border:1px solid var(--n200);border-radius:14px;overflow:hidden}.section-card-header{padding:18px 22px;border-bottom:1px solid var(--n100);display:flex;align-items:center;gap:12px}.section-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-icon svg{width:20px;height:20px}.section-icon.blue{background:var(--p100);color:var(--p600)}.section-icon.green{background:#dcfce7;color:#15803d}.section-card-header h2{font-size:15px;font-weight:700;color:var(--n800)}.section-card-header p{font-size:12px;color:var(--n500);margin-top:1px}.section-body{padding:22px;display:flex;flex-direction:column;gap:16px}.dropzone{border:2px dashed var(--n300);border-radius:12px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .2s;background:var(--n50)}.dropzone:hover{border-color:var(--p400);background:var(--p50)}.dropzone.dragover{border-color:var(--p600);background:var(--p100)}.dropzone-icon{width:52px;height:52px;border-radius:14px;background:var(--p100);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.dropzone-icon svg{width:26px;height:26px;color:var(--p600)}.dropzone h3{font-size:14px;font-weight:600;color:var(--n800);margin-bottom:6px}.dropzone p{font-size:12.5px;color:var(--n500)}.dropzone em{font-style:normal;font-size:11px;color:var(--n400);display:block;margin-top:6px}.btn-success{background:#15803d;color:#fff}.btn-success:hover{background:#166534}.btn-full{width:100%;justify-content:center}.export-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--n200);border-radius:10px;cursor:pointer;transition:all .15s;background:#fff}.export-item:hover{border-color:var(--p300);background:var(--p50)}.export-item-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.export-item-icon svg{width:18px;height:18px}.export-item-content{flex:1 1}.export-item-title{font-size:13.5px;font-weight:600;color:var(--n800)}.export-item-desc{font-size:11.5px;color:var(--n500);margin-top:1px}.export-item-arrow{color:var(--n400)}.export-item-arrow svg{width:16px;height:16px}.import-opts{display:flex;flex-direction:column;gap:8px}.import-opt{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--n700);cursor:pointer;padding:10px 14px;border:1.5px solid var(--n200);border-radius:8px;transition:all .12s}.import-opt:hover{border-color:var(--p300);background:var(--p50)}.import-opt input[type=radio]{accent-color:var(--p600);width:14px;height:14px}.import-opt span{font-size:11px;color:var(--n400);margin-left:auto}.alert{border-radius:10px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start}.alert svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.alert.info{background:var(--p50);border:1px solid var(--p200)}.alert.info svg{color:var(--p600)}.alert.warning{background:var(--warning-bg);border:1px solid #fde68a}.alert.warning svg{color:var(--warning-text)}.alert-title{font-size:13px;font-weight:600;color:var(--n800);margin-bottom:3px}.alert-text{font-size:12.5px;color:var(--n600);line-height:1.6}.divider{height:1px;background:var(--n100)}.history-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--n100)}.history-item:last-child{border-bottom:none}.history-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.history-icon svg{width:15px;height:15px}.history-name{font-size:13px;font-weight:500;color:var(--n800)}.history-meta{font-size:11px;color:var(--n400);margin-top:1px}.history-badge{margin-left:auto;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:99px}.form-input,.form-select,.form-textarea{border:1px solid var(--n200);border-radius:8px;padding:9px 12px;font-size:13.5px;font-family:var(--font);color:var(--n800);background:#fff;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--p400);box-shadow:0 0 0 3px var(--p50)}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:14px;gap:14px}.req{color:var(--p600)}.form-actions-row{display:flex;gap:10px;justify-content:flex-end;max-width:720px;margin-top:4px}.err-msg{display:none;font-size:12px;color:var(--danger-text)}.bd-table input,.bd-table select{width:100%;min-width:90px;border:1px solid transparent;border-radius:5px;padding:5px 6px;font-size:12px;font-family:inherit;color:var(--n800);background:transparent}.bd-table input:hover,.bd-table select:hover{border-color:var(--n200)}.bd-table input:focus,.bd-table select:focus{outline:none;border-color:var(--p400);background:#fff}@keyframes qldc-shimmer{to{transform:translateX(100%)}}.skeleton{display:block;position:relative;overflow:hidden;background:var(--n100);border-radius:6px}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.65),transparent);animation:qldc-shimmer 1.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}