:root{--primary:#4f85d9;--primary-dark:#355b96;--primary-light:#e8f6ff;--primary-light2:#d1edff;--secondary:#007dff;--secondary-dark:#212527;--secondary-light:#abb5be;--secondary-light2:#f5f3f3;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--white:#fff;--black:#000;--bg:#ece5df;--surface:var(--white);--text:var(--gray-900);--text-secondary:var(--gray-600);--border:var(--gray-300);--divider:var(--gray-200);--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-pill:20px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow:0 1px 4px rgba(0,0,0,.08);--shadow-lg:0 4px 16px rgba(0,0,0,.12)}::selection{background:var(--primary);color:var(--white)}::-moz-selection{background:var(--primary);color:var(--white)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1{font-size:40px}h1,h2{font-weight:500}h2{font-size:32px}h3{font-size:28px}h3,h4{font-weight:500}h4{font-size:24px}h5{font-size:20px}h5,h6{font-weight:500}h6{font-size:16px}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:var(--font);font-size:14px;font-weight:500;gap:6px;justify-content:center;line-height:1.4;padding:8px 20px;text-decoration:none;transition:all .2s;white-space:nowrap}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-dark{background:var(--secondary-dark);border-color:var(--secondary-dark);color:var(--white)}.btn-dark:hover{background:var(--gray-900);border-color:var(--gray-900)}.btn-secondary{background:var(--secondary-light);border-color:var(--secondary-light);color:var(--white)}.btn-secondary:hover{background:var(--gray-500);border-color:var(--gray-500)}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--white)}.btn-danger:hover{background:#c82333;border-color:#c82333}.btn-success{background:var(--success);border-color:var(--success);color:var(--white)}.btn-success:hover{background:#218838;border-color:#218838}.btn-gray{background:var(--gray-600);border-color:var(--gray-600);color:var(--white)}.btn-gray:hover{background:var(--gray-700);border-color:var(--gray-700)}.btn-outline{background:transparent;border-color:var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary-light)}.btn-outline-dark{background:transparent;border-color:var(--secondary-dark);color:var(--secondary-dark)}.btn-outline-dark:hover{background:var(--gray-100)}.btn-outline-light{background:transparent;border-color:var(--gray-400);color:var(--gray-500)}.btn-outline-light:hover{background:var(--gray-100);color:var(--gray-700)}.btn-outline-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-outline-danger:hover{background:#dc354514}.btn-ghost{background:transparent;border-color:transparent;color:var(--primary)}.btn-ghost:hover{background:var(--primary-light)}.btn-ghost-dark{background:transparent;border-color:transparent;color:var(--secondary-dark)}.btn-ghost-dark:hover{background:var(--gray-100)}.btn-xs{font-size:11px;padding:2px 10px}.btn-sm{font-size:13px;padding:4px 14px}.btn-lg{font-size:16px;padding:12px 28px}.btn.disabled,.btn:disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.btn:active:not(:disabled){transform:scale(.97)}.btn-sq{align-items:center;background:var(--surface);border:1px solid var(--gray-300);border-radius:var(--radius);color:var(--gray-600);cursor:pointer;display:inline-flex;font-size:16px;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.btn-sq:hover{background:var(--gray-100);border-color:var(--gray-400);color:var(--text)}.btn-sq-sm{font-size:13px;height:28px;width:28px}.input,.textarea{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.input:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f85d926}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--gray-500)}.input::placeholder,.textarea::placeholder{color:var(--gray-500)}.input:disabled,.textarea:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.textarea{min-height:80px;resize:vertical}.input-error,.input-error:focus{border-color:var(--danger);box-shadow:0 0 0 3px #dc35451f}.input-success,.input-success:focus{border-color:var(--success);box-shadow:0 0 0 3px #28a7451f}.input-sm{font-size:12px;padding:5px 10px}.input-lg{font-size:16px;padding:14px 18px}.label{color:var(--text);display:block;font-size:13px;font-weight:500;margin-bottom:4px}.label-required:after{color:var(--danger);content:" *"}.field-error{color:var(--danger)}.field-error,.field-hint{font-size:11px;margin-top:2px}.field-hint{color:var(--gray-500)}.input-icon-wrap{position:relative}.input-icon-wrap .input{padding-left:36px}.input-icon-wrap .input-icon{color:var(--gray-500);font-size:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.select,select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%236c757d' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;cursor:pointer;padding-right:36px}.select{background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:14px;outline:none;padding:10px 36px 10px 14px;width:100%}.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f85d926}.checkbox,.radio{align-items:center;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox input[type=checkbox],.radio input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--white);border:2px solid var(--gray-400);cursor:pointer;flex-shrink:0;height:18px;transition:all .15s;width:18px}.checkbox input[type=checkbox]{border-radius:var(--radius-sm)}.radio input[type=radio]{border-radius:50%}.checkbox input[type=checkbox]:checked{background:var(--primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px;border-color:var(--primary)}.radio input[type=radio]:checked{background:var(--white);border-color:var(--primary);box-shadow:inset 0 0 0 4px var(--primary)}.checkbox input:disabled,.radio input:disabled{cursor:not-allowed;opacity:.5}.data-table-frame{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.table{border-collapse:collapse;font-size:14px;width:100%}.table thead{background:var(--primary)}.table thead th{color:var(--white);font-size:13px;font-weight:600;letter-spacing:.01em;padding:12px 16px;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.table thead th.sortable{cursor:pointer}.table thead th.sortable:hover{background:var(--primary-dark)}.table tbody td{border-bottom:1px solid var(--divider);padding:10px 16px}.table tbody tr:hover{background:var(--primary-light)}.table tbody tr:last-child td{border-bottom:none}.table-actions{align-items:center;display:flex;gap:4px}.table-action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-500);cursor:pointer;display:inline-flex;font-size:14px;height:28px;justify-content:center;transition:all .15s;width:28px}.table-action-btn:hover{background:var(--gray-100);color:var(--text)}.table-action-btn.danger:hover{background:#dc354514;color:var(--danger)}.pagination{display:flex;justify-content:space-between;padding:12px 0}.pagination,.pagination-nav{align-items:center;color:var(--gray-600);font-size:13px}.pagination-nav{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font);font-weight:500;gap:6px;padding:4px 8px;transition:color .15s}.pagination-nav:hover:not(:disabled){background:var(--gray-100);color:var(--text)}.pagination-nav:disabled{cursor:not-allowed;opacity:.4}.pagination-center{align-items:center;display:flex;gap:8px}.pagination-page-input{border:1px solid var(--gray-300);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:13px;outline:none;padding:4px 8px;text-align:center;width:48px}.pagination-page-input:focus{border-color:var(--primary)}.pagination-rows{align-items:center;display:flex;gap:4px}.pagination-rows select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%236c757d' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:10px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-family:var(--font);font-size:13px;outline:none;padding:4px 24px 4px 8px}.chip{border-radius:var(--radius-full);display:inline-block;font-size:11px;font-weight:600;padding:1px 6px}.chip-success{border:1px solid var(--success);color:var(--success)}.chip-danger{border:1px solid var(--danger);color:var(--danger)}.chip-primary{border:1px solid var(--primary);color:var(--primary)}.chip-warning{border:1px solid var(--warning);color:var(--warning)}.chip-info{background:#2962ff1f;color:var(--info)}.chip-purple{background:#7c4dff1f;color:#7c4dff}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:600;justify-content:center;padding:2px 8px}.badge-primary{background:var(--primary-light2);color:var(--primary)}.badge-success{background:#28a7451f;color:var(--success)}.badge-danger{background:#dc35451f;color:var(--danger)}.dot{border-radius:50%;display:inline-block;height:8px;width:8px}.dot-green{background:var(--success)}.dot-red{background:var(--danger)}.dot-yellow{background:var(--warning)}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:var(--surface);border-radius:var(--radius-lg);border-top:3px solid var(--primary);box-shadow:var(--shadow-lg);max-height:90vh;max-width:560px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--divider);display:flex;font-size:18px;font-weight:600;justify-content:space-between;padding:16px 24px}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--divider);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.modal-close{background:none;border:none;color:var(--gray-600);cursor:pointer;font-size:20px;line-height:1}.modal-close:hover{color:var(--text)}.tabs-pill{background:var(--gray-200);display:inline-flex;padding:3px}.tab-pill,.tabs-pill{border-radius:var(--radius-pill)}.tab-pill{background:transparent;border:none;color:var(--primary);cursor:pointer;font-family:var(--font);font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.tab-pill:hover{color:var(--primary-dark)}.tab-pill.active{background:var(--primary);box-shadow:0 2px 4px #4f85d94d;color:var(--white)}.tabs-vertical{display:inline-flex;flex-direction:column;gap:2px}.tabs-vertical .tab-pill{border-radius:var(--radius);text-align:left}.loading-center{align-items:center;display:flex;justify-content:center;padding:48px}.spinner{animation:spin .7s linear infinite;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:32px;width:32px}.spinner-sm{border-width:2px;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.ui-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.ui-card-header{border-bottom:1px solid var(--divider);font-weight:600;padding:16px 20px}.ui-card-body{padding:20px}.ui-card-footer{border-top:1px solid var(--divider);padding:12px 20px}.dropdown{display:inline-block;position:relative}.dropdown-menu{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:160px;padding:6px 0;position:absolute;right:0;top:100%;z-index:100}.dropdown-item{align-items:center;background:none;border:none;color:var(--text);cursor:pointer;display:flex;font-family:var(--font);font-size:14px;gap:8px;padding:8px 16px;transition:background .15s;width:100%}.dropdown-item:hover{background:var(--gray-100)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background:#dc35450f}.dropdown-divider{background:var(--divider);height:1px;margin:4px 0}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-muted{color:var(--text-secondary)}.text-primary{color:var(--primary)}.text-right{text-align:right}.text-center{text-align:center}.text-xs{font-size:11px}.text-sm{font-size:12px}.text-lg{font-size:16px}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.ml-auto{margin-left:auto}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.p-12{padding:12px}.p-16{padding:16px}.p-24{padding:24px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono{font-family:JetBrains Mono,Fira Code,monospace}.sr-only{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}