:root{--primary-color:#e53e3e;--primary-light:#fc8181;--primary-lighter:#fed7d7;--primary-dark:#c53030;--primary-bg:#fff5f5;--primary-gradient:linear-gradient(135deg,#e53e3e,#f56565);--text-primary:#1a202c;--text-secondary:#4a5568;--text-light:#718096;--border-color:#e2e8f0;--bg-color:#f7fafc;--bg-white:#fff;--success-color:#38a169;--warning-color:#d69e2e;--error-color:#e53e3e;--info-color:#3182ce;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--transition-fast:.15s ease;--transition-normal:.2s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}img{height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-width:100%}img[loading=lazy]{content-visibility:auto}.container{margin:0 auto;max-width:1200px;padding:0 16px;width:100%}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 20px;transition:all var(--transition-fast)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#e53e3e,#c53030);box-shadow:0 2px 8px #e53e3e33;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#c53030,#9b2c2c);box-shadow:0 4px 16px #e53e3e4d;transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-secondary:hover:not(:disabled){background:var(--primary-bg)}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-outline:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.btn-sm{font-size:13px;padding:6px 12px}.btn-lg{font-size:16px;padding:14px 28px}.btn-block{width:100%}.form-group{margin-bottom:16px}.form-label{display:block;font-weight:500;margin-bottom:6px}.form-input,.form-label{color:var(--text-primary);font-size:14px}.form-input{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 14px;transition:border-color var(--transition-fast);width:100%}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #e53e3e14,0 1px 2px #0000000a;outline:none}.form-input::-moz-placeholder{color:var(--text-light)}.form-input::placeholder{color:var(--text-light)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 14px;width:100%}.form-select:focus{border-color:var(--primary-color);outline:none}.form-textarea{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;min-height:100px;padding:10px 14px;resize:vertical;width:100%}.form-textarea:focus{border-color:var(--primary-color);outline:none}.form-error{color:var(--error-color);font-size:12px;margin-top:4px}.card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:all .25s ease}.card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.card-header{border-bottom:1px solid var(--border-color);padding:16px 20px}.card-body{padding:20px}.card-footer{background:var(--bg-color);border-top:1px solid var(--border-color);padding:16px 20px}.avatar{border:2px solid #fff;border-radius:50%;box-shadow:var(--shadow-sm);height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.avatar-sm{height:32px;width:32px}.avatar-lg{height:72px;width:72px}.avatar-xl{height:100px;width:100px}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:500;padding:2px 8px}.badge-primary{background:var(--primary-lighter);color:var(--primary-dark)}.badge-success{background:#c6f6d5;color:#22543d}.badge-warning{background:#fefcbf;color:#744210}.badge-error{background:var(--primary-lighter);color:var(--primary-dark)}.tag{align-items:center;background:var(--bg-color);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-size:13px;margin-bottom:6px;margin-right:6px;padding:4px 10px}.tag-primary{background:var(--primary-lighter);color:var(--primary-dark)}.divider{background:var(--border-color);height:1px;margin:20px 0}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--text-secondary)}.text-light{color:var(--text-light)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:24px}.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}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-fadeIn{animation:fadeIn .3s ease}.animate-slideUp{animation:slideUp .3s ease}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#aaa}@media(max-width:768px){.container{padding:0 12px}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.hide-mobile{display:none!important}}@media(max-width:480px){.grid-cols-2{grid-template-columns:1fr}}.loading{animation:spin .6s linear infinite;border:2px solid var(--primary-lighter);border-radius:50%;border-top-color:var(--primary-color);display:inline-block;height:20px;width:20px}.loading-overlay{align-items:center;background:#ffffffe6;display:flex;justify-content:center;inset:0;position:fixed;z-index:9999}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{color:var(--text-light);padding:40px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.4}.toast{animation:slideDown .3s ease;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text-primary);left:50%;padding:12px 24px;position:fixed;top:80px;transform:translate(-50%);z-index:9999}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.toast-success{background:var(--success-color);border-color:var(--success-color);color:#fff}.toast-error{background:var(--error-color);border-color:var(--error-color);color:#fff}.toast-warning{background:var(--warning-color);border-color:var(--warning-color);color:#fff}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;justify-content:center;inset:0;position:fixed;z-index:1000}.modal{animation:slideUp .3s ease;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.modal-title{font-size:18px;font-weight:600}.modal-close{background:none;border:none;border-radius:50%;color:var(--text-light);cursor:pointer;font-size:18px;height:32px;transition:all var(--transition-fast);width:32px}.modal-close:hover{background:var(--bg-color);color:var(--text-primary)}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.page-enter-active,.page-leave-active{transition:opacity .2s ease}.page-enter-from,.page-leave-to{opacity:0}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}