:root{--color-primary:#0095da;--color-primary-hover:#0085c4;--color-primary-pressed:#0077ad;--font-sans:"PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-sans);color:#1f2937;-webkit-font-smoothing:antialiased;background:#f3f4f6}#root{width:100%;min-height:100svh;text-align:initial;border:none;margin:0}button,input{font-family:inherit}.change-pwd-backdrop{z-index:200;background:#0f172a8c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.change-pwd-dialog{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:min(440px,100%);padding:22px 22px 18px;box-shadow:0 18px 60px #0f172a38}.change-pwd-dialog__title{color:#111827;margin:0;font-size:18px;font-weight:700}.change-pwd-dialog__desc{color:#6b7280;margin:10px 0 0;font-size:13px;line-height:1.55}.change-pwd-dialog__form{flex-direction:column;gap:14px;margin-top:18px;display:flex}.change-pwd-field{flex-direction:column;gap:6px;display:flex}.change-pwd-field__label{color:#374151;font-size:13px;font-weight:600}.change-pwd-strength{font-size:12px;font-weight:600}.change-pwd-strength--弱{color:#dc2626}.change-pwd-strength--中{color:#d97706}.change-pwd-strength--强{color:#059669}.change-pwd-ok{color:#059669;font-size:12px}.change-pwd-dialog__actions{justify-content:flex-end;margin-top:4px;display:flex}.floating-toolbar{z-index:50;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:24px;right:20px}.floating-toolbar__btn{color:#374151;cursor:pointer;width:40px;height:40px;font:inherit;background:#fff;border:none;border-radius:50%;place-items:center;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 4px 14px #0f172a1f}.floating-toolbar__btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0f172a29}.floating-toolbar--dark .floating-toolbar__btn{color:#0f172a;background:#fffffff2}.floating-toolbar__lang,.floating-toolbar__en{font-size:11px;font-weight:600;line-height:1}.floating-toolbar__btn:first-child{flex-direction:row;align-items:baseline;gap:1px;font-size:11px;display:flex}.floating-toolbar__slash{opacity:.55;font-size:9px}.site-footer{text-align:center;flex-shrink:0;padding:12px 24px;font-size:12px;line-height:1.5}.site-footer--default{color:#9ca3af;background:#fff;border-top:1px solid #e5e7eb}.site-footer--inverse{color:#ffffffbf;background:0 0}.site-footer__icp{color:inherit;text-underline-offset:2px;text-decoration:underline}.site-footer--default .site-footer__icp:hover{color:#6b7280}.site-footer--inverse .site-footer__icp:hover{color:#fff}.admin-shell{min-height:100svh;font-family:var(--font-sans);color:#1f2937;background:#f3f4f6;flex-direction:column;display:flex}.admin-header{z-index:50;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #0f172a0d}.admin-header__left{align-items:center;gap:12px;min-width:0;display:flex}.admin-header__mark{width:36px;height:36px;color:var(--color-primary);background:#0095da1a;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.admin-header__mark-icon{display:block}.admin-header__title{color:#111827;margin:0;font-size:18px;font-weight:600;line-height:1.25}.admin-header__right{align-items:center;gap:12px;display:flex}.admin-header__user-menu{position:relative}.admin-header__user-menu>summary{list-style:none}.admin-header__user-menu>summary::-webkit-details-marker{display:none}.admin-header__user-trigger{cursor:pointer;font:inherit;color:#111827;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;margin:0;padding:6px 10px;display:flex}.admin-header__user-trigger:hover,.admin-header__user-menu[open] .admin-header__user-trigger{background:#f3f4f6}.admin-header__avatar{width:32px;height:32px;color:var(--color-primary);background:#0095da1a;border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.admin-header__user-name{color:#374151;font-size:14px}.admin-header__user-chevron{color:#9ca3af;flex-shrink:0;transition:transform .15s}.admin-header__user-menu[open] .admin-header__user-chevron{transform:rotate(180deg)}.admin-header__user-panel{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:192px;padding:6px 0;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 40px #0f172a1f}.admin-header__user-panel-label{color:#6b7280;padding:8px 12px 6px;font-size:12px;font-weight:600}.admin-header__user-panel-sep{background:#f3f4f6;height:1px;margin:4px 8px}.admin-header__user-panel-item{text-align:left;width:calc(100% - 12px);font:inherit;color:#374151;cursor:pointer;background:0 0;border:none;border-radius:8px;margin:0 6px;padding:10px;font-size:14px;display:block}.admin-header__user-panel-item:hover{background:#f3f4f6}.admin-header__user-panel-item--danger{color:#dc2626}.admin-header__user-panel-item--danger:hover{color:#b91c1c;background:#fef2f2}.admin-body{flex:1;min-height:0;display:flex}.admin-sidebar{background:#f9fafb;border-right:1px solid #e5e7eb;flex-shrink:0;width:232px;padding:16px 12px}.admin-main{flex:1;min-width:0;padding:24px clamp(16px,3vw,32px) 32px;overflow:auto}.admin-nav{--text-base:1rem;--text-sm:.875rem;flex-direction:column;gap:4px;display:flex}.admin-nav__item{font-family:inherit;font-size:var(--text-base);color:#111827;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-weight:400;line-height:1.5;text-decoration:none;display:flex}.admin-nav__item:hover{background:#f3f4f6}.admin-nav__item--active{background:var(--color-primary);color:#fff;font-weight:400}.admin-nav__item--active .admin-nav__icon{color:#fff}.admin-nav__item.admin-nav__item--active:hover{background:var(--color-primary-hover);color:#fff}.admin-nav__item.admin-nav__item--active:hover .admin-nav__icon{color:#fff}.admin-nav__item--ghost{color:#111827}.admin-nav__icon{color:#6b7280;flex-shrink:0;place-items:center;display:grid}.admin-nav__group{flex-direction:column;display:flex}.admin-nav__group-head{cursor:pointer;width:100%;font-family:inherit;font-size:var(--text-base);color:#111827;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-weight:400;line-height:1.5;display:flex}.admin-nav__group-head:hover{background:#f3f4f6}.admin-nav__group-label{font-size:inherit;flex:1;font-weight:400}.admin-nav__chevron{color:#9ca3af;place-items:center;transition:transform .15s;display:grid;transform:rotate(0)}.admin-nav__chevron.is-open{transform:rotate(90deg)}.admin-nav__sub{flex-direction:column;gap:4px;padding:4px 0 6px 36px;display:flex}.admin-nav__sub-item{text-align:left;font-family:inherit;font-size:var(--text-sm);color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-weight:400;line-height:1.5;text-decoration:none;display:block}.admin-nav__sub-item:hover{color:#111827;background:#f3f4f6}.admin-nav__sub-item--active{color:#065f86;background:#0095da1a;font-weight:500}.admin-nav__sub-item.admin-nav__sub-item--active:hover{color:#054a66;background:#0095da29}.admin-nav__sub-item--disabled{opacity:.55;cursor:not-allowed}.loginv2{color:#fff;justify-content:center;align-items:center;min-height:100svh;padding:56px clamp(16px,3vw,40px);display:flex;position:relative;overflow:hidden}.loginv2:before,.loginv2:after{content:"";filter:blur(.2px);background:#ffffff14;border-radius:999px;position:absolute}.loginv2:before{width:140px;height:140px;top:10%;left:8%}.loginv2:after{background:#ffffff0f;width:240px;height:240px;bottom:-80px;left:2%}.loginv2__container{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(28px,5vw,64px);width:min(1120px,100%);display:grid;position:relative}@media (width<=900px){.loginv2__container{grid-template-columns:1fr;gap:28px}.loginv2__left{display:none}}.loginv2__left{padding:12px 0}.loginv2__title{letter-spacing:-.02em;margin:0 0 26px;font-size:clamp(36px,4vw,46px);font-weight:800}.loginv2__features{flex-direction:column;gap:18px;max-width:520px;margin:0;padding:0;list-style:none;display:flex}.loginv2-feature{align-items:flex-start;gap:14px;display:flex}.loginv2-feature__icon{color:#fff;background:#ffffff24;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.loginv2-feature__text{flex-direction:column;gap:6px;display:flex}.loginv2-feature__title{color:#fffffff5;font-size:15px;font-weight:500}.loginv2-feature__desc{color:#ffffff8c;font-size:13px;line-height:1.6}.loginv2__right{justify-content:center;display:flex}.loginv2-card{color:#111827;text-align:center;background:#fff;border:1px solid #e5e7ebe6;border-radius:16px;width:min(420px,100%);padding:26px 26px 22px;overflow:hidden;box-shadow:0 18px 50px #0f172a33}.loginv2-card__icon{color:#1a6fc4;background:#eff6ff;border-radius:12px;place-items:center;width:42px;height:42px;margin:0 auto 10px;display:grid}.loginv2-card__title{color:#111827;margin:0;font-size:18px;font-weight:600}.loginv2-card__subtitle{color:#9ca3af;margin:6px 0 16px;font-size:12px}.loginv2-form{text-align:left;flex-direction:column;gap:14px;display:flex}.loginv2-field{flex-direction:column;gap:8px;display:flex}.loginv2-field__label{color:#374151;font-size:13px;font-weight:600}.loginv2-field__input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;outline:none;height:42px;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.loginv2-field__input:focus{background:#fff;border-color:#0095dacc;box-shadow:0 0 0 3px #0095da29}.loginv2-form__row{justify-content:space-between;align-items:center;gap:12px;margin-top:2px;display:flex}.loginv2-remember{color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.loginv2-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.loginv2-link:hover{color:var(--color-primary-hover);text-decoration:underline}.loginv2-link:active{color:var(--color-primary-pressed)}.loginv2-submit{color:#fff;cursor:pointer;border:none;border-radius:8px;height:40px;margin-top:4px;font-size:15px;font-weight:500;transition:transform .12s,filter .12s}.loginv2-submit:hover{filter:brightness(1.03)}.loginv2-submit:active{transform:translateY(1px)}.loginv2-error{color:#ef4444;text-align:left;background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.loginv2-demo{color:#9ca3af;text-align:center;margin:2px 0 0;font-size:12px}.loginv2>.site-footer{z-index:1;position:absolute;bottom:0;left:0;right:0}.page{max-width:1200px;margin:0 auto}.page__head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page__title{color:#111827;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}.page__subtitle{color:#6b7280;margin:8px 0 0;font-size:14px}.page__actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.card{background:#fff;border:1px solid #eef0f3;border-radius:12px;box-shadow:0 1px 2px #0f172a0a}.card__pad{padding:16px}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.toolbar-row__left{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.toolbar-row__actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.searchbox{flex:1;min-width:240px;max-width:420px;position:relative}.searchbox--max-sm{flex:0 384px;width:100%;min-width:0;max-width:384px}.table-th-filter{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.table-th-filter--center{justify-content:center}.table-th-select{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;max-width:140px;height:28px;padding:0 8px;font-size:12px;font-weight:400}.table-th-select:focus{border-color:#0095dacc;box-shadow:0 0 0 2px #0095da1f}.table-filter__trigger{color:#717182;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.table-filter__trigger:hover{color:#374151;background:#f3f4f6}.table-filter__trigger--active{color:var(--color-primary)}.table-filter__trigger--active:hover{color:var(--color-primary-hover)}.table-filter__popover{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;box-shadow:0 10px 40px #0f172a1f}.table-filter__popover-head{color:#111827;border-bottom:1px solid #f3f4f6;padding:12px 14px;font-size:14px;font-weight:600}.table-filter__popover-body{max-height:280px;padding:6px 0;overflow-y:auto}.table-filter__option{text-align:left;color:#374151;cursor:pointer;width:100%;font-size:14px;font:inherit;background:0 0;border:none;padding:10px 14px;display:block}.table-filter__option--multi{align-items:center;gap:10px;display:flex}.table-filter__check{color:#fff;background:#fff;border:1px solid #d1d5db;border-radius:4px;flex-shrink:0;place-items:center;width:16px;height:16px;display:grid}.table-filter__option--active .table-filter__check{border-color:var(--color-primary);background:var(--color-primary)}.table-filter__option:hover{background:#f9fafb}.table-filter__option--active{color:var(--color-primary);background:#0095da14;font-weight:500}.table-filter__popover-foot{background:#fafafa;border-top:1px solid #f3f4f6;justify-content:flex-end;align-items:center;gap:8px;padding:10px 12px;display:flex}.table-filter__btn-reset,.table-filter__btn-ok{min-width:64px}.searchbox__icon{color:#9ca3af;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.searchbox__icon svg{flex-shrink:0;width:20px;height:20px}.input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;height:40px;padding:0 12px;font-size:14px}.input--with-icon{padding-left:40px}.input:focus{border-color:#0095dacc;box-shadow:0 0 0 3px #0095da29}.btn{color:#374151;cursor:pointer;height:36px;font-size:13px;font:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px}.btn:hover{background:#f9fafb;border-color:#d1d5db}.btn--primary{background:var(--color-primary);color:#fff;border:none}.btn--primary:hover{background:var(--color-primary-hover)}.btn--primary:active{background:var(--color-primary-pressed)}.btn--ghost{color:#6b7280;background:0 0;border:none}.btn--ghost:hover{color:#374151;background:#f3f4f6}.btn--sm{border-radius:8px;height:32px;padding:0 10px;font-size:13px}.segmented{align-items:center;gap:8px;display:flex}.segmented__btn{color:#374151;cursor:pointer;height:34px;font:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px;font-size:13px}.segmented__btn:hover{background:#f9fafb}.segmented__btn.is-active{color:#065f86;background:#0095da1f;border-color:#0095da40}.segmented__btn.is-active:hover{color:#054a66;background:#0095da2e;border-color:#0095da59}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;color:#717182;white-space:nowrap;vertical-align:middle;background:#f9fafb;border-bottom:1px solid #eef0f3;padding:12px 16px;font-size:14px;font-weight:500}.table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:12px 14px}.table th.table__cell--center,.table td.table__cell--center{text-align:center}.table tr:hover td{background:#fbfdff}.table-user-cell{align-items:center;gap:10px;min-width:0;display:inline-flex}.table-user-cell__avatar{width:32px;height:32px;color:var(--color-primary);background:#0095da1a;border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.table-user-cell__name{color:#111827;font-weight:600}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.badge--green{color:#047857;background:#ecfdf5;border-color:#bbf7d0}.badge--amber{color:#92400e;background:#fffbeb;border-color:#fde68a}.badge--gray{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.badge--blue{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.badge--purple{color:#7e22ce;background:#f3e8ff;border-color:#e9d5ff}.badge--red{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.muted{color:#6b7280}.right{text-align:right}.menu{display:inline-block;position:relative}.menu__panel.menu__panel--portal{position:fixed;top:auto;right:auto}.menu>summary{list-style:none}.menu>summary::-webkit-details-marker{display:none}.menu>summary.menu__btn{list-style:none}.menu__btn{cursor:pointer;color:#6b7280;width:32px;height:32px;font:inherit;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:10px;place-items:center;display:grid}.menu__btn:hover{color:#374151;background:#f3f4f6}.menu__panel{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:160px;padding:6px;position:absolute;top:38px;right:0;box-shadow:0 14px 40px #0f172a1f}.menu__item{cursor:pointer;text-align:left;width:100%;font:inherit;color:#374151;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px;font-size:13px;display:flex}.menu__icon{color:#6b7280;flex-shrink:0;width:18px;height:18px}.menu__item--danger .menu__icon{color:inherit}.menu__item:hover{background:#f3f4f6}.menu__item.menu__item--danger:hover{color:#b91c1c;background:#fee2e2}.menu__item--danger{color:#b91c1c}.menu__sep{background:#f3f4f6;height:1px;margin:6px 4px}.news-preview-html img,.news-body img{border-radius:8px;max-width:100%;height:auto;margin:.65em 0;display:block}.news-editor-html-preview-card .news-preview-html{word-break:break-word;font-size:14px;line-height:1.75}.news-body-editor{margin-top:6px}.news-body-editor--disabled{opacity:.72;pointer-events:none}.news-body-editor__toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.news-body-editor .news-body-editor__pm{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;outline:none;min-height:220px;padding:12px 14px;font-size:14px;line-height:1.65}.news-body-editor .news-body-editor__pm:focus{background:#fff;border-color:#0095da73;box-shadow:0 0 0 3px #0095da1a}.news-body-editor .news-body-editor__pm img{border-radius:8px;max-width:100%;height:auto;margin:.5em 0;display:block}.news-body-editor .news-body-editor__pm p{margin:.35em 0}.expert-photo-field{background:#fafafa;border:1px solid #eef0f3;border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:14px;display:flex}.expert-photo-field__preview{background:#eef2f7;border:1px dashed #d1d5db;border-radius:10px;flex-shrink:0;width:120px;height:150px;overflow:hidden}.expert-photo-field__img{object-fit:cover;width:100%;height:100%;display:block}.expert-photo-field__fallback{width:100%;height:100%;color:var(--color-primary);background:#0095da14;justify-content:center;align-items:center;font-size:42px;font-weight:700;display:flex}.expert-photo-field__controls{flex:1;min-width:240px}.expert-photo-field__hint{margin:0 0 10px;font-size:13px;line-height:1.5}.expert-photo-field__row{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.expert-photo-field__row .input{flex:200px;min-width:0}.expert-list-avatar{vertical-align:middle;background:#0095da1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;overflow:hidden}.expert-list-avatar__img{object-fit:cover;width:100%;height:100%;display:block}.expert-list-avatar__fallback{color:var(--color-primary);font-size:14px;font-weight:700;line-height:1}.admin-section{margin-top:24px;padding-top:8px}.admin-section__title{margin:0 0 12px;font-size:18px}.admin-section__subtitle{margin:16px 0 8px;font-size:15px}.admin-inline-row{grid-template-columns:1fr auto;gap:8px;margin-bottom:8px;display:grid}.admin-card-block{border:1px solid #e5e7eb;border-radius:8px;gap:8px;margin-bottom:16px;padding:12px;display:grid}.modal-backdrop{z-index:50;background:#0f172a73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:min(720px,100%);box-shadow:0 18px 60px #0f172a38}.modal__head{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.modal__title{color:#111827;margin:0;font-size:16px;font-weight:800}.modal__sub{color:#6b7280;margin:6px 0 0;font-size:13px}.modal__body{padding:16px 18px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=680px){.form-grid{grid-template-columns:1fr}}.field{flex-direction:column;gap:6px;display:flex}.label{color:#374151;font-size:13px;font-weight:600}.textarea{resize:vertical;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;min-height:96px;padding:10px 12px;font-family:inherit;font-size:14px}.textarea:focus{border-color:#0095dacc;box-shadow:0 0 0 3px #0095da29}.modal__foot{border-top:1px solid #f3f4f6;justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.crumbs{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.crumbs__btn{color:#6b7280;cursor:pointer;font-size:13px;font:inherit;background:0 0;border:none;padding:0}.crumbs__btn:hover{color:var(--color-primary);text-decoration:underline}.crumbs__btn:active{color:var(--color-primary-pressed)}.crumbs__sep{color:#6b728073}.error-text{color:#b91c1c;margin-top:4px;font-size:12px}.error-box{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;padding:10px 12px;font-size:13px}.cert-batch__title{color:#111827;margin:0 0 8px;font-size:18px;font-weight:700}.cert-batch__lead{margin:0 0 20px;font-size:13px;line-height:1.55}.cert-batch__figma-link{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.cert-batch__figma-link:hover{color:var(--color-primary-hover)}.cert-batch__step{margin-bottom:20px}.cert-batch__step-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.cert-batch__step-num{background:var(--color-primary);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.cert-batch__step-label{color:#111827;margin:0;font-size:14px;font-weight:600}.cert-batch__step-body{padding-left:34px}.cert-batch__step-desc{margin:0 0 10px;font-size:13px;line-height:1.55}.cert-batch__btn-row{flex-wrap:wrap;gap:8px;display:flex}.cert-batch__bullet{margin:0;padding-left:18px;font-size:13px;line-height:1.65}.cert-batch__dropzone{text-align:center;cursor:pointer;width:100%;font:inherit;background:#fafafa;border:2px dashed #e5e7eb;border-radius:12px;padding:28px 20px;transition:border-color .15s,background .15s}.cert-batch__dropzone:hover{background:#f8fcfe;border-color:#0095da73}.cert-batch__dropzone--active{border-color:var(--color-primary);background:#0095da0f}.cert-batch__drop-icon{color:var(--color-primary);opacity:.9;margin-bottom:10px;display:inline-flex}.cert-batch__drop-title{color:#374151;margin:0 0 6px;font-size:14px;font-weight:600}.cert-batch__drop-hint{margin:0;font-size:12px}.cert-batch__source-name{color:var(--color-primary);margin:10px 0 0;font-size:12px;font-weight:500}.cert-batch__info{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;gap:10px;margin-top:14px;padding:12px 14px;display:flex}.cert-batch__info-icon{color:#2563eb;flex-shrink:0;margin-top:2px}.cert-batch__info-title{margin:0 0 6px;font-size:13px;font-weight:600}.cert-batch__info-list{color:#1e40af;margin:0;padding-left:16px;font-size:12px;line-height:1.55}.cert-batch__toolbar{border-top:1px solid #f3f4f6;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;display:flex}.table-col-actions{text-align:left;white-space:nowrap}.table-inline-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;display:inline-flex}.table-inline-actions__btn--detail{color:#0095da;background:#0095da0f;border-color:#0095da59}.table-inline-actions__btn--detail:hover{background:#0095da1f;border-color:#0095da80}.table-inline-actions__btn--danger{color:#dc2626;background:#dc26260f;border-color:#dc262659}.table-inline-actions__btn--danger:hover{background:#dc26261a;border-color:#dc262673}.cert-list__pager{border-top:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.cert-list__pager-meta{font-size:13px}.cert-list__pager-btns{gap:8px;display:flex}.cert-template-editor-card{overflow:hidden}.cert-template-editor-layout{grid-template-columns:minmax(0,1fr) minmax(300px,40%);align-items:stretch;display:grid}.cert-template-editor-layout__main{min-width:0}.cert-template-editor-layout__preview{background:#f9fafb;border-left:1px solid #f3f4f6;align-self:start;min-width:0;padding:16px 18px;position:sticky;top:16px}.cert-template-editor-foot{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.template-fill-preview{flex-direction:column;gap:16px;display:flex}.template-fill-preview__samples{border-top:1px solid #eef0f3;padding-top:14px}.template-fill-preview__samples-head{margin-bottom:10px}.template-fill-preview__samples-title{margin:0 0 4px;font-size:14px;font-weight:600}.template-fill-preview__samples-hint{margin:0;font-size:12px;line-height:1.45}.template-fill-preview__samples-list{flex-direction:column;gap:10px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.template-fill-preview__sample-field{flex-direction:column;gap:4px;display:flex}.template-fill-preview__samples-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.template-fill-preview__empty-hint{margin:0;font-size:13px;line-height:1.5}.cert-template-canvas-wrap{background:#fafafa;border:1px solid #eef0f3;border-radius:8px;max-height:520px;padding:8px;overflow:auto}.cert-template-canvas-hint{margin:10px 0 0;font-size:13px}.cert-slot-inspector{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin-top:10px;padding:10px 12px}.cert-slot-inspector__head{margin-bottom:8px}.cert-slot-inspector__title{color:#111827;font-size:13px;font-weight:600}.cert-slot-inspector__pos{font-size:12px;font-weight:400}.cert-slot-inspector__row{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:8px;display:grid}.cert-slot-inspector__row--full{grid-column:1/-1}.cert-slot-inspector__row-label{color:#6b7280;white-space:nowrap;font-size:12px}.cert-slot-inspector__row-control{min-width:0}.cert-slot-inspector__row--align{margin-bottom:8px}.cert-slot-inspector__align-col{flex-direction:column;gap:4px;min-width:0;display:flex}.cert-slot-inspector__align-btns{flex-wrap:wrap;gap:6px;display:flex}.cert-slot-inspector__align-hint{font-size:11px;line-height:1.4}.cert-slot-inspector__align-btn{cursor:pointer;min-width:36px;font-size:12px;font:inherit;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:4px 10px}.cert-slot-inspector__align-btn:hover{background:#f3f4f6;border-color:#d1d5db}.cert-slot-inspector__align-btn.is-active{border-color:var(--color-primary);color:var(--color-primary);background:#0095da14;font-weight:600}.cert-slot-inspector__color{height:32px;padding:2px 4px}.cert-slot-inspector__date-format{flex-direction:column;gap:4px;min-width:0;display:flex}.cert-slot-inspector__date-format-sample{font-size:12px}.cert-slot-inspector__grid{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.rendered-image-preview-modal{width:100%;max-width:min(96vw,920px)}.rendered-image-preview-modal .modal__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.rendered-image-preview-modal__body{text-align:center;background:#f3f4f6;max-height:min(75vh,720px);padding:12px 16px;overflow:auto}.rendered-image-preview-modal__img{vertical-align:top;border-radius:4px;max-width:100%;height:auto;display:inline-block;box-shadow:0 4px 24px #0000001f}.rendered-image-preview-modal__foot{justify-content:flex-end;gap:8px}.cert-slot-canvas__marker--editable{cursor:grab;touch-action:none}.cert-slot-canvas__marker--editable:active,.cert-slot-canvas__marker--dragging{cursor:grabbing}.cert-slot-canvas__marker--active.cert-slot-canvas__marker--editable .cert-slot-canvas__text-box{outline-offset:3px;background:#ffffffb8;border-radius:2px;outline:2px dashed #0095dabf;padding:0 4px}.cert-slot-canvas__marker--dragging{z-index:3;opacity:.92}@media (width<=1100px){.cert-template-editor-layout{grid-template-columns:1fr}.cert-template-editor-layout__preview{border-top:1px solid #f3f4f6;border-left:none;position:static}}.cert-create-template-fields__hint{margin:0 0 16px;font-size:13px;line-height:1.5}.cert-create-field-rows{background:#fff;border:1px solid #eef0f3;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.cert-create-field-row{border-top:1px solid #f3f4f6;grid-template-columns:minmax(100px,28%) minmax(0,1fr);align-items:start;gap:12px 16px;padding:12px 16px;display:grid}.cert-create-field-row:first-child{border-top:none}.cert-create-field-row__label{color:#374151;padding-top:0;font-size:14px;font-weight:500;line-height:36px}.cert-create-field-row__required{color:#dc2626;margin-left:2px}.cert-create-field-row__value{min-width:0}.cert-create-field-row__value .input{box-sizing:border-box;width:100%}.cert-create-field-row__error{margin-top:4px;display:block}@media (width<=560px){.cert-create-field-row{grid-template-columns:1fr;gap:6px}.cert-create-field-row__label{line-height:1.4}}.cert-create-card{overflow:hidden}.cert-create-layout{grid-template-columns:minmax(0,1fr) minmax(300px,42%);align-items:stretch;min-height:420px;display:grid}.cert-create-layout__form{border-right:1px solid #f3f4f6;min-width:0}.cert-create-layout__preview{background:#f9fafb;align-self:start;min-width:0;padding:16px 18px;position:sticky;top:16px}.cert-live-preview{flex-direction:column;gap:12px;display:flex}.cert-live-preview__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cert-live-preview__title{margin:0 0 4px;font-size:15px;font-weight:600}.cert-live-preview__subtitle{margin:0;font-size:12px;line-height:1.45}.cert-live-preview__template-name{margin:0 0 8px;font-size:12px}.cert-live-preview__empty{text-align:center;background:#fff;border:1px dashed #e5e7eb;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:200px;padding:20px;display:flex}.cert-live-preview__stage{background:#fff;border:1px solid #eef0f3;border-radius:10px;padding:10px;overflow:hidden}.cert-live-preview__stage .cert-slot-canvas__stage,.cert-live-preview__stage .cert-slot-canvas__img{width:100%}@media (width<=1024px){.cert-create-layout{grid-template-columns:1fr}.cert-create-layout__form{border-bottom:1px solid #f3f4f6;border-right:none}.cert-create-layout__preview{position:static}}.cert-preview-card{flex-direction:column;gap:12px;max-width:420px;display:flex}.cert-preview-card__image-btn{cursor:zoom-in;background:#f9fafb;border:1px solid #eef0f3;border-radius:10px;margin:0;padding:0;overflow:hidden}.cert-preview-card__image-btn:hover{border-color:#0095da59;box-shadow:0 4px 14px #0f172a14}.cert-preview-card__image{object-fit:contain;background:#fff;width:100%;max-height:320px;display:block}.cert-preview-card__actions{flex-wrap:wrap;gap:8px;display:flex}.cert-slot-table th.cert-slot-table__num,.cert-slot-table td.cert-slot-table__num{width:6.75rem;min-width:6.75rem}.cert-slot-table td.cert-slot-table__num .input{box-sizing:border-box;font-variant-numeric:tabular-nums;text-align:right;width:100%;min-width:5.25rem;padding-left:10px;padding-right:10px}.cert-slot-table tr.cert-slot-table__row--active td{background:#0095da14}.cert-slot-table__field-key{min-width:200px;max-width:280px}.cert-slot-field-key{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cert-slot-field-key__type{flex:88px;min-width:88px;max-width:120px;font-size:12px}.cert-slot-field-key__custom{flex:auto;align-items:center;gap:2px;min-width:0;display:flex}.cert-slot-field-key__prefix{color:#6b7280;white-space:nowrap;flex-shrink:0;font-family:ui-monospace,monospace;font-size:12px}.cert-slot-field-key__storage{width:72px;min-width:56px;max-width:100px;padding-left:8px;padding-right:8px;font-family:ui-monospace,monospace;font-size:12px}.cert-slot-canvas__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.cert-slot-canvas__toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.cert-slot-canvas__stage{max-width:100%;line-height:0;display:inline-block;position:relative}.cert-slot-canvas__stage--place{cursor:crosshair}.cert-slot-canvas__stage--interactive{cursor:default}.cert-slot-canvas__stage--interactive .cert-slot-canvas__img{-webkit-user-select:none;user-select:none}.cert-slot-canvas__img{max-width:100%;height:auto;display:block}.cert-slot-canvas__overlay{pointer-events:none;position:absolute;inset:0}.cert-slot-box{box-sizing:border-box;background:#ffffff73;border:1px dashed #64748ba6;border-radius:2px;position:absolute;overflow:visible}.cert-slot-box--editable{pointer-events:auto;cursor:grab;touch-action:none}.cert-slot-box--editable:active,.cert-slot-box--dragging{cursor:grabbing}.cert-slot-box--active{z-index:2;background:#ffffffb8;border-width:2px;border-color:#0095dae6;box-shadow:0 0 0 2px #0095da26}.cert-slot-box--resizing{z-index:3}.cert-slot-box--filled{pointer-events:none;background:0 0;border-color:#0000}.cert-slot-box--sample{min-height:1.2em;padding:4px 6px;display:block;position:static}.cert-slot-box__body{box-sizing:border-box;width:100%;height:100%;font:inherit;color:inherit;background:0 0;border:none;align-items:flex-end;margin:0;padding:0 2px;display:flex}.cert-slot-box__text{white-space:nowrap;text-shadow:0 0 4px #ffffffe6,0 1px 2px #fffc;width:100%;line-height:1;display:block;overflow:visible}.cert-slot-box__resize{cursor:ew-resize;touch-action:none;width:10px;height:100%;position:absolute;top:0;right:-5px}.cert-slot-box__resize:after{content:"";background:#0095dad9;border-radius:2px;width:3px;height:40%;min-height:12px;max-height:24px;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.cert-slot-canvas__marker{background:0 0;border:none;width:0;height:0;margin:0;padding:0;position:absolute;overflow:visible}.cert-slot-canvas__marker--filled{pointer-events:none;cursor:default}.cert-slot-canvas__marker--editable{pointer-events:none}.cert-slot-canvas__hit{pointer-events:auto;cursor:grab;font:inherit;color:inherit;text-align:left;background:0 0;border:none;align-items:flex-end;gap:4px;margin:0;padding:0;display:inline-flex;position:relative}.cert-slot-canvas__marker--editable:active .cert-slot-canvas__hit,.cert-slot-canvas__marker--dragging .cert-slot-canvas__hit{cursor:grabbing}.cert-slot-canvas__marker--editable .cert-slot-canvas__dot{flex-shrink:0;margin:0;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.cert-slot-canvas__marker--editable .cert-slot-canvas__text-box{text-align:left;white-space:nowrap;pointer-events:none;line-height:1;display:inline-block;position:relative}.cert-slot-canvas__marker--filled .cert-slot-canvas__text{text-align:left;white-space:nowrap;text-overflow:clip;line-height:1;display:inline-block;position:relative;overflow:visible}.cert-slot-canvas__text--wrap{white-space:pre-wrap;word-break:break-word}.cert-slot-canvas__marker--active .cert-slot-canvas__dot{background:#0095da;box-shadow:0 0 0 3px #0095da40}.cert-slot-canvas__dot{background:#f59e0b;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-bottom:2px;box-shadow:0 1px 4px #0f172a40}.cert-slot-canvas__text{text-shadow:0 0 4px #ffffffe6,0 1px 2px #fffc;line-height:1.2}.cert-slot-canvas__detail{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:10px;padding:10px 12px}.cert-slot-canvas__detail-title{color:#111827;font-size:13px;font-weight:600}.cert-slot-canvas__detail-meta{margin-top:4px;font-size:12px}.cert-slot-canvas__detail-sample{word-break:break-all;border-top:1px solid #eef0f3;margin-top:8px;padding-top:8px;line-height:1.3}.cert-slot-canvas__hint{margin:10px 0 0;font-size:12px;line-height:1.5}.cert-slot-context-menu{z-index:80;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:200px;padding:6px;position:fixed;box-shadow:0 12px 32px #0f172a2e}.cert-slot-context-menu__item{color:#111827;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:0;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.cert-slot-context-menu__item:hover{color:#0095da;background:#0095da14}.cert-slot-context-menu__meta{color:#6b7280;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:400}.app-dialog-backdrop{z-index:60;background:#0f172a73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.app-dialog{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:min(480px,100%);overflow:hidden;box-shadow:0 18px 60px #0f172a38}.app-dialog__head{align-items:flex-start;gap:12px;padding:18px 20px 0;display:flex}.app-dialog__icon{flex-shrink:0;width:22px;height:22px;margin-top:1px}.app-dialog__icon--warning{color:#d97706}.app-dialog__icon--danger{color:#dc2626}.app-dialog__icon--info{color:#0095da}.app-dialog__titles{flex:1;min-width:0}.app-dialog__title{color:#111827;margin:0;font-size:16px;font-weight:700;line-height:1.4}.app-dialog__body{padding:12px 20px 4px 54px}.app-dialog__message{color:#374151;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.55}.app-dialog__note{color:#6b7280;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:13px;line-height:1.5}.app-dialog__tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.app-dialog__tag{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;display:inline-block}.app-dialog__field{margin-top:14px}.app-dialog__foot{justify-content:flex-end;gap:10px;padding:16px 20px 18px;display:flex}.app-dialog__foot--with-body-offset{padding-left:54px}@media (width<=520px){.app-dialog__body,.app-dialog__foot--with-body-offset{padding-left:20px}}.btn--danger{color:#fff;background:#dc2626;border-color:#dc2626}.btn--danger:hover{background:#b91c1c;border-color:#b91c1c}.btn--danger:disabled{opacity:.6;cursor:not-allowed}.workbench{max-width:1200px;margin:0 auto}.workbench__head{margin-bottom:24px}.workbench__title{color:#111827;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}.workbench__subtitle{color:#6b7280;margin:8px 0 0;font-size:14px}.workbench__kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}@media (width<=1024px){.workbench__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.workbench__kpis{grid-template-columns:1fr}}.workbench-kpi{background:#fff;border:1px solid #eef0f3;border-radius:12px;padding:18px 18px 16px;box-shadow:0 1px 2px #0f172a0a}.workbench-kpi__top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.workbench-kpi__icon{border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.workbench-kpi__icon--orange{color:#ea580c;background:#fff7ed}.workbench-kpi__icon--green{color:#16a34a;background:#ecfdf5}.workbench-kpi__icon--blue{color:var(--color-primary);background:#eff6ff}.workbench-kpi__icon--amber{color:#d97706;background:#fffbeb}.workbench-kpi__icon--navy{color:#3730a3;background:#e0e7ff}.workbench-kpi__delta{color:#fff;background:var(--color-primary);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600}.workbench-kpi__label{color:#6b7280;margin:0;font-size:13px}.workbench-kpi__value{color:#111827;letter-spacing:-.02em;margin:6px 0 0;font-size:26px;font-weight:700}.workbench-panel{background:#fff;border:1px solid #eef0f3;border-radius:12px;flex-direction:column;padding:20px 20px 16px;display:flex;box-shadow:0 1px 2px #0f172a0a}.workbench-panel--quick{max-width:420px}.workbench-panel__head{margin-bottom:16px}.workbench-panel__title{color:#111827;margin:0;font-size:17px;font-weight:700}.workbench-panel__sub{color:#6b7280;margin:6px 0 0;font-size:13px}.workbench-quick__btn:hover .workbench-quick__title{color:#0f172a}.workbench-quick__btn--blue:hover .workbench-quick__title{color:var(--color-primary-hover)}.workbench-quick{flex-direction:column;gap:12px;display:flex}.workbench-quick__btn{cursor:pointer;text-align:left;font:inherit;background:#fafafa;border:1px solid #f3f4f6;border-radius:12px;align-items:center;gap:14px;padding:14px;transition:border-color .15s,background .15s;display:flex}.workbench-quick__btn:hover{background:#f3f4f6;border-color:#e5e7eb}.workbench-quick__icon{border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.workbench-quick__btn--blue .workbench-quick__icon{color:var(--color-primary);background:#eff6ff}.workbench-quick__btn--green .workbench-quick__icon{color:#16a34a;background:#ecfdf5}.workbench-quick__btn--navy .workbench-quick__icon{color:#3730a3;background:#e0e7ff}.workbench-quick__text{flex-direction:column;gap:4px;display:flex}.workbench-quick__title{color:#111827;font-size:15px;font-weight:600}.workbench-quick__desc{color:#6b7280;font-size:12px}.role-editor{width:min(640px,100%)}.role-editor__head-row{align-items:flex-start;gap:12px;display:flex}.role-editor__shield{width:40px;height:40px;color:var(--color-primary);background:#0095da1a;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.role-editor__shield-icon{display:block}.role-editor__perm-section{border-top:1px solid #f3f4f6;margin-top:18px;padding-top:16px}.role-editor__perm-title{color:#6b7280;margin:0 0 12px;font-size:13px;font-weight:600}.role-editor__perm-tree,.role-editor__perm-flat{margin:0;padding:0;list-style:none}.role-editor__perm-children{margin:6px 0 0 18px;padding:0;list-style:none}.role-editor__perm-node{margin-bottom:6px}.role-editor__perm-label{color:#374151;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.role-editor__perm-label input{width:16px;height:16px;accent-color:var(--color-primary)}.role-editor__demo-grid{flex-wrap:wrap;gap:8px;display:flex}.role-editor__demo-chip{color:#4b5563;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.role-editor__demo-chip input{accent-color:var(--color-primary)}.role-card__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.role-card__title-row{align-items:center;gap:12px;display:flex}.role-card__icon{width:40px;height:40px;color:var(--color-primary);background:#0095da1a;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.role-card__perms{margin-top:12px}.role-card__perms-label{color:#9ca3af;margin:0 0 8px;font-size:12px}.role-card__perm-tags{flex-wrap:wrap;gap:6px;display:flex}.role-card__perm-tag{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:4px 8px;font-size:12px}.role-card__new{text-align:center;cursor:pointer;color:#6b7280;min-height:192px;font:inherit;background:#fff;border:2px dashed #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px;display:flex}.role-card__new:hover{color:#374151;background:#fbfdff;border-color:#0095da59}.role-card__new-icon{background:#f3f4f6;border-radius:12px;place-items:center;width:40px;height:40px;font-size:22px;line-height:1;display:grid}.roles-page__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.roles-page__toolbar .searchbox--max-sm{flex:0 384px;max-width:384px}.roles-page__btn-new{align-items:center;gap:8px;display:inline-flex}.roles-page__grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.roles-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.roles-page__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.roles-card{transition:box-shadow .15s}.roles-card:hover{box-shadow:0 4px 12px #0f172a14}.roles-card__inner{flex-direction:column;gap:16px;padding:20px 16px 16px;display:flex}.roles-card__title-block{flex:1;min-width:0}.roles-card__title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.roles-card__name{color:#111827;margin:0;font-size:15px;font-weight:500;line-height:1.35}.roles-card__badge-system{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500;line-height:1.2}.roles-card__desc{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.roles-card__stats{color:#6b7280;border-top:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:16px;padding-top:8px;font-size:12px;display:flex}.roles-card__stat{align-items:center;gap:4px;display:inline-flex}.roles-card__stat svg{color:#9ca3af;flex-shrink:0}.roles-card__actions{align-items:center;gap:8px;padding-top:8px;display:flex}.roles-card__btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 12px;font-family:inherit;font-size:13px;display:inline-flex}.roles-card__btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.roles-card__btn:disabled{opacity:.4;cursor:not-allowed}.roles-card__btn--danger{color:#dc2626;border-color:#fecaca;flex:none}.roles-card__btn--danger:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.roles-page__empty{text-align:center;color:#6b7280;padding:64px 24px;font-size:14px}.roles-page__empty-hint{color:#9ca3af;margin-top:8px;font-size:13px}