*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#fff;--text-primary:#333;--border-color:#a6a6a6;--save-bg:#afb2b32d;--gender-active-text-color:white;--gender-active-bg-color:skyblue;--sidebar-hover-bg:#afb2b32d;--shadow-color:#d0d3d4;--sidebar-bg:#f9fbfc;--card-bg:#fff;--warn:#ff4d4f}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{color:var(--text-primary);background-color:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit;border:0}input:focus,textarea:focus,select:focus{outline:none}button{cursor:pointer;background:0 0;border:none}table{border-collapse:collapse;border-spacing:0}.theme-transition *{transition:color .3s,background-color .3s,border-color .3s}.app[data-v-424c9adc]{gap:30px;min-height:100vh;display:flex}.sidebar[data-v-424c9adc]{text-align:center;width:230px;min-height:100vh;box-shadow:0 4px 16.4px var(--shadow-color);background:var(--sidebar-bg);flex-direction:column;justify-content:space-between;align-self:flex-start;padding:30px 20px;display:flex;position:sticky;top:0}.user-info[data-v-424c9adc]{flex-direction:column;align-items:center;width:100%;height:250px;display:flex}.user-info .avatar[data-v-424c9adc]{border:1px solid var(--border-color);border-radius:50px;width:100px;height:100px;margin-bottom:15px;overflow:hidden}.avatar img[data-v-424c9adc]{width:100%;height:100%}.avatar img[src=""][data-v-424c9adc]{display:none}.user-info .user-name[data-v-424c9adc],.user-info .user-login[data-v-424c9adc]{font-size:20px}nav[data-v-424c9adc]{flex:1;width:100%}nav ul[data-v-424c9adc]{width:100%}nav ul li a[data-v-424c9adc]{justify-content:center;align-items:center;height:100px;display:flex}nav ul li[data-v-424c9adc]:hover{background-color:var(--sidebar-hover-bg);border-radius:10px}nav ul li img[data-v-424c9adc]{width:30px;height:30px}nav ul li .item[data-v-424c9adc]{margin-left:5px;font-size:20px}.content[data-v-424c9adc]{flex:1;min-height:100vh;padding:20px}@media (width<=1024px){.sidebar[data-v-424c9adc]{width:200px}.user-info .avatar[data-v-424c9adc]{width:90px;height:90px}.user-info .user-name[data-v-424c9adc],.user-info .user-login[data-v-424c9adc]{font-size:18px}nav ul li img[data-v-424c9adc]{width:25px;height:25px}nav ul li .item[data-v-424c9adc]{font-size:18px}.content[data-v-424c9adc]{padding:15px}}