#app{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1f2937;min-height:100vh;background:linear-gradient(135deg,#f9fafb,#fff 50%,#f3f4f6)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.glass-card{background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease}.glass-card--hoverable:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.glass-card--sm{border-radius:8px}.glass-card--lg{border-radius:24px}.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:hsla(0,0%,100%,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.glass-btn:hover:not(:disabled){background:hsla(0,0%,100%,.7)}.glass-btn:disabled{opacity:.5;cursor:not-allowed}.glass-btn--sm{padding:4px 12px;font-size:12px}.glass-btn--lg{padding:12px 24px;font-size:16px}.glass-btn--primary{background:rgba(59,130,246,.9);color:#fff;border-color:rgba(59,130,246,.3)}.glass-btn--primary:hover:not(:disabled){background:#3b82f6}.glass-btn--danger{background:rgba(239,68,68,.9);color:#fff;border-color:rgba(239,68,68,.3)}.glass-btn--danger:hover:not(:disabled){background:#ef4444}.glass-btn--ghost{background:transparent;border-color:#d1d5db}.glass-btn--ghost:hover:not(:disabled){background:hsla(0,0%,100%,.5)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5;color:#1f2937;background:linear-gradient(135deg,#f9fafb,#f3f4f6);min-height:100vh}a{color:#3b82f6;text-decoration:none}a:hover{text-decoration:underline}.glass-input{width:100%;padding:12px 16px;background:hsla(0,0%,100%,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(209,213,219,.5);border-radius:8px;font-size:14px;color:#1f2937;transition:all .2s ease;outline:none}.glass-input::-moz-placeholder{color:#9ca3af}.glass-input::placeholder{color:#9ca3af}.glass-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.glass-input--error{border-color:#ef4444}.glass-input--error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.p-2{padding:8px}.p-4{padding:16px}.p-6{padding:24px}.px-4{padding-left:16px;padding-right:16px}.py-2{padding-top:8px;padding-bottom:8px}.py-4{padding-top:16px;padding-bottom:16px}.m-0{margin:0}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-4{margin-top:16px}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-primary{color:#3b82f6}.text-success{color:#10b981}.text-danger{color:#ef4444}.text-center{text-align:center}.status-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-tag--success{background:rgba(16,185,129,.1);color:#10b981}.status-tag--warning{background:rgba(245,158,11,.1);color:#f59e0b}.status-tag--danger{background:rgba(239,68,68,.1);color:#ef4444}.status-tag--info{background:rgba(59,130,246,.1);color:#3b82f6}.benefit-tag,.status-tag--gray{background:#f3f4f6;color:#4b5563}.benefit-tag{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px}.avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#e5e7eb}.avatar--sm{width:32px;height:32px}.avatar--lg{width:56px;height:56px}.avatar--xl{width:80px;height:80px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.page-layout{display:flex;min-height:100vh}.page-sidebar{width:240px;flex-shrink:0;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border-right:1px solid #e5e7eb}.page-content{flex:1;padding:24px;overflow-y:auto}