:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f9f5f0;--vt-c-white-mute: #f2ece5;--vt-c-black: #1c1c1e;--vt-c-black-soft: #252527;--vt-c-black-mute: #323234;--vt-c-gold: #b8860b;--vt-c-gold-light: rgba(184, 134, 11, .1);--vt-c-gold-dark: #8b6914;--vt-c-gold-base-rgb: 184, 134, 11;--vt-c-divider-light-1: rgba(60, 60, 67, .29);--vt-c-divider-light-2: rgba(60, 60, 67, .12);--vt-c-divider-dark-1: rgba(84, 84, 88, .65);--vt-c-divider-dark-2: rgba(84, 84, 88, .48);--vt-c-text-light-1: #2c3e50;--vt-c-text-light-2: #8e8e93;--vt-c-text-dark-1: #ffffff;--vt-c-text-dark-2: rgba(235, 235, 245, .8);--shadow-dark: rgba(0, 0, 0, .05);--shadow-light: rgba(255, 255, 255, .8)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-1);--vt-c-gold: #d4af37;--vt-c-gold-light: rgba(212, 175, 55, .15);--vt-c-gold-dark: #b8860b;--vt-c-white-mute: #2a2a2c;--vt-c-white-soft: #242426;--vt-c-gold-base-rgb: 212, 175, 55;--shadow-light: rgba(255, 255, 255, .03);--shadow-dark: rgba(0, 0, 0, .2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card{background-color:var(--color-background);border-radius:12px;box-shadow:0 2px 8px var(--shadow-dark);overflow:hidden}.button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none}.button-primary{background-color:var(--vt-c-gold);color:#fff}.button-primary:hover{background-color:var(--vt-c-gold-dark)}.button-secondary{background-color:var(--vt-c-gold-light);color:var(--vt-c-gold)}.button-secondary:hover{background-color:rgba(var(--vt-c-gold-base-rgb),.2)}.list{display:flex;flex-direction:column;gap:16px}.list-item{display:flex;align-items:center;padding:16px;background-color:var(--color-background);border-radius:12px;box-shadow:0 2px 8px var(--shadow-dark)}.scroll-area{display:flex;overflow-x:auto;gap:12px;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none}.scroll-area::-webkit-scrollbar{display:none}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge-primary{background-color:var(--vt-c-gold);color:#fff}.badge-secondary{background-color:var(--vt-c-gold-light);color:var(--vt-c-gold)}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.section-title{font-size:16px;font-weight:600;color:var(--color-heading);margin:0 0 16px}.gradient-bg{background:linear-gradient(135deg,var(--vt-c-gold) 0%,var(--vt-c-gold-dark) 100%);color:#fff}:root{--ios-blue: #007AFF;--ios-green: #34C759;--ios-red: #FF3B30;--ios-orange: #FF9500;--ios-yellow: #FFCC00;--ios-purple: #5856D6;--ios-pink: #FF2D55;--ios-gray: #8E8E93;--ios-light-gray: #F2F2F7;--ios-dark-gray: #1C1C1E;--bg-primary: #FFFFFF;--bg-secondary: #F2F2F7;--bg-tertiary: #E5E5EA;--text-primary: #000000;--text-secondary: #8E8E93;--text-tertiary: #C7C7CC;--border-color: #C6C6C8;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 6px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 20px;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700}#app{max-width:1280px;margin:0 auto;font-weight:400}.app-container{display:flex;flex-direction:column;height:100vh;width:100%;max-width:1200px;margin:0 auto;padding:0;overflow:hidden;background-color:var(--color-background)}@media (max-width: 768px){.app-container{height:100vh;height:-webkit-fill-available;max-width:100%;margin:0}}.search-bar[data-v-ec040e5c]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.search-input[data-v-ec040e5c]{display:flex;align-items:center;background-color:var(--color-background-soft);border-radius:20px;padding:8px 12px;flex:1;margin-right:12px;transition:background-color .2s ease}.search-icon[data-v-ec040e5c]{margin-right:8px;color:var(--vt-c-text-light-2)}.search-input input[data-v-ec040e5c]{border:none;background:transparent;width:100%;font-size:14px;outline:none;color:var(--color-text)}.search-input input[data-v-ec040e5c]::placeholder{color:var(--vt-c-text-light-2)}.user-avatar[data-v-ec040e5c]{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid var(--color-border)}.user-avatar img[data-v-ec040e5c]{width:100%;height:100%;object-fit:cover}@media (prefers-color-scheme: dark){.search-input[data-v-ec040e5c]{background-color:var(--color-background-mute)}.search-icon[data-v-ec040e5c]{color:var(--vt-c-text-dark-2)}.search-input input[data-v-ec040e5c]::placeholder{color:var(--vt-c-text-dark-2)}}.bottom-nav[data-v-f7a988fe]{display:flex;justify-content:space-around;align-items:center;background-color:var(--color-background);border-top:1px solid var(--color-border);padding:8px 0;position:fixed;bottom:0;left:0;right:0;z-index:10}.nav-item[data-v-f7a988fe]{display:flex;flex-direction:column;align-items:center;padding:6px 0;width:20%;cursor:pointer}.nav-icon[data-v-f7a988fe]{margin-bottom:4px;color:var(--vt-c-text-light-2);width:24px;height:24px;display:flex;justify-content:center;align-items:center;transition:color .2s ease}.nav-label[data-v-f7a988fe]{font-size:12px;color:var(--vt-c-text-light-2);transition:color .2s ease}.nav-item.active .nav-icon[data-v-f7a988fe]{color:var(--vt-c-gold)}.nav-item.active .nav-label[data-v-f7a988fe]{color:var(--vt-c-gold);font-weight:500}@media (prefers-color-scheme: dark){.nav-icon[data-v-f7a988fe],.nav-label[data-v-f7a988fe]{color:var(--vt-c-text-dark-2)}.nav-item.active .nav-icon[data-v-f7a988fe],.nav-item.active .nav-label[data-v-f7a988fe]{color:var(--vt-c-gold)}}.parent-interface[data-v-25dee3e1]{display:flex;flex-direction:column;height:100vh;width:100%;max-width:100%;background-color:var(--color-background-soft);font-family:-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.main-content[data-v-25dee3e1]{flex:1;overflow-y:auto;padding:16px 16px 70px;background-color:var(--color-background-soft)}@media (prefers-color-scheme: dark){.parent-interface[data-v-25dee3e1],.main-content[data-v-25dee3e1]{background-color:var(--color-background)}}.role-selection-container[data-v-6801c196]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;background:linear-gradient(135deg,var(--color-background-soft) 0%,var(--color-background) 100%);font-family:-apple-system,BlinkMacSystemFont,sans-serif;padding:20px;overflow-x:hidden}.selection-header[data-v-6801c196]{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:50px;padding-top:30px;animation:fadeInDown-6801c196 .8s ease-out}.app-logo[data-v-6801c196]{margin-bottom:20px;animation:pulse-6801c196 3s infinite ease-in-out}.selection-header h1[data-v-6801c196]{font-size:32px;font-weight:700;color:var(--color-heading);margin-bottom:12px;background:linear-gradient(90deg,#7e9ce6,#e6a07e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.selection-header p[data-v-6801c196]{font-size:18px;color:var(--color-text-light);max-width:500px}.selection-panel[data-v-6801c196]{background-color:var(--color-background);border-radius:24px;padding:40px;box-shadow:0 8px 32px #00000014;margin-bottom:30px;width:100%;max-width:800px;animation:fadeIn-6801c196 .8s ease-out;position:relative;overflow:hidden}.selection-panel[data-v-6801c196]:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#7e9ce6,#e6a07e);border-radius:24px 24px 0 0}.selection-title[data-v-6801c196]{font-size:24px;font-weight:600;color:var(--color-heading);margin-bottom:40px;text-align:center;display:flex;align-items:center;justify-content:center;position:relative}.back-button[data-v-6801c196]{position:absolute;left:0;background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.back-button[data-v-6801c196]:hover{background-color:#0000000d;transform:translate(-5px)}.selection-options[data-v-6801c196]{display:flex;justify-content:center;gap:40px;margin-top:30px}.selection-option[data-v-6801c196]{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:20px;border-radius:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:200px}.selection-option[data-v-6801c196]:hover{background-color:#00000008;transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.option-icon[data-v-6801c196]{position:relative;display:flex;flex-direction:column;align-items:center;transition:all .3s ease}.parent-icon[data-v-6801c196],.student-icon[data-v-6801c196],.male-icon[data-v-6801c196],.female-icon[data-v-6801c196]{position:relative}.parent-icon[data-v-6801c196]:after,.student-icon[data-v-6801c196]:after,.male-icon[data-v-6801c196]:after,.female-icon[data-v-6801c196]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:15px;background:radial-gradient(ellipse at center,#0000001a,#0000 70%);border-radius:50%;z-index:-1;opacity:0;transition:opacity .3s ease}.selection-option:hover .option-icon[data-v-6801c196]:after{opacity:1}.option-label[data-v-6801c196]{font-size:22px;font-weight:600;color:var(--color-text);margin-top:15px;transition:all .3s ease}.selection-option:hover .option-label[data-v-6801c196]{transform:scale(1.1)}@keyframes fadeIn-6801c196{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown-6801c196{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-6801c196{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.loading-overlay[data-v-6801c196]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .3s ease}.loading-spinner[data-v-6801c196]{width:50px;height:50px;border:5px solid rgba(126,156,230,.3);border-radius:50%;border-top-color:#7e9ce6;animation:spin-6801c196 1s ease-in-out infinite}@keyframes spin-6801c196{to{transform:rotate(360deg)}}@media (max-width: 768px){.selection-header[data-v-6801c196]{padding-top:20px;margin-bottom:30px}.selection-header h1[data-v-6801c196]{font-size:26px}.selection-panel[data-v-6801c196]{padding:30px 20px}.selection-options[data-v-6801c196]{flex-direction:column;align-items:center;gap:20px}.selection-option[data-v-6801c196]{width:100%;max-width:280px;flex-direction:row;justify-content:center;align-items:center;gap:20px;padding:15px}.option-icon[data-v-6801c196]{margin-bottom:0;margin-right:10px}}