:root{--color-primary-50: #EFF6FF;--color-primary-100: #DBEAFE;--color-primary-200: #BFDBFE;--color-primary-500: #3B82F6;--color-primary-600: #2563EB;--color-primary-700: #1D4ED8;--color-primary-800: #1E40AF;--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-primary-active: #1E40AF;--color-primary-light: #EFF6FF;--color-success: #10B981;--color-success-light: #ECFDF5;--color-success-dark: #059669;--color-warning: #F59E0B;--color-warning-light: #FFFBEB;--color-warning-dark: #D97706;--color-error: #EF4444;--color-error-light: #FEF2F2;--color-error-dark: #DC2626;--color-bg: #FAFBFC;--color-bg-secondary: #F1F5F9;--color-surface: #FFFFFF;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-text: #0F172A;--color-text-secondary:#64748B;--color-text-muted: #94A3B8;--color-text-inverse: #FFFFFF;--sidebar-bg: #0F172A;--sidebar-text: #94A3B8;--sidebar-text-active: #FFFFFF;--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-active-bg: rgba(37, 99, 235, .15);--sidebar-active-text: #60A5FA;--sidebar-border: rgba(255, 255, 255, .08);--sidebar-width: 260px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Menlo, monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.7;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .06), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .08), 0 8px 10px -6px rgba(15, 23, 42, .04);--ease-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--text-base)}html,body{margin:0;padding:0;overflow:hidden;height:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;overflow:hidden}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}.heading-1{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text);letter-spacing:-.02em}.heading-2{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text);letter-spacing:-.01em}.heading-3{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text)}.text-body{font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--color-text)}.text-secondary{font-size:var(--text-sm);color:var(--color-text-secondary)}.text-muted{font-size:var(--text-xs);color:var(--color-text-muted)}.text-mono{font-family:var(--font-mono);font-size:var(--text-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.btn-primary:active:not(:disabled){background:var(--color-primary-active)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-secondary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border-light);color:var(--color-text);border-color:var(--color-text-muted)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text)}.btn-danger{background:var(--color-error-light);color:var(--color-error);border-color:transparent}.btn-danger:hover:not(:disabled){background:var(--color-error);color:var(--color-text-inverse)}.btn-sm{padding:6px 12px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-lg{padding:14px 28px;font-size:var(--text-lg);border-radius:var(--radius-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.form-input{width:100%;padding:10px 14px;font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.form-textarea{composes:form-input;resize:vertical;font-family:var(--font-mono);line-height:var(--leading-relaxed)}.form-error{padding:10px 14px;font-size:var(--text-sm);color:var(--color-error);background:var(--color-error-light);border:1px solid #FECACA;border-radius:var(--radius-md)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs)}.card-clickable{composes:card;cursor:pointer;transition:box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.card-clickable:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-200);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);line-height:1.6}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-error{background:var(--color-error-light);color:var(--color-error-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-info{background:var(--color-primary-light);color:var(--color-primary)}.badge-neutral{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.tab{padding:12px 24px;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);margin-bottom:-1px}.tab:hover{color:var(--color-text)}.tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.table{width:100%;border-collapse:collapse}.table th{padding:12px 16px;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.table td{padding:14px 16px;font-size:var(--text-base);color:var(--color-text);border-bottom:1px solid var(--color-border-light)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-bg)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) 0}.pagination-btn{padding:6px 16px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.pagination-btn:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-primary-200);background:var(--color-primary-light)}.pagination-btn:disabled{color:var(--color-text-muted);background:var(--color-bg-secondary);cursor:not-allowed}.pagination-info{font-size:var(--text-sm);color:var(--color-text-muted);padding:0 var(--space-2)}.sidebar{width:var(--sidebar-width);min-height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;border-right:1px solid var(--sidebar-border)}.sidebar-header{padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--sidebar-border)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--sidebar-text-active);letter-spacing:-.01em}.sidebar-logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border-radius:var(--radius-md);font-size:16px}.sidebar-user{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--sidebar-text)}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);overflow-y:auto}.sidebar-section-title{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#94a3b899;text-transform:uppercase;letter-spacing:.08em}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-3);font-size:var(--text-base);color:var(--sidebar-text);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);margin-bottom:2px}.sidebar-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.sidebar-link-active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:var(--weight-medium)}.sidebar-link-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;opacity:.5;flex-shrink:0}.sidebar-link-active .sidebar-link-dot{opacity:1;background:var(--sidebar-active-text)}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-add-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-inverse);background:var(--color-primary);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out)}.sidebar-add-btn:hover{background:var(--color-primary-hover)}.sidebar-logout-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px;font-size:var(--text-sm);color:var(--sidebar-text);background:transparent;border:1px solid var(--sidebar-border);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.sidebar-logout-btn:hover{color:var(--sidebar-text-active);border-color:#fff3;background:var(--sidebar-hover)}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;padding:var(--space-8);overflow-y:auto;max-height:100vh;background:var(--color-bg)}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:-.02em}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);cursor:pointer;transition:box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.project-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-200);transform:translateY(-2px)}.project-card-name{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.project-card-meta{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.project-card-date{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-3)}.editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.editor-panel-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.editor-textarea{width:100%;height:380px;padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);outline:none;resize:vertical;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.editor-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.editor-preview{width:100%;min-height:380px;padding:var(--space-4);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-y:auto}.editor-preview:empty:after{content:"预览内容将显示在这里";color:var(--color-text-muted)}.editor-actions{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-5)}.editor-preview h1,.editor-preview h2,.editor-preview h3{margin-top:1em;margin-bottom:.5em;font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.editor-preview h1{font-size:var(--text-2xl)}.editor-preview h2{font-size:var(--text-xl)}.editor-preview h3{font-size:var(--text-lg)}.editor-preview p{margin-bottom:.75em}.editor-preview ul,.editor-preview ol{margin-bottom:.75em;padding-left:1.5em}.editor-preview code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-secondary);padding:2px 6px;border-radius:var(--radius-sm)}.editor-preview pre{background:var(--sidebar-bg);color:var(--sidebar-text);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:.75em}.editor-preview pre code{background:transparent;padding:0}.editor-preview blockquote{border-left:3px solid var(--color-primary-200);padding-left:var(--space-4);color:var(--color-text-secondary);margin-bottom:.75em}.editor-preview a{color:var(--color-primary);text-decoration:underline}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center}.empty-state-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.3}.empty-state-title{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.empty-state-desc{font-size:var(--text-sm);color:var(--color-text-muted)}.login-page{min-height:100vh;height:auto;display:flex;align-items:center;justify-content:center;background:var(--sidebar-bg);position:relative;overflow:hidden}.login-bg-shape{position:absolute;border-radius:var(--radius-full);opacity:.08}.login-bg-shape--1{width:600px;height:600px;background:var(--color-primary);top:-200px;right:-100px}.login-bg-shape--2{width:400px;height:400px;background:var(--color-primary-500);bottom:-100px;left:-100px}.login-bg-shape--3{width:200px;height:200px;background:var(--color-primary-200);top:40%;left:20%}.login-card{position:relative;background:var(--color-surface);padding:var(--space-12) var(--space-10);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:420px;display:flex;flex-direction:column;gap:var(--space-5)}.login-title{text-align:center;font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:-.02em}.login-subtitle{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);margin-top:calc(-1 * var(--space-3))}.detail-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.detail-title-row{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2)}.detail-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:-.02em}.detail-id{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--weight-normal)}.detail-webhook{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 10px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-top:var(--space-2)}.form-page{max-width:520px}.form-page .card{padding:var(--space-8)}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.loading-state{display:flex;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-text-muted);font-size:var(--text-base)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.w-full{width:100%}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:root{--ant-color-primary: #2563EB}.sidebar .ant-menu-dark .ant-menu-item-selected{background:var(--sidebar-active-bg)!important;color:var(--sidebar-active-text)!important}.sidebar .ant-menu-dark .ant-menu-item:hover{background:var(--sidebar-hover)!important}.project-card-link a,a .project-card-link{text-decoration:none}.project-card-link.ant-card{border:1px solid var(--color-border);transition:box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.project-card-link.ant-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-200);transform:translateY(-2px)}.ant-table-wrapper .ant-table{border-radius:var(--radius-lg);overflow:hidden}.ant-table-wrapper .ant-table-thead>tr>th{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg-secondary)!important}.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--color-primary)}.ant-tabs .ant-tabs-ink-bar{background:var(--color-primary)}.ant-tabs .ant-tabs-tab:hover .ant-tabs-tab-btn{color:var(--color-primary-500)}.ant-modal .ant-modal-content{border-radius:var(--radius-xl);overflow:hidden}.ant-btn-primary:not(:disabled){color:#fff!important}.ant-btn-primary:not(:disabled):hover,.ant-btn-primary:not(:disabled):focus,.ant-btn-primary:not(:disabled):active{color:#fff!important}.ant-btn-primary:not(:disabled) .anticon{color:#fff!important}.ant-btn-default,.ant-btn-text{color:var(--color-text)}.ant-btn-default .anticon,.ant-btn-text .anticon{color:inherit}