@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root,[data-theme=dark]{color-scheme:dark;--bg-primary: #060b15;--bg-secondary: #0a1020;--bg-page-gradient: linear-gradient(135deg, #060b15 0%, #0d1528 40%, #0a1020 70%, #080e1e 100%);--bg-card: rgba(14, 20, 38, .55);--bg-card-solid: #0f1629;--bg-card-hover: rgba(20, 28, 48, .72);--bg-overlay: rgba(6, 11, 21, .78);--glass-bg: rgba(14, 20, 38, .48);--glass-bg-strong: rgba(14, 20, 38, .72);--glass-border: rgba(255, 255, 255, .06);--glass-border-strong: rgba(255, 255, 255, .1);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--glass-shadow-hover: 0 8px 32px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .35);--border-color: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--text-primary: #e6e9f0;--text-secondary: #969db0;--text-muted: #5c6478;--text-inverse: #0f1629;--accent-gold: #d4a853;--accent-gold-light: #e8c97a;--accent-gold-dark: #b8913a;--accent-gold-bg: rgba(212, 168, 83, .1);--accent-gold-glow: rgba(212, 168, 83, .15);--accent-cyan: #22d3ee;--accent-cyan-bg: rgba(34, 211, 238, .08);--accent-green: #10b981;--accent-green-bg: rgba(16, 185, 129, .08);--accent-red: #ef4444;--accent-red-bg: rgba(239, 68, 68, .08);--accent-purple: #a855f7;--accent-purple-bg: rgba(168, 85, 247, .08);--accent-blue: #3b82f6;--accent-blue-bg: rgba(59, 130, 246, .08);--accent-orange: #f59e0b;--accent-orange-bg: rgba(245, 158, 11, .08);--accent-indigo: #6366f1;--accent-indigo-bg: rgba(99, 102, 241, .12);--accent-indigo-bg-strong: rgba(99, 102, 241, .22);--bg-elevated: #0f1629;--border-default: rgba(255, 255, 255, .07);--input-bg: rgba(255, 255, 255, .04);--input-border: rgba(255, 255, 255, .1);--input-focus: rgba(212, 168, 83, .3);--input-color-scheme: dark;--calendar-icon-filter: invert(1);--table-stripe: rgba(255, 255, 255, .012);--table-stripe-alt: rgba(255, 255, 255, .025);--table-hover: rgba(255, 255, 255, .04);--row-cancelled: rgba(148, 163, 184, .06);--sidebar-width: 220px;--header-height: 56px;--font-title: 1.5rem;--font-section: 1rem;--font-body: .875rem;--font-caption: .8125rem;--font-small: .75rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--gap-xs: .375rem;--gap-sm: .625rem;--gap-md: 1rem;--gap-lg: 1.5rem;--gap-xl: 2rem;--transition-fast: .18s cubic-bezier(.4, 0, .2, 1);--transition-base: .28s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{color-scheme:light;--bg-primary: #f0f2f7;--bg-secondary: #e4e8f0;--bg-page-gradient: linear-gradient(135deg, #f0f2f7 0%, #e8ecf3 30%, #f5f6fa 60%, #eef0f5 100%);--bg-card: rgba(255, 255, 255, .58);--bg-card-solid: #ffffff;--bg-card-hover: rgba(255, 255, 255, .78);--bg-overlay: rgba(240, 242, 247, .72);--glass-bg: rgba(255, 255, 255, .48);--glass-bg-strong: rgba(255, 255, 255, .68);--glass-border: rgba(0, 0, 0, .05);--glass-border-strong: rgba(0, 0, 0, .09);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--glass-shadow-hover: 0 8px 32px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--border-color: rgba(0, 0, 0, .06);--border-strong: rgba(0, 0, 0, .11);--text-primary: #131826;--text-secondary: #4a5068;--text-muted: #7c8298;--text-inverse: #f0f2f7;--accent-gold: #b88a30;--accent-gold-light: #d4a853;--accent-gold-dark: #9a7225;--accent-gold-bg: rgba(184, 138, 48, .08);--accent-gold-glow: rgba(184, 138, 48, .1);--bg-elevated: #ffffff;--border-default: rgba(0, 0, 0, .06);--input-bg: rgba(0, 0, 0, .025);--input-border: rgba(0, 0, 0, .09);--input-focus: rgba(184, 138, 48, .22);--input-color-scheme: light;--calendar-icon-filter: none;--table-stripe: rgba(0, 0, 0, .012);--table-stripe-alt: rgba(0, 0, 0, .025);--table-hover: rgba(0, 0, 0, .03);--row-cancelled: rgba(148, 163, 184, .1);--accent-indigo: #6366f1;--accent-indigo-bg: rgba(99, 102, 241, .08);--accent-indigo-bg-strong: rgba(99, 102, 241, .16)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-page-gradient);background-attachment:fixed;color:var(--text-primary);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-slow),color var(--transition-slow)}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.glass-card:hover{border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow-hover)}.glass-panel{background:var(--glass-bg-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}[data-theme=dark] select option,[data-theme=dark] optgroup{background-color:#0f1629;color:#e6e9f0}[data-theme=light] select option,[data-theme=light] optgroup{background-color:#fff;color:#131826}.input-base{padding:.625rem .875rem;border-radius:var(--radius-sm);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-body);font-family:inherit;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);width:100%}.input-base:hover{border-color:var(--border-strong)}.input-base:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--input-focus);background:var(--bg-card-solid)}.input-base::placeholder{color:var(--text-muted)}.input-base:disabled,.input-base[readonly]{opacity:.65;cursor:not-allowed}.select-base{padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-caption);font-family:inherit;outline:none;cursor:pointer;color-scheme:var(--input-color-scheme, dark);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.select-base:hover{border-color:var(--border-strong)}.select-base:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--input-focus)}.btn-primary{padding:.5625rem 1.375rem;border-radius:var(--radius-sm);border:none;font-size:var(--font-body);font-weight:600;cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-fast)}.btn-primary:hover{background:linear-gradient(135deg,#818cf8,#60a5fa);transform:translateY(-1px);box-shadow:0 4px 16px #6366f14d}.btn-primary:hover:after{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--text-muted);color:var(--text-inverse);cursor:not-allowed;transform:none;box-shadow:none;opacity:.5}.btn-primary:disabled:after{display:none}.btn-primary:disabled:hover{background:var(--text-muted);transform:none;box-shadow:none}.btn-primary.btn-blue{background:linear-gradient(135deg,var(--accent-blue) 0%,#2563eb 100%);color:#fff}.btn-primary.btn-blue:hover{background:linear-gradient(135deg,#60a5fa 0%,var(--accent-blue) 100%);box-shadow:0 4px 16px #3b82f640}.btn-primary.btn-blue:disabled{background:var(--text-muted);color:var(--text-inverse);opacity:.5;box-shadow:none}.btn-secondary{padding:.5625rem 1.375rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);font-size:var(--font-body);font-weight:500;cursor:pointer;transition:all var(--transition-fast);background:var(--glass-bg);color:var(--text-secondary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-secondary:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--glass-bg-strong);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-danger{padding:.5625rem 1.375rem;border-radius:var(--radius-sm);border:none;font-size:var(--font-body);font-weight:500;cursor:pointer;transition:all var(--transition-fast);background:var(--accent-red);color:#fff}.btn-danger:hover{opacity:.9;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-caption);table-layout:fixed;min-width:1200px}.data-table thead tr{border-bottom:1px solid var(--border-strong);background:var(--table-stripe);height:35px}.data-table th{padding:0 .625rem;height:35px;text-align:left;color:var(--text-muted);font-weight:600;font-size:var(--font-small);white-space:nowrap;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis}.data-table td{padding:0 .625rem;height:35px;vertical-align:middle;color:var(--text-primary);border-bottom:1px solid var(--border-color);font-size:var(--font-caption);overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.data-table tbody tr{transition:background var(--transition-fast);background:transparent;height:35px}.data-table tbody tr:nth-child(2n){background:var(--table-stripe-alt)}.data-table tbody tr:hover{background:var(--table-hover)}.table-container{width:100%;overflow-x:auto;position:relative}.col-index{width:60px!important;min-width:60px;max-width:60px;text-align:center!important}.col-date{width:110px!important;min-width:110px;max-width:110px}.col-name{width:180px!important;min-width:180px;max-width:180px}.col-amount{width:120px!important;min-width:120px;max-width:120px;text-align:right!important}.col-status,.col-actions{width:100px!important;min-width:100px;max-width:100px;text-align:center!important}.col-description{width:200px!important;min-width:200px;max-width:200px}.col-contact{width:150px!important;min-width:150px;max-width:150px}.col-flex{min-width:120px;max-width:250px}.col-long-text{min-width:120px;max-width:300px;word-wrap:break-word;white-space:normal!important}.tag{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:100px;font-size:var(--font-small);font-weight:500;white-space:nowrap}.app-logo{font-size:1rem;font-weight:700;color:var(--text-primary);white-space:nowrap;letter-spacing:1.5px}.nav-label{white-space:nowrap;overflow:hidden;opacity:1;max-width:180px;transition:opacity .22s ease .06s,max-width var(--transition-slow)}.nav-label.collapsed{opacity:0;max-width:0;transition:opacity .1s ease,max-width var(--transition-slow) .04s}.nav-sub-item{transition:opacity .18s ease .04s,height .18s ease}.nav-sub-item.collapsed{opacity:0;height:0;overflow:hidden;pointer-events:none;transition:opacity .08s ease,height .12s ease}.logo-text{transition:opacity .25s ease}.logo-icon{transition:transform .25s ease}.logo-icon:hover{transform:scale(1.12)}.theme-toggle{position:relative;width:48px;height:26px;border-radius:13px;border:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base);background:var(--input-bg);flex-shrink:0}.theme-toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--accent-gold);transition:transform var(--transition-base),background var(--transition-base);box-shadow:0 1px 3px #0003}[data-theme=light] .theme-toggle:after{transform:translate(22px);background:var(--accent-gold-light)}.date-input-full{position:relative}.date-input-full::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;color:transparent;background:transparent;cursor:pointer}input[type=date],input[type=datetime-local],input[type=time],select{color-scheme:var(--input-color-scheme, dark)}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:var(--calendar-icon-filter, none);cursor:pointer;opacity:1}.dropdown-menu{background:var(--bg-card-solid);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 12px 40px #00000073;overflow:hidden;padding:4px 0;min-width:140px;animation:dropdownIn .18s cubic-bezier(.34,1.56,.64,1)}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.75}}@keyframes dropFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;width:100%;padding:.5625rem 1.125rem;border:none;background:none;cursor:pointer;font-size:var(--font-body);text-align:left;color:var(--text-primary);white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.dropdown-item:hover{background:var(--table-hover);color:var(--accent-gold)}.page-enter{animation:pageIn .35s cubic-bezier(.4,0,.2,1)}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-glow{position:relative;overflow:hidden}.stat-glow:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,var(--accent-gold-glow) 0%,transparent 60%);pointer-events:none;opacity:.8;transition:opacity var(--transition-base)}.stat-glow:hover:before{opacity:1}.modal-backdrop{animation:fadeIn .22s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalIn .32s cubic-bezier(.34,1.56,.64,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.92) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--table-stripe) 25%,var(--table-hover) 50%,var(--table-stripe) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.card-accent-top{position:relative}.card-accent-top:before{content:"";position:absolute;top:0;left:16px;right:16px;height:2px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);border-radius:0 0 2px 2px;opacity:.5}.stat-number{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";background-clip:text;-webkit-background-clip:text;color:transparent}@media screen and (max-width: 1280px){html{font-size:15px}}@media screen and (max-width: 1024px){html{font-size:14px}}@media screen and (min-width: 1920px){html{font-size:17px}}@media screen and (min-width: 2560px){html{font-size:18px}}:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px;border-radius:var(--radius-xs)}.tiptap-editor-area .ProseMirror{outline:none;min-height:300px;font-size:15px;line-height:1.8;color:var(--text-primary)}.tiptap-editor-area .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0}.tiptap-editor-area .ProseMirror h1{font-size:24px;font-weight:700;line-height:1.4;margin:0 0 12px;color:var(--text-primary)}.tiptap-editor-area .ProseMirror h2{font-size:20px;font-weight:600;line-height:1.4;margin:0 0 10px;color:var(--text-primary)}.tiptap-editor-area .ProseMirror h3{font-size:17px;font-weight:600;line-height:1.4;margin:0 0 8px;color:var(--text-primary)}.tiptap-editor-area .ProseMirror p{margin:0 0 8px}.tiptap-editor-area .ProseMirror ul,.tiptap-editor-area .ProseMirror ol{padding-left:24px;margin:0 0 8px}.tiptap-editor-area .ProseMirror li{margin-bottom:4px}.tiptap-editor-area .ProseMirror blockquote{border-left:3px solid var(--accent-indigo);padding-left:16px;margin:0 0 8px;color:var(--text-secondary);font-style:italic}.tiptap-editor-area .ProseMirror pre{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;margin:0 0 8px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.tiptap-editor-area .ProseMirror code{background:var(--input-bg);padding:2px 6px;border-radius:4px;font-size:.9em;font-family:Consolas,Monaco,monospace}.tiptap-editor-area .ProseMirror pre code{background:none;padding:0}.tiptap-editor-area .ProseMirror hr{border:none;border-top:1px solid var(--border-color);margin:16px 0}.tiptap-editor-area .ProseMirror a{color:var(--accent-indigo);text-decoration:underline}.tiptap-editor-area .ProseMirror img{max-width:100%;height:auto;border-radius:8px}::selection{background:var(--accent-gold-bg);color:var(--accent-gold)}table tbody tr:nth-child(2n){background:var(--table-stripe-alt)}table tbody tr{transition:background var(--transition-fast);height:35px}table tbody tr:hover{background:var(--table-hover)!important}table th,table td{height:35px}a{color:var(--accent-gold);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-gold-light)}@keyframes avatarCollide{0%{transform:scale(0) translateY(20px);opacity:0}25%{transform:scale(1.28) translateY(-6px);opacity:1}42%{transform:scale(.88) translateY(3px)}58%{transform:scale(1.07) translateY(-3px)}74%{transform:scale(.95) translateY(1px)}88%{transform:scale(1.02) translateY(0)}to{transform:scale(1) translateY(0);opacity:1}}.avatar-bounce{animation:avatarCollide .9s cubic-bezier(.34,1.56,.64,1) both}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.avatar-float{animation:avatarFloat 3s ease-in-out infinite}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.enhance-card{padding:12px 14px;border-radius:10px;background:var(--bg-card-solid);border:1px solid var(--border-color);cursor:pointer;transition:all .2s;text-align:left;width:100%;box-sizing:border-box}.enhance-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.enhance-card-plan:hover{border-color:var(--accent-purple)}.enhance-card-skill:hover{border-color:#22c55e;box-shadow:0 4px 12px #22c55e26}.enhance-card-rule:hover{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b26}.enhance-card-mcp:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}
