@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #1890ff;--color-secondary: #f0f2f5;--color-accent: #52c41a;--color-success: #52c41a;--color-warning: #faad14;--color-danger: #ff4d4f;--color-bg: #f0f2f5;--color-card: #ffffff;--color-text: #262626;--color-text-light: #8c8c8c;--border-width: 1px;--border-color: #f0f0f0;--border-thick: 1px solid #d9d9d9;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-color: rgba(0, 0, 0, .08);--shadow-hard: 0 2px 8px var(--shadow-color);--shadow-hard-lg: 0 4px 16px rgba(0, 0, 0, .12);--shadow-hard-hover: 0 6px 20px rgba(0, 0, 0, .15);--shadow-hard-active: 0 1px 4px var(--shadow-color);--transition-fast: .2s ease;--transition-normal: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.5715;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}a:hover{color:#40a9ff}.btn-primary{background-color:var(--color-primary);color:#fff;border:none;padding:9px 20px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #1890ff26;font-size:14px;white-space:nowrap}.btn-primary:not(:disabled):hover{background-color:#40a9ff;transform:translateY(-1px);box-shadow:0 4px 12px #1890ff40}.btn-primary:active{transform:translateY(0);background-color:#096dd9}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-default{background-color:#fff;color:var(--color-text);border:1px solid #d9d9d9;padding:9px 20px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px}.btn-default:hover{color:var(--color-primary);border-color:var(--color-primary)}.form-control{width:100%;padding:9px 12px;border:1px solid #d9d9d9;border-radius:var(--radius-md);font-size:14px;transition:all .3s;background:#fff;outline:none}.form-control:hover{border-color:var(--color-primary)}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #1890ff1a}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#8c8c8c}.modal-overlay{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.modal-box{position:relative}.modal-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;color:#8c8c8c;transition:all .2s ease;z-index:10;padding:0}.modal-close-btn:hover{background:#f5f5f5;color:#262626;border-color:#d9d9d9}.modal-close-btn:active{background:#e8e8e8}.modal-close-btn svg{width:18px;height:18px;stroke-width:2.5}