@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--color-bg: #ffffff;--color-surface: #f2f6fa;--color-text: #2a3547;--color-text-secondary: #5a6a85;--color-border: #d7dde2;--sidebar-bg: #ffffff;--sidebar-border: #d7dde2;--scrollbar-thumb: #d7dde2;--color-surface-hover: #e8eef4;--color-surface-alpha50: rgba(242, 246, 250, .5);--color-border-alpha50: rgba(215, 221, 226, .5);--color-text-alpha08: rgba(42, 53, 71, .08)}html.dark{--color-bg: #1c2536;--color-surface: #111927;--color-text: rgba(255, 255, 255, .87);--color-text-secondary: rgba(255, 255, 255, .55);--color-border: #2e3f50;--sidebar-bg: #1c2536;--sidebar-border: #2e3f50;--scrollbar-thumb: #2e3f50;--color-surface-hover: #1e2d3d;--color-surface-alpha50: rgba(17, 25, 39, .5);--color-border-alpha50: rgba(46, 63, 80, .5);--color-text-alpha08: rgba(255, 255, 255, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:DM Sans,sans-serif;font-size:14px;color:var(--color-text);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.mt-auto{margin-top:auto}.text-sm{font-size:12px}.text-md{font-size:14px}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-secondary{color:var(--color-text-secondary)}.text-primary{color:#5d87ff}.text-success{color:#13deb9}.text-warning{color:#ffae1f}.text-error{color:#fa896b}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none!important}.w-full{width:100%}.pwd-rules{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:3px}.pwd-rules__item{display:flex;align-items:center;gap:5px;font-size:12px;line-height:1.4;color:var(--color-text-secondary);transition:color .15s ease}.pwd-rules__item svg{flex-shrink:0}.pwd-rules__item--ok{color:#13deb9}.pwd-rules__item--fail{color:#fa896b}.modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:500;padding:16px}.modal{background:var(--color-bg);border-radius:7px;box-shadow:0 4px 24px #00000014;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal--sm{max-width:400px}.modal--lg{max-width:720px}.modal__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--color-border)}.modal__title{font-size:16px;font-weight:700;color:var(--color-text);margin:0}.modal__close{background:transparent;border:none;cursor:pointer;font-size:18px;color:var(--color-text-secondary);padding:4px;line-height:1;border-radius:4px;transition:color .15s}.modal__close:hover{color:var(--color-text)}.modal__body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.modal__footer{flex-shrink:0;display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--color-border)}.iv-modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:600}.iv-modal{background:var(--color-bg);border-radius:7px;box-shadow:0 8px 32px #0000002e;width:100%;max-width:540px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.iv-modal__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.iv-modal__title{font-size:15px;font-weight:700;margin:0;color:var(--color-text)}.iv-modal__close{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);display:flex;padding:2px}.iv-modal__close:hover{color:var(--color-text)}.iv-modal__body{padding:20px;overflow-y:auto;flex:1;color:var(--color-text);line-height:1.6;font-size:14px}.iv-modal__body--warn{display:flex;flex-direction:column;gap:8px}.iv-modal__body--choose{display:flex;flex-direction:column;gap:12px}.iv-modal__footer{flex-shrink:0;display:flex;justify-content:flex-end;gap:10px;padding:12px 20px;border-top:1px solid var(--color-border)}.autocomplete-wrap{position:relative}.autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:300;background:var(--color-bg);border:1px solid var(--color-border);border-radius:7px;box-shadow:0 4px 16px #0000001a;max-height:200px;overflow-y:auto}.autocomplete-dropdown__item{padding:8px 12px;font-size:13px;color:var(--color-text);cursor:pointer;transition:background .2s ease}.autocomplete-dropdown__item:hover{background:var(--color-surface);color:#5d87ff}.autocomplete-item{padding:8px 12px;font-size:13px;color:var(--color-text);cursor:pointer;transition:background .2s ease}.autocomplete-item:hover{background:var(--color-surface)}.autocomplete-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-secondary);font-size:16px;cursor:pointer;line-height:1;padding:0 2px}.autocomplete-clear:hover{color:#fa896b}.user-avatar{width:32px;height:32px;border-radius:50%;background:#5d87ff;color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:default;-webkit-user-select:none;user-select:none}.user-avatar--sm{width:24px;height:24px;font-size:10px}.user-avatar--lg{width:36px;height:36px;font-size:14px}.user-avatar[data-tooltip]{position:relative}.user-avatar[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#1e2a3a;color:#fff;font-size:11px;font-weight:500;padding:4px 8px;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:400}.user-avatar[data-tooltip]:hover:after{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 20px;border-radius:7px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid transparent;white-space:nowrap;text-decoration:none;flex-shrink:0;transition:background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:#5d87ff;color:#fff}.btn--primary:hover:not(:disabled){background:#4a74ec}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-border)}.btn--outline{background:transparent;border-color:#5d87ff;color:#5d87ff}.btn--outline:hover:not(:disabled){background:#5d87ff1f}.btn--ghost{background:transparent;border-color:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.btn--danger{background:#fa896b;color:#fff}.btn--danger:hover:not(:disabled){background:#f86e4a}.btn--sm{height:32px;padding:0 12px;font-size:12px}.btn--md{height:40px;padding:0 20px;font-size:14px}.btn--lg{height:48px;padding:0 28px;font-size:15px}.btn--full{width:100%}.btn__spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:currentColor;border-radius:50%;animation:btn-spin .65s linear infinite;flex-shrink:0}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);transition:background .2s ease,color .2s ease;flex-shrink:0}.btn-icon:hover{background:var(--color-surface);color:var(--color-text)}.btn-icon--danger:hover{background:#fa896b26;color:#fa896b}.btn-icon--warning:hover{background:#ffae1f26;color:#ffae1f}.btn-icon--success:hover{background:#13deb926;color:#13deb9}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.page-header .header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.page-header>.btn{flex-shrink:0;white-space:nowrap}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:600;color:var(--color-text)}.form-label .required{color:#fa896b}.form-input{height:40px;padding:0 12px;border:1px solid var(--color-border);border-radius:7px;font-family:DM Sans,sans-serif;font-size:13px;color:var(--color-text);background:var(--color-bg);transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#5d87ff}.form-input::placeholder{color:var(--color-text-secondary)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-select{height:40px;padding:0 12px;border:1px solid var(--color-border);border-radius:7px;font-family:DM Sans,sans-serif;font-size:13px;color:var(--color-text);background:var(--color-bg);cursor:pointer;transition:border-color .2s ease}.form-select:focus{outline:none;border-color:#5d87ff}.form-select:disabled{opacity:.6;cursor:not-allowed}.form-textarea{padding:10px 12px;border:1px solid var(--color-border);border-radius:7px;font-family:DM Sans,sans-serif;font-size:13px;color:var(--color-text);background:var(--color-bg);resize:vertical;transition:border-color .2s ease}.form-textarea:focus{outline:none;border-color:#5d87ff}.form-textarea::placeholder{color:var(--color-text-secondary)}.filter-select{height:36px;padding:0 10px;border:1px solid var(--color-border);border-radius:7px;font-family:DM Sans,sans-serif;font-size:13px;color:var(--color-text);background:var(--color-bg)}.filter-select:focus{outline:none;border-color:#5d87ff}.filter-select--autocomplete{cursor:text;padding-right:28px;min-width:160px}.filter-select--autocomplete::placeholder{color:var(--color-text-secondary)}.empty{text-align:center;color:var(--color-text-secondary);padding:48px 16px;font-size:14px}.empty__hint{margin-top:6px;font-size:13px;opacity:.75}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px;white-space:nowrap}.badge--primary{background:#5d87ff1f;color:#5d87ff}.badge--success{background:#13deb926;color:#0a9e82}.badge--warning{background:#ffae1f26;color:#c07d00}.badge--error{background:#fa896b26;color:#d95f3a}.badge--info{background:#539bff26;color:#2e7de6}.badge--neutral{background:var(--color-surface);color:var(--color-text-secondary)}.card{background:var(--color-bg);border-radius:7px;box-shadow:0 0 2px #919eab4d,0 12px 24px -4px #919eab0d;border:1px solid var(--color-border)}.card--flat{box-shadow:none}.card--scroll{overflow-x:auto}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:#5d87ff;border-radius:50%;animation:spinner-rotate .7s linear infinite;flex-shrink:0}.spinner--sm{width:16px;height:16px;border-width:2px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.code-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-family:monospace;font-size:11px;font-weight:700;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.code-badge--primary{background:#5d87ff1f;color:#5d87ff}.code-badge--secondary{background:#49beff1f;color:#49beff}.code-badge--neutral{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}