*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#3525cd;--secondary:#712ae2;--surface:#fcf8ff;--on-surface:#1b1b24;--on-surface-variant:#464555;--outline-variant:#c7c4d8;--error:#ba1a1a;--success:#10b981;--warning:#f59e0b}body{color:#1b1b24;-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#f0f2f9 0%,#e8ecf1 100%);min-height:100vh;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}.glass-card{-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff80;box-shadow:0 4px 24px #1f26870f}.gradient-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3525cd 0%,#712ae2 100%);border:none;transition:all .3s}.gradient-btn:active{transform:scale(.97)}.gradient-btn:disabled{opacity:.5}input,select,textarea{-webkit-appearance:none;background:#fff9;border:1px solid #c7c4d8;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:14px}input:focus,select:focus{background:#ffffffe6;border-color:#3525cd;box-shadow:0 0 0 3px #3525cd1f}a{color:inherit;text-decoration:none}.tag{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.tag-primary{color:#3525cd;background:#3525cd1a}.tag-success{color:#10b981;background:#10b9811a}.tag-warning{color:#f59e0b;background:#f59e0b1a}.tag-error{color:#ba1a1a;background:#ba1a1a1a}.nav-link{border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.nav-link:hover{background:#eae6f4cc}.nav-link.active{color:#fff;background:linear-gradient(135deg,#3525cd,#712ae2);box-shadow:0 0 15px #3525cd4d}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}