@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap";:root{--bg: rgb(255, 255, 255);--card: #ffffff;--hover: #ffffff;--success: #7be3c4;--error: #c62828;--muted: #f2f4f6;--primary: #7be3c4;--primary-dark: #66cbb0;--text: #000000;--border: #fff}body{margin:0;padding:0;font-family:Inter,sans-serif;background:var(--bg);color:var(--text);letter-spacing:.2px;overflow-x:hidden}a{text-decoration:none;color:inherit}.page{max-width:1200px;margin:0 auto;padding:24px;width:100%;box-sizing:border-box}h1,h2,p{text-align:center}.database-app{padding-top:var(--nav-height);min-height:calc(100vh - var(--nav-height));padding:24px;box-sizing:border-box}.school-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px}.school-poster{background:var(--card);padding:22px;color:#000;border-radius:16px;box-shadow:0 4px 14px #00000040;transition:.3s ease}.school-poster img{width:100%;height:auto;border-radius:12px;margin-bottom:16px}button,.btn{padding:12px 22px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#000;border-radius:12px;border:none;cursor:pointer;font-weight:700;transition:.3s ease}.search-form{display:flex;justify-content:center;align-items:center;gap:12px;margin:40px auto;max-width:600px;background:var(--card);padding:16px 22px;border-radius:14px;animation:fadeIn .6s ease}.search-form input{flex:1;padding:12px 16px;border-radius:10px;background:#fff;color:var(--text);font-size:15px;transition:.25s ease}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.subject{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:12px;cursor:pointer;background:#e6e6e6;font-weight:500;transition:.25s}input[type=checkbox]{transform:scale(1.3);accent-color:var(--success);cursor:pointer}input[type=text],input[type=career]{width:100%;padding:14px;border-radius:10px;border:1px solid #333;background:#fff;color:#000;font-size:1rem}input:focus{border-color:var(--success);outline:none}.flash{background:#2a0f0f;color:var(--error);text-align:center;padding:14px;margin-bottom:12px;border-radius:12px;font-weight:600}.success{background:#0f2a1e;padding:14px;text-align:center;border-radius:12px;font-weight:600}.submitform{background:#4caf50;align-self:center;display:block;color:#fff;margin:25px auto 0}.btn-center{text-align:center}form{display:flex;flex-direction:column}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fefefe;padding:35px 45px;width:420px;border-radius:20px;box-shadow:0 20px 50px #81818159;animation:fadeIn .6s ease}.password-wrapper{position:relative}.toggle-password{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.2rem;color:#aaa;transition:.25s}table{width:100%;border-collapse:collapse;margin-top:15px;background:var(--card)}th,td{padding:10px;border:1px solid #333}th{background:var(--success);color:#000}footer{text-align:center;margin-top:20px;font-size:.9rem;color:#999}footer a{color:var(--success);font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-creator{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:800px;margin:2rem auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group textarea{resize:vertical}.questions-section{margin:2rem 0;padding:1.5rem;background:#f8f9fa;border-radius:6px}.question-input{margin-bottom:1rem}.question-input input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px}.generated-url{margin-top:2rem;padding:1.5rem;background:#e8f5e9}.url-display{display:flex;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;background:#fff;border-radius:4px;border:1px solid #ddd}.url-display code{flex:1;font-family:monospace;color:#333}.copy-btn{background:#4caf50;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.generated-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:800px;margin:2rem auto}.form-description{color:#666;margin-bottom:2rem;line-height:1.6}.form-field{margin-bottom:1.5rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-field input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.link-color{color:#4caf50}.thank-you{text-align:center;padding:4rem 2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:600px;margin:4rem auto}.thank-you h2{color:#4caf50;margin-bottom:1rem}@media(max-width:768px){.database-app{padding:70px 16px 16px}.page{padding:16px}}:root{--nav-height: 70px;--primary: #7BE3C4;--primary-dark: #66CBB0;--muted: #F2F4F6;--text: #000000;--bg: #FFFFFF}body{margin:0;padding:0;background:var(--bg);color:var(--text)}.main-content{padding-top:var(--nav-height);min-height:100vh}.backbtn{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000;box-shadow:0 1px 3px #0000000d;box-sizing:border-box}.backbtn h1{font-size:1.2rem;font-weight:600;margin:0;color:var(--text)}.LogoNav{width:40px;height:40px;cursor:pointer;transition:transform .2s}.LogoNav:hover{transform:scale(1.05)}.navbar2{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:flex-end;padding:0 20px;box-sizing:border-box}.Home-Nav{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s}.Home-Nav:hover{background:var(--muted)}.Home-Nav img{width:28px;height:28px}.mobile-dropdown{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:#fff;padding:80px 20px 30px;transition:right .3s ease;z-index:1050;box-shadow:-2px 0 10px #0000001a;box-sizing:border-box}.mobile-dropdown.open{right:0}.menu-overlay{position:fixed;inset:0;background:#0000004d;z-index:1040;opacity:0;visibility:hidden;transition:all .2s}.menu-overlay.active{opacity:1;visibility:visible}.mobile-dropdown-header{position:absolute;top:15px;right:15px}.menu-close-btn{background:var(--muted);border:none;cursor:pointer;padding:10px;border-radius:50%;width:40px;height:40px}.close-icon{width:20px;height:20px}.menubtn{display:flex;flex-direction:column;gap:15px}.mobile-dropdown a{background:var(--muted);padding:14px 20px;border-radius:12px;text-decoration:none;color:var(--text);font-weight:500;text-align:center;transition:all .2s}.mobile-dropdown a:hover{background:var(--primary);transform:translate(-5px)}.AdminNav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;padding:10px;border-top:1px solid var(--border);z-index:100}.Admin-btn{background:none;border:none;padding:10px 20px;cursor:pointer;font-size:1rem;border-radius:8px}.Admin-btn.active{background:var(--primary);font-weight:700}@media(max-width:768px){:root{--nav-height: 60px}.backbtn h1{font-size:1rem}.LogoNav{width:35px;height:35px}}@media(max-width:480px){:root{--nav-height: 55px}.mobile-dropdown{width:100%;right:-100%}.mobile-dropdown.open{right:0}}.auth-main-content{max-width:500px;margin:80px auto 0;padding:40px 20px 60px}.form-header{text-align:center;margin-bottom:40px}.form-header h1{font-size:2rem;color:#1a1a1a;margin-bottom:12px;font-weight:700}.form-header p{color:#666;font-size:1rem;line-height:1.5}form{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:40px 35px}.school-name,.school-pass{margin-bottom:28px}.school-name h2,.school-pass h2{font-size:.9rem;margin-bottom:10px;color:#333;font-weight:500}.input-register{width:100%;padding:14px 16px;font-size:1rem;border:1px solid #e5e7eb;border-radius:12px;background:#ffffffe6;transition:all .3s ease;box-sizing:border-box}.input-register:focus{outline:none;border-color:#7be3c4;box-shadow:0 0 0 3px #7be3c41a}.input-register.valid{border-color:#7be3c4}.input-register.invalid{border-color:#ef4444}.password-input-container{position:relative;width:100%}.password-input-container .input-register{padding-right:45px}.password-toggle-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#999}.password-toggle-btn:hover{color:#7be3c4}.error-message{color:#ef4444;font-size:.8rem;margin-top:8px;display:block}.error-message-container{background:#fee2e2e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;padding:14px 18px;margin-bottom:25px}.error-message-text{color:#ef4444;font-size:.9rem}.success-message-container{background:#d1fae5e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;padding:14px 18px;margin-bottom:25px}.success-message-text{color:#065f46;font-size:.9rem}.terms{display:flex;align-items:flex-start;gap:12px;margin:30px 0 25px}.terms-click{width:18px;height:18px;margin-top:3px;cursor:pointer;accent-color:#7BE3C4}.terms label{font-size:.85rem;color:#555;line-height:1.5}.terms a{color:#7be3c4;text-decoration:none;font-weight:500}.terms a:hover{text-decoration:underline}.form-actions{margin-top:15px}.submit-btn{width:100%;background:#7be3c4;border:none;padding:15px;border-radius:40px;font-size:1rem;font-weight:600;color:#1a1a1a;cursor:pointer;transition:all .3s ease}.submit-btn:hover:not(.disabled){background:#66cbb0;transform:translateY(-2px);box-shadow:0 5px 15px #7be3c44d}.submit-btn.disabled,.submit-btn:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.form-footer{text-align:center;margin-top:30px;padding-top:25px;border-top:1px solid #e5e7eb}.form-footer p{color:#666;font-size:.9rem;margin:0}.form-footer a{color:#7be3c4;text-decoration:none;font-weight:500}.form-footer a:hover{text-decoration:underline}.backbtn{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:70px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:1000}.backbtn img:first-child{width:24px;height:24px;cursor:pointer}.backbtn h1{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0}.LogoNav{width:40px;height:40px;cursor:pointer}@media(max-width:600px){.auth-main-content{padding:30px 20px 50px;margin-top:70px}form{padding:30px 25px}.form-header{margin-bottom:30px}.form-header h1{font-size:1.6rem}.school-name,.school-pass{margin-bottom:22px}.terms{margin:25px 0 20px}.backbtn{padding:0 16px;height:60px}.backbtn h1{font-size:1rem}.LogoNav{width:32px;height:32px}}@media(max-width:480px){.auth-main-content{padding:20px 15px 40px;margin-top:60px}form{padding:25px 20px}.input-register{padding:12px 14px}.submit-btn{padding:12px}.form-footer{margin-top:25px;padding-top:20px}}.AdminNav{display:flex;padding:10px;justify-content:center;align-items:center;gap:2rem;position:relative;background:#fff}.Admin-btn{background:transparent;border:none;color:#666;padding:8px 16px;font-size:16px;cursor:pointer;position:relative;font-weight:400;display:flex;flex-direction:column;align-items:center}.Admin-btn.active{color:#a5ecd7;font-weight:600}.Admin-btn.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:80%;height:2px;background-color:#7be3c4;border-radius:1px}@media(max-width:768px){.AdminNav{flex-direction:column;gap:1rem;padding:15px}.Admin-btn{width:100%;text-align:center;padding:12px 0}.Admin-btn.active:after{width:60%}}*{box-sizing:border-box;margin:0;padding:0}.page{min-height:100vh;background:#fff;font-family:serif;padding-top:10px}.flex-center{display:flex;align-items:center;justify-content:center}.top-bar{background:#e0e0e0;padding:12px 0;display:flex;justify-content:center;gap:12px}.pill-btn{border:none;padding:8px 24px;border-radius:999px;font-size:16px;cursor:pointer;font-family:serif;transition:all .2s ease}.pill-btn.dark{background:#9e9e9e;color:#000}.pill-btn.dark:hover:not(:disabled){background:#8e8e8e}.pill-btn.light{background:#d9d9d9;display:inline-block;margin:0;padding:10px 30px}.pill-btn.light:hover:not(:disabled){background:#c9c9c9;transform:translateY(-1px)}.pill-btn.small{padding:6px 12px;background:#f0f0f0;color:#333;display:inline-block;margin:4px;font-size:14px}.pill-btn.small.disabled{background:#e0e0e0;color:#888;cursor:not-allowed;opacity:.6}.content{max-width:1200px;margin:0 auto;padding:20px;position:relative}.content h1{font-size:2rem;margin-bottom:10px;font-weight:400}.content hr{border:none;height:1px;background:#e0e0e0;margin:20px 0;width:100%}.section-title{margin-top:30px;font-weight:400;font-size:1.5rem;margin-bottom:15px;text-align:left}.math-buttons-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:15px 0}.common-subjects-grid{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.pill-input{width:100%;padding:12px 20px;border-radius:999px;border:1px solid #e0e0e0;background:#fff;font-size:16px;font-family:serif;outline:none;transition:all .2s ease}.pill-input:focus{border-color:#7be3c4;box-shadow:0 0 0 2px #7be3c433}.color-row{display:flex;gap:10px;margin-top:10px}.add-btn{padding:0 18px;border-radius:999px;border:none;background:#a5ecd7;cursor:pointer;font-family:serif;font-size:16px;transition:all .2s ease;white-space:nowrap}.add-btn:hover:not(:disabled){background:#95dcc7}.add-btn:disabled{opacity:.5;cursor:not-allowed}.added-items{margin:25px 0;text-align:left}.added-items h3{font-size:1.1rem;font-weight:400;margin-bottom:10px;color:#555}.items-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.item-pill{display:flex;align-items:center;gap:8px;background:#f0f0f0;padding:6px 16px;border-radius:999px;border:1px solid #e0e0e0}.item-pill span{color:#333;font-weight:500}.remove-btn{background:#e0e0e0;color:#666;border:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.remove-btn:hover{background:#ccc}.subject-breakdown{font-size:12px;color:#666;margin-bottom:10px}.streamsubject-btn{display:flex;gap:8px;justify-content:center;margin-top:20px}.header-actions{position:sticky;top:70px;background:#fff;z-index:99;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid #e0e0e0;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:20px;align-items:start}.form-builder-col{grid-column:1 / 2;max-height:calc(100vh - 200px);overflow-y:auto;padding-right:15px}.form-builder-col::-webkit-scrollbar{width:8px}.form-builder-col::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.form-builder-col::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.form-builder-col::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.preview-col{grid-column:2 / 3;position:sticky;top:120px;align-self:flex-start;height:fit-content;max-height:calc(100vh - 150px);overflow-y:auto}.preview-col::-webkit-scrollbar{width:6px}.preview-col::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.preview-col::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.form-grid:not(:has(.preview-col)){grid-template-columns:1fr}.form-grid:not(:has(.preview-col)) .form-builder-col{max-height:none;overflow-y:visible}.preview-title{font-size:1.2rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #7BE3C4;display:inline-block;font-weight:500}.preview-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;overflow:hidden;border:1px solid #eee}.preview-header{background:#f8f9fa;padding:25px 20px;text-align:center}.preview-header h2{font-size:1.3rem;margin-bottom:8px;color:#1a1a1a;font-weight:600}.preview-header p{color:#666;font-size:.9rem}.preview-content{padding:20px}.preview-field{margin-bottom:20px}.preview-field label{display:block;font-size:.85rem;font-weight:500;color:#555;margin-bottom:8px}.preview-input{background:#f5f5f5;padding:10px 12px;border-radius:8px;color:#999;font-size:.9rem;letter-spacing:1px}.preview-streams{display:flex;flex-wrap:wrap;gap:8px}.preview-option{background:#f0f0f0;padding:6px 14px;border-radius:20px;font-size:.8rem;color:#555}.preview-subjects{display:flex;flex-wrap:wrap;gap:8px}.preview-subject{background:#e8f8f3;padding:6px 14px;border-radius:20px;font-size:.8rem;color:#1a1a1a}.preview-more{background:#f0f0f0;padding:6px 14px;border-radius:20px;font-size:.8rem;color:#999}.preview-rules{margin:0;padding-left:20px}.preview-rules li{font-size:.8rem;color:#666;margin-bottom:5px}.preview-submit-btn{width:100%;padding:12px;border:none;border-radius:40px;font-size:.9rem;font-weight:600;color:#1a1a1a;cursor:default;margin-top:15px}.generate-section{margin-top:40px;padding-top:20px;border-top:1px solid #eee}.status-info{margin-top:20px;padding:15px;background:#f8f8f8;border-radius:8px;text-align:center;color:#555}.generate-btn{padding:12px 30px;border:none;border-radius:999px;font-family:serif;font-size:16px;cursor:pointer;transition:all .2s;display:block;width:100%;max-width:400px;margin:20px auto 0}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.generate-btn.loading{position:relative;color:transparent}.generate-btn.loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid white;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%)}.generated-url-container{margin-top:20px;padding:15px;background:#e8f8f3;border-radius:12px;text-align:center}.url-display{display:flex;gap:10px;margin-top:10px}.url-display input{flex:1;padding:8px;border:1px solid #ccc;border-radius:8px;font-size:12px}.url-display button{padding:8px 16px;background:#7be3c4;border:none;border-radius:8px;cursor:pointer}@media(max-width:768px){.content{padding:15px}.form-grid{grid-template-columns:1fr!important;gap:30px}.form-builder-col{grid-column:1 / 2;max-height:none;overflow-y:visible;padding-right:0}.preview-col{grid-column:1 / 2;position:static;margin-top:30px;max-height:none}.header-actions{position:static;justify-content:center;top:auto}.color-row{flex-direction:column}.add-btn{width:100%;padding:12px 0}}@media(max-width:480px){.section-title{font-size:1.3rem}.pill-btn{padding:6px 16px;font-size:14px}.preview-header h2{font-size:1.1rem}.preview-header p{font-size:.8rem}.preview-content{padding:15px}}.preview-option,.preview-subject{transition:all .3s ease;cursor:default;display:inline-block;padding:6px 14px;border-radius:20px;font-size:.8rem;background:#7be3c426;border:1px solid #7BE3C4;color:#1a1a1a}.preview-option:hover,.preview-subject:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.preview-submit-btn{width:100%;padding:12px;border:none;border-radius:40px;font-size:.9rem;font-weight:600;cursor:default;margin-top:15px;transition:all .3s ease;color:#1a1a1a}.preview-submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.capacity-warning-banner{background:#fff3e0;border:1px solid #ff9800;border-radius:8px;padding:10px;margin-bottom:16px;font-size:12px;color:#e65100;display:flex;align-items:center;gap:8px}.builder-section{margin-bottom:24px;padding:16px;background:#fafafa;border-radius:12px}.section-buttons{display:flex;gap:12px;margin-bottom:16px}.options-panel{margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.options-panel h4{font-size:14px;margin-bottom:10px;color:#555}.math-buttons-container,.common-subjects-grid{display:flex;flex-wrap:wrap;gap:8px}.color-row{display:flex;gap:10px}.pill-input{flex:1;padding:10px 16px;border:1px solid #e0e0e0;border-radius:30px;font-size:14px}.add-btn{padding:0 20px;border-radius:30px;border:none;background:#a5ecd7;cursor:pointer;display:flex;align-items:center;gap:6px}.streams-list-container{display:flex;flex-direction:column;gap:12px}.stream-card-item{background:#fff;border-radius:12px;padding:14px;border:1px solid #e8e8e8}.stream-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.stream-title{display:flex;align-items:center;gap:10px}.stream-letter{font-weight:700;font-size:14px;background:#7be3c4;padding:2px 10px;border-radius:14px}.stream-name{font-weight:500}.remove-stream-btn{background:none;border:none;cursor:pointer;color:#999;padding:4px}.stream-subjects-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;color:#666}.subjects-label{display:flex;align-items:center;gap:4px}.edit-subjects-btn{background:#f0f0f0;border:none;border-radius:16px;padding:4px 12px;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:4px}.stream-capacity-section{border-top:1px solid #eee;padding-top:10px}.capacity-stats{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px}.capacity-stat{display:flex;align-items:center;gap:4px}.capacity-input-small{width:60px;padding:3px 6px;border:1px solid #ccc;border-radius:6px;font-size:11px}.edit-capacity-small,.save-capacity-small{background:none;border:none;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:14px}.edit-capacity-small:hover{background:#e0e0e0}.save-capacity-small{color:#fff}.capacity-bar{height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden;margin-top:10px}.capacity-fill{height:100%;border-radius:2px}.capacity-warning-banner{background:#fff3e0;border:1px solid #ff9800;border-radius:8px;padding:10px;margin-top:12px;font-size:12px;color:#e65100;display:flex;align-items:center;gap:8px}.global-subjects-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.global-subject-item{background:#fff;padding:4px 12px;border-radius:20px;border:1px solid #e0e0e0;font-size:13px;display:flex;align-items:center;gap:6px}.remove-subject-btn,.rule-item button{background:none;border:none;cursor:pointer;color:#999}.rules-list{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.rule-item{background:#fff;padding:4px 12px;border-radius:20px;border:1px solid #e0e0e0;font-size:12px;display:flex;align-items:center;gap:6px}.register-section{background:#f5f5f5}.register-status{background:#e8f5e9;padding:8px 12px;border-radius:8px;font-size:12px;display:flex;align-items:center;gap:6px;margin-bottom:12px}.register-upload-area p{font-size:13px;margin-bottom:5px}.format-hint{font-size:11px;color:#888}.file-input-group{display:flex;gap:10px;margin-top:10px}.upload-btn{padding:6px 16px;border:none;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:6px}.warning{font-size:11px;color:#ff9800;margin-top:8px}.status-info{margin:20px 0;padding:12px;background:#f0f0f0;border-radius:10px;text-align:center;font-size:13px}.generate-btn{width:100%;padding:12px;border:none;border-radius:30px;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.generated-url-container{margin-top:16px;padding:12px;background:#e8f8f3;border-radius:10px}.url-display{display:flex;gap:8px;margin-top:8px}.url-display input{flex:1;padding:6px 10px;border:1px solid #ccc;border-radius:6px;font-size:11px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;width:700px;max-width:90%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;font-size:18px}.modal-close{background:none;border:none;cursor:pointer;padding:4px}.modal-search{display:flex;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid #e0e0e0}.modal-search .search-input{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px}.modal-body{flex:1;overflow-y:auto;padding:20px}.selected-section{margin-bottom:24px}.section-header-inline{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.selected-count{font-size:12px;color:#666}.selected-subjects-list{display:flex;flex-wrap:wrap;gap:8px;min-height:50px;max-height:120px;overflow-y:auto;padding:8px;background:#f9f9f9;border-radius:8px}.selected-subject-item{background:#7be3c4;padding:4px 10px;border-radius:20px;font-size:13px;display:flex;align-items:center;gap:6px}.selected-subject-item button{background:none;border:none;cursor:pointer}.empty-selected{color:#999;font-size:13px;padding:8px}.available-section strong{display:block;margin-bottom:12px}.subjects-grid-modal{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;max-height:300px;overflow-y:auto;padding:4px}.subject-item-modal{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s}.subject-item-modal:hover{background:#f5f5f5}.subject-item-modal.selected{border-color:#7be3c4;background:#7be3c41a}.no-results{text-align:center;color:#999;padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e0e0e0}.modal-cancel{padding:8px 20px;border:1px solid #ccc;border-radius:8px;background:#fff;cursor:pointer}.modal-save{padding:8px 24px;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px}.preview-stream-item{margin-bottom:8px}.preview-option{display:inline-block;padding:4px 12px;border:1px solid;border-radius:20px;font-size:12px}.preview-stream-subjects{margin-top:4px;padding-left:16px;font-size:10px;color:#888}.preview-subject{display:inline-block;padding:4px 10px;border:1px solid;border-radius:20px;font-size:11px;margin:3px}.preview-submit-btn{width:100%;padding:10px;border:none;border-radius:30px;color:#1a1a1a;font-weight:600;cursor:default;margin-top:15px}.spinner{animation:spin 1s linear infinite}.note,.subject-breakdown{font-size:11px;color:#888;margin-top:8px}hr{margin:16px 0}.main-content{padding-top:70px;min-height:100vh;background:#fff}.hero-section{text-align:center;padding:60px 20px;background:#fff}.logo-glass{text-align:center;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:60px;padding:20px 40px;width:fit-content;margin-left:auto;margin-right:auto}.Logo-pic{width:100px;height:100px;margin-bottom:15px;display:block}.Logo-pick10 span{font-family:Playlist Script,cursive;font-size:3rem;font-weight:400;color:#1a1a1a;display:block;line-height:1.2}.Logo-pick10 p{font-family:Italiana,sans-serif;font-size:.85rem;color:#666;margin-top:8px;letter-spacing:1px}.hero-content{max-width:800px;margin:0 auto}.hero-content h1{font-size:2.2rem;margin-bottom:20px;color:#1a1a1a}.hero-content p{font-size:1.1rem;color:#666;margin-bottom:30px;line-height:1.5}.hero-buttons{display:flex;gap:15px;justify-content:center}.btn-primary{background:#7be3c4;border:none;padding:12px 32px;border-radius:40px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:#66cbb0;transform:translateY(-3px);box-shadow:0 8px 20px #7be3c44d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;border:2px solid #7BE3C4;padding:12px 32px;border-radius:40px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#7be3c4;transform:translateY(-3px);box-shadow:0 8px 20px #7be3c433}.btn-secondary:active{transform:translateY(0)}.features-section{padding:80px 20px;background:#f9fafb}.features-section h2{text-align:center;font-size:2rem;margin-bottom:50px;color:#1a1a1a}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1200px;margin:0 auto}.feature-card{text-align:center;padding:30px 20px;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.feature-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#7be3c41a;border-radius:16px;margin:0 auto 20px;color:#7be3c4}.feature-card h3{font-size:1.2rem;margin-bottom:15px;color:#1a1a1a}.feature-card p{font-size:.9rem;color:#666;line-height:1.5}.about-section{padding:80px 20px;background:#fff}.about-container{max-width:1000px;margin:0 auto;text-align:center}.about-section h2{font-size:2rem;margin-bottom:20px;color:#1a1a1a}.about-intro{font-size:1.1rem;color:#666;margin-bottom:50px;line-height:1.6}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:20px}.about-card{padding:40px 30px;background:#f9fafbcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px;text-align:center;transition:all .3s ease}.about-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000014}.about-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#7be3c41a;border-radius:50%;margin:0 auto 20px;color:#7be3c4}.about-card h3{font-size:1.3rem;margin-bottom:15px;color:#1a1a1a}.about-card p{font-size:1rem;color:#666;line-height:1.5}.how-it-works{padding:80px 20px;background:#f9fafb}.how-it-works h2{text-align:center;font-size:2rem;margin-bottom:50px;color:#1a1a1a}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1000px;margin:0 auto}.step{text-align:center;transition:all .3s ease}.step:hover{transform:translateY(-5px)}.step-number{width:50px;height:50px;background:#7be3c4e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.5rem;font-weight:700;color:#1a1a1a;transition:all .3s ease}.step:hover .step-number{background:#7be3c4;transform:scale(1.1)}.step h3{font-size:1.1rem;margin-bottom:10px;color:#1a1a1a}.step p{font-size:.9rem;color:#666;line-height:1.4}.career-fields-section{padding:80px 20px;background:#fff;text-align:center}.career-fields-section h2{font-size:2rem;margin-bottom:40px;color:#1a1a1a}.career-fields-grid{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.career-field-item{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#fff;border-radius:40px;font-size:14px;font-weight:500;color:#334155;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease}.career-field-item:hover{transform:translateY(-3px);border-color:#7be3c4;box-shadow:0 6px 15px #7be3c433;color:#7be3c4}.career-field-item svg{color:#7be3c4}.cta-section{text-align:center;padding:80px 20px;background:#7be3c4}.cta-section h2{font-size:2rem;margin-bottom:15px;color:#1a1a1a}.cta-section p{font-size:1.1rem;margin-bottom:30px;color:#333}.btn-primary-large{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:none;padding:14px 42px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;animation:gentleFloat 2s ease-in-out infinite;color:#1a1a1a;position:relative;overflow:hidden;z-index:1}.btn-primary-large:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#7be3c4,#66cbb0,#7be3c4);transition:all .5s ease;z-index:-1;border-radius:50px}.btn-primary-large:hover:before{left:0}.btn-primary-large:hover{color:#1a1a1a;transform:translateY(-4px) scale(1.02);box-shadow:0 15px 30px #7be3c466;animation:none}.btn-primary-large span,.btn-primary-large svg{position:relative;z-index:2;transition:color .3s ease}.btn-primary-large:hover span,.btn-primary-large:hover svg{color:#1a1a1a}@keyframes gentleFloat{0%{transform:translateY(0);box-shadow:0 5px 15px #0000001a}50%{transform:translateY(-4px);box-shadow:0 12px 25px #7be3c440}to{transform:translateY(0);box-shadow:0 5px 15px #0000001a}}.btn-primary-large:active{transform:scale(.97);transition:all .05s ease}.welcome{width:350px;height:350px;background:#7be3c4;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.Login-btn{background:#fff;border:none;padding:14px 42px;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.Login-btn:hover{background:#66cbb0;transform:translateY(-3px);box-shadow:0 8px 20px #7be3c44d}.Login-btn:active{transform:translateY(0)}@media(max-width:1024px){.features-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-content h1{font-size:1.8rem}.hero-buttons{flex-direction:column;align-items:center}.features-grid,.steps-grid,.about-grid{grid-template-columns:1fr}.about-card{padding:30px 20px}.cta-section h2{font-size:1.5rem}.logo-glass{padding:15px 25px}.Logo-pic{width:70px;height:70px}.Logo-pick10 span{font-size:2rem}.career-fields-grid{gap:12px}.career-field-item{padding:8px 18px;font-size:12px}.feature-icon,.about-icon{width:48px;height:48px}.feature-icon svg,.about-icon svg{width:24px;height:24px}}@media(max-width:480px){.hero-content h1{font-size:1.5rem}.btn-primary,.btn-secondary{padding:10px 24px;width:100%;max-width:200px}.feature-card{padding:20px}.step-number{width:40px;height:40px;font-size:1.2rem}.logo-glass{padding:10px 20px}.Logo-pic{width:55px;height:55px}.Logo-pick10 span{font-size:1.5rem}.welcome{width:250px;height:250px}.career-fields-section h2,.features-section h2,.about-section h2,.how-it-works h2{font-size:1.8rem}}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}.dashboard-new{display:flex;min-height:calc(100vh - 70px);background:linear-gradient(135deg,#f5f7fa,#e8ecf1);position:relative}.dashboard-new:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(123,227,196,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.dashboard-sidebar{width:280px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid rgba(123,227,196,.2);display:flex;flex-direction:column;position:fixed;height:calc(100vh - 70px);overflow-y:auto;z-index:1}.dashboard-sidebar::-webkit-scrollbar{width:6px}.dashboard-sidebar::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#7be3c480;border-radius:10px}.sidebar-header{padding:30px 20px;text-align:center;border-bottom:1px solid rgba(123,227,196,.2)}.school-avatar{width:60px;height:60px;background:linear-gradient(135deg,#7be3c4,#66cbb0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;margin:0 auto 15px;box-shadow:0 4px 15px #7be3c44d}.sidebar-header h3{font-size:16px;margin-bottom:5px;color:#333}.sidebar-header p{font-size:12px;color:#666}.sidebar-nav{flex:1;padding:20px 0}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 24px;border:none;background:none;cursor:pointer;font-size:14px;color:#555;transition:all .3s ease;position:relative}.nav-item.active{background:#7be3c426;color:#7be3c4;border-right:3px solid #7BE3C4}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#7be3c4}.sidebar-footer{padding:20px;border-top:1px solid rgba(123,227,196,.2)}.logout-button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:#ef44441a;cursor:pointer;font-size:14px;color:#ef4444;border-radius:8px}.dashboard-main{flex:1;margin-left:280px;padding:30px;position:relative;z-index:1}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:15px 25px;border-radius:20px;border:1px solid rgba(123,227,196,.2)}.main-header h1{font-size:24px;font-weight:600;color:#333;margin:0}.new-form-btn{background:#7be3c4;border:none;padding:10px 20px;border-radius:10px;color:#1a1a1a;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.stat-card{background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:20px;border-top:4px solid;box-shadow:0 2px 10px #0000000d;position:relative;overflow:hidden}.stat-value{font-size:32px;font-weight:700;color:#333;margin-bottom:5px}.stat-label{font-size:14px;color:#666}.stat-icon-large{position:absolute;right:20px;bottom:20px;font-size:40px;opacity:.1}.quick-actions{background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:20px;margin-bottom:30px;border:1px solid rgba(123,227,196,.2)}.quick-actions h2{font-size:18px;margin-bottom:15px;color:#333}.action-buttons{display:flex;gap:12px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid rgba(123,227,196,.3);background:#fffc;border-radius:10px;cursor:pointer}.recent-section{background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:20px;border:1px solid rgba(123,227,196,.2)}.recent-section h2{font-size:18px;margin-bottom:15px;color:#333}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(0,0,0,.05)}.recent-item:last-child{border-bottom:none;padding-bottom:0}.recent-info h3{font-size:16px;margin-bottom:5px}.recent-info p{display:flex;align-items:center;gap:4px;font-size:12px;color:#999;margin:0}.recent-stats{display:flex;gap:15px;font-size:13px;color:#666}.view-btn{display:flex;align-items:center;gap:6px;padding:6px 16px;border:1px solid rgba(123,227,196,.3);background:#fffc;border-radius:8px;cursor:pointer}.forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.form-card-new{background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid rgba(123,227,196,.2)}.form-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.form-card-header h3{font-size:16px;color:#333;margin:0}.form-date{display:flex;align-items:center;gap:4px;font-size:11px;color:#999}.form-card-stats{display:flex;gap:20px;margin-bottom:20px;padding:12px 0;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05)}.stat{display:flex;flex-direction:column}.stat-num{font-size:18px;font-weight:600;color:#333}.stat-text{font-size:11px;color:#999}.form-card-actions{display:flex;gap:10px}.form-view-btn,.form-copy-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:none;border-radius:8px;cursor:pointer;font-size:13px}.form-view-btn{background:#7be3c4;color:#1a1a1a}.form-copy-btn{background:#f0f0f0cc;color:#666}.submissions-table-container{background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;overflow-x:auto;border:1px solid rgba(123,227,196,.2)}.submissions-table{width:100%;border-collapse:collapse}.submissions-table th,.submissions-table td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(0,0,0,.05)}.submissions-table th{background:#7be3c41a;font-weight:600;color:#333}.subjects-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.export-bar{display:flex;justify-content:flex-end;margin-bottom:20px}.export-btn{display:flex;align-items:center;gap:8px;background:#7be3c4;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;font-weight:500}.export-subject-btn{background:#7be3c4;border:none;border-radius:4px;cursor:pointer;font-size:11px;padding:2px 8px;color:#333}.empty-row{text-align:center;padding:40px;color:#999}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.analytics-card{background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:20px;border:1px solid rgba(123,227,196,.2)}.analytics-card h3{font-size:16px;margin-bottom:15px;color:#333}.export-buttons{display:flex;flex-direction:column;gap:10px}.export-analytics-btn{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid rgba(123,227,196,.3);background:#fffc;border-radius:10px;cursor:pointer;text-align:left}.top-list{display:flex;flex-direction:column;gap:12px}.top-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05)}.top-count{font-weight:600;color:#7be3c4}.empty-state{text-align:center;padding:60px 20px;color:#999}.create-btn{display:flex;align-items:center;gap:8px;margin:15px auto 0;padding:10px 24px;background:#7be3c4;border:none;border-radius:10px;cursor:pointer}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(123,227,196,.2);border-top-color:#7be3c4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.delete-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a}.delete-modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #E5E7EB}.delete-modal-header h2{margin:0;font-size:20px;color:#111827}.delete-modal-body{padding:20px 24px}.delete-modal-body p{margin:0 0 8px;color:#374151}.delete-warning{color:#ef4444!important;font-weight:600;margin-bottom:16px!important}.delete-modal-body ul{margin:12px 0;padding-left:20px;color:#6b7280;font-size:14px}.delete-modal-body li{margin:8px 0}.delete-modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB;justify-content:flex-end}.cancel-btn{padding:8px 16px;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;font-size:14px;color:#374151}.confirm-delete-btn{padding:8px 16px;background:#ef4444;border:none;border-radius:6px;cursor:pointer;font-size:14px;color:#fff}.confirm-delete-btn:disabled,.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.form-streams-capacity{margin:15px 0;padding:12px;background:#f8f9fa;border-radius:10px}.form-streams-capacity h4{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:12px;color:#555}.streams-list{display:flex;flex-direction:column;gap:12px}.stream-capacity-item{padding:10px;background:#fff;border-radius:8px;border:1px solid #e8e8e8}.stream-header{display:flex;gap:10px;margin-bottom:8px}.stream-id{font-weight:700;font-size:13px;background:#7be3c4;padding:2px 8px;border-radius:12px;color:#1a1a1a}.stream-name{font-size:13px;font-weight:500;color:#333}.capacity-numbers{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px;color:#666}.capacity-bar{height:5px;background:#e0e0e0;border-radius:3px;overflow:hidden}.capacity-fill{height:100%;border-radius:3px}.toast{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.delete-modal{animation:modalSlideIn .3s ease-out}@media(max-width:768px){.dashboard-sidebar{width:80px}.sidebar-header h3,.sidebar-header p,.nav-item span:last-child{display:none}.dashboard-main{margin-left:80px;padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.forms-grid{grid-template-columns:1fr}.main-header{flex-direction:column;gap:15px;text-align:center}.main-header h1{font-size:20px}.action-buttons{justify-content:center}.recent-item{flex-direction:column;gap:10px;align-items:flex-start}.recent-stats{order:1}.view-btn{order:2}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.dashboard-main,.stat-card{padding:15px}.stat-value{font-size:28px}.form-card-new{padding:15px}.form-card-header{flex-direction:column;gap:8px}.form-card-stats{gap:15px}.submissions-table th,.submissions-table td{padding:8px 12px;font-size:12px}}.tab-content{margin-top:0}.header-buttons{display:flex;gap:12px;align-items:center}.refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fffc;border:1px solid rgba(123,227,196,.3);border-radius:10px;cursor:pointer;font-size:14px}.spinning{animation:spin 1s linear infinite}.last-updated-badge{font-size:11px;color:#999;margin-top:4px;display:flex;align-items:center;gap:6px}.capacity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.capacity-note{font-size:10px;color:#999}.filling-badge{background:#ff9800;color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600}.capacity-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#666;background:#f0f0f0cc;padding:2px 8px;border-radius:12px}.capacity-bar-wrapper{display:flex;align-items:center;gap:8px;margin-top:8px}.capacity-percent{font-size:10px;color:#666;min-width:35px}.stream-capacity-item.full{background:#fff3f0;border-color:#f44336}.registration-container{max-width:900px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;background:#f5f7fa}.form-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:3px solid}.form-title{font-size:32px;font-weight:700;margin-bottom:10px}.school-info{color:#666;font-size:16px}.form-description{margin-top:5px;font-size:14px}.messages-stack{margin-bottom:20px}.message{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;margin-bottom:10px}.message.success{background:#e8f5e9;border:1px solid #4CAF50;color:#2e7d32}.message.error{background:#ffebee;border:1px solid #f44336;color:#c62828}.message.warning{background:#fff3e0;border:1px solid #FF9800;color:#e65100}.registration-form{background:#fff;border-radius:20px;padding:30px;box-shadow:0 4px 20px #00000014}.form-card{margin-bottom:30px;padding:24px;background:#fff;border-radius:16px;border:1px solid #e8e8e8;transition:all .2s}.form-card:hover{box-shadow:0 2px 12px #0000000d}.card-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f0f0f0;color:#333}.card-subtitle{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;margin-bottom:15px;color:#666}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;font-size:13px;color:#555;display:flex;align-items:center;gap:6px}.form-group input,.career-select{width:100%;padding:12px 14px;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;transition:all .2s}.form-group input:focus,.career-select:focus{outline:none;border-color:var(--theme-color, #7BE3C4);box-shadow:0 0 0 3px #7be3c41a}.marks-card{margin-top:20px;padding-top:15px;border-top:1px solid #f0f0f0}.marks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.mark-field-group{display:flex;flex-direction:column;gap:5px}.mark-field-group label{font-size:12px;color:#666;display:flex;align-items:center;gap:5px}.mark-input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;text-align:center}.analysis-card{margin-top:20px;padding:20px;border-radius:12px;background:#fafafa;border-left:4px solid}.analysis-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.analysis-header h4{margin:0;font-size:16px;font-weight:600}.analysis-status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff}.status-badge.qualified{background:#4caf50}.status-badge.close{background:#ff9800}.status-badge.needs-work{background:#f44336}.confidence-score{display:flex;align-items:center;gap:5px;font-size:12px;color:#666}.advice-text{font-size:14px;font-weight:500;margin-bottom:15px;padding:10px;background:#00000005;border-radius:8px}.market-data-row{display:flex;gap:20px;margin-bottom:15px;padding:10px;background:#00000005;border-radius:8px;flex-wrap:wrap}.market-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#555}.strengths-section,.improvements-section{margin-top:15px}.strengths-section strong,.improvements-section strong{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:8px}.strengths-section ul,.improvements-section ul{margin:0;padding-left:20px;font-size:13px;color:#666}.strengths-section li{color:#4caf50}.improvements-section li{color:#ff9800}.streams-card{margin-bottom:30px;padding:24px;background:#fff;border-radius:16px;border:1px solid #e8e8e8}.streams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px}.stream-card{padding:16px;border:2px solid #e8e8e8;border-radius:12px;cursor:pointer;transition:all .2s;background:#fff}.stream-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stream-card.selected{border-width:2px}.stream-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stream-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.stream-id{font-weight:700;font-size:16px;background:#f0f0f0;padding:2px 8px;border-radius:6px}.stream-name{font-weight:600;font-size:14px;color:#333}.stream-match-score{margin-bottom:12px}.match-bar-bg{height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:5px}.match-bar-fill{height:100%;border-radius:3px;transition:width .3s}.match-percent{font-size:11px;color:#666}.stream-subjects-list{margin-top:10px;padding-top:10px;border-top:1px solid #f0f0f0}.subjects-label{font-size:11px;color:#888;display:block;margin-bottom:6px}.subjects-tags{display:flex;flex-wrap:wrap;gap:6px}.subject-tag{padding:3px 8px;border-radius:12px;font-size:10px;font-weight:500}.subject-tag-more{padding:3px 8px;border-radius:12px;font-size:10px;background:#f0f0f0;color:#888}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px}.subject-option{padding:12px 16px;border:2px solid #e8e8e8;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;background:#fff}.subject-option:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.subject-option.selected{border-width:2px}.selection-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #f0f0f0}.clear-all{background:none;border:none;color:#f44336;cursor:pointer;font-size:13px;font-weight:500}.clear-all:hover{text-decoration:underline}.summary-card{padding:20px;background:#fafafa;border-radius:12px;margin-top:20px}.selected-stream{display:flex;align-items:center;gap:8px;margin-bottom:15px;font-size:14px}.selected-subjects{display:flex;flex-wrap:wrap;gap:8px}.selected-subject{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #e8e8e8}.btn-reset{padding:12px 24px;border:1px solid #e0e0e0;border-radius:10px;background:#fff;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-reset:hover{background:#f5f5f5}.btn-submit{padding:12px 32px;border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.loading-screen,.error-screen{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;max-width:500px;margin:50px auto}.spinner{animation:spin 1s linear infinite;margin-bottom:20px}.error-buttons{display:flex;gap:10px;justify-content:center;margin-top:20px}.error-buttons button{padding:10px 24px;border:none;border-radius:8px;background:#7be3c4;cursor:pointer;font-weight:600}.analyzing-state{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:#666;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.registration-container{padding:15px}.form-title{font-size:24px}.registration-form{padding:20px}.form-card,.streams-card{padding:16px}.subjects-grid,.streams-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-reset,.btn-submit{width:100%;justify-content:center}.analysis-status-row{flex-direction:column;align-items:flex-start}}.stream-card.full{opacity:.6;cursor:not-allowed;background:#f5f5f5}.stream-card.full:hover{transform:none;box-shadow:none}.full-badge{background:#f44336;color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600}.stream-capacity-info{margin:10px 0;padding:6px;background:#f9f9f9;border-radius:8px;font-size:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px}.limited-warning{color:#ff9800;font-size:11px;font-weight:500}.full-warning{color:#f44336;font-size:11px;font-weight:500}.capacity-text strong{color:#4caf50}.consentform{max-width:600px;margin:2rem auto;padding:2rem;font-family:sans-serif;border:1px solid #ccc;border-radius:8px;background:#f9f9f9}.consentform header h1{text-align:center;color:#333}.formofconsent h3{margin-top:1.5rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.formofconsent form{display:flex;flex-direction:column;gap:1rem}.formofconsent input{padding:.8rem;border:1px solid #ddd;border-radius:4px}.checkbox-group{display:flex;align-items:center;gap:.5rem;cursor:pointer}button[type=submit]{padding:1rem;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .3s}.pick10-root{--primary: linear-gradient(135deg, #7c5cff 0%, #b14bff 100%);--primary-solid: #8b5cf6;--accent: #22d3ee;--bg-0: #0b0b1a;--bg-1: #11132a;--bg-2: #1a1d3a;--glass: rgba(255, 255, 255, .045);--glass-strong: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .09);--hairline: rgba(255, 255, 255, .06);--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--ai-green: #10b981;--text: #f5f6ff;--text-dim: #aab0d0;--text-mute: #6e759a;--text-dark: #1a1d3a;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-xl: 0 30px 60px -20px rgba(0, 0, 0, .55);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text)}.pick10-root *,.pick10-root *:before,.pick10-root *:after{box-sizing:border-box}.pick10-root button{font-family:inherit}.live-class-room{position:fixed;inset:0;width:100vw;height:100vh;padding:16px;overflow:hidden;background:radial-gradient(1200px 600px at 10% -10%,rgba(124,92,255,.25),transparent 60%),radial-gradient(900px 600px at 110% 110%,rgba(34,211,238,.18),transparent 60%),linear-gradient(160deg,var(--bg-0) 0%,var(--bg-1) 60%,var(--bg-2) 100%)}.video-element{width:100%;height:100%;object-fit:cover;background:#000}.parent{display:grid;grid-template-columns:1fr 360px;grid-template-rows:56px 1fr 76px;grid-template-areas:"header chat" "stage  chat" "dock   chat";gap:14px;width:100%;height:100%}.div5{grid-area:header;min-width:0}.div1{grid-area:stage;min-width:0;min-height:0;position:relative;background:linear-gradient(180deg,#ffffff0a,#ffffff04);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md)}.div2{grid-area:dock;min-width:0}.div3{grid-area:chat;min-width:0;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.call-info-bar{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 18px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.room-info{display:flex;align-items:center;gap:14px;min-width:0}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}.brand-mark{width:30px;height:30px;border-radius:9px;background:var(--primary);display:grid;place-items:center;font-weight:700;box-shadow:0 6px 18px #7c5cff73}.divider{width:1px;height:22px;background:var(--hairline)}.room-code{background:#ffffff0f;padding:6px 10px;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:600;letter-spacing:1px;border:1px solid var(--hairline)}.participant-count,.ai-badge,.live-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:500;background:#ffffff0d;border:1px solid var(--hairline);color:var(--text-dim)}.live-pill{color:#ff6b6b}.live-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#ff5252;box-shadow:0 0 0 4px #ff525226;animation:pulse 1.6s ease-in-out infinite}.ai-badge{background:linear-gradient(135deg,#7c5cff2e,#22d3ee2e);color:#d8d2ff;border-color:#7c5cff59}.ai-badge-processing{animation:pulse 1.5s ease-in-out infinite}.view-notes-btn{background:linear-gradient(135deg,var(--ai-green),#06b6d4);color:#fff;border:none;padding:8px 14px;border-radius:999px;font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:0 6px 16px #10b98159;transition:transform .15s ease,box-shadow .15s ease}.view-notes-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #10b98173}.main-view-toggle{position:absolute;top:14px;right:14px;z-index:10;display:inline-flex;gap:4px;padding:4px;background:#080a1cd9;border:1px solid var(--glass-border);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.main-view-toggle button{padding:6px 14px;border:none;border-radius:999px;background:transparent;color:var(--text-dim);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s ease}.main-view-toggle button:hover{color:var(--text);background:#ffffff1a}.main-view-toggle button.active{background:var(--primary);color:#fff;box-shadow:0 6px 14px #7c5cff66}.classroom-video-container{width:100%;height:100%;padding:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:minmax(200px,1fr);gap:16px;overflow-y:auto;align-content:start}.classroom-video-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#1a1d3a;border:1px solid var(--glass-border);aspect-ratio:16 / 9;transition:transform .2s ease,box-shadow .2s ease}.classroom-video-card:hover{transform:translateY(-2px);box-shadow:0 20px 30px -20px #000000b3}.classroom-video-card.local{border:2px solid var(--success);box-shadow:0 0 0 1px #22c55e40,0 12px 30px -10px #22c55e40}.classroom-video-card .video-element{width:100%;height:100%;object-fit:cover}.classroom-video-card.placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#1c1f3d,#0f1124)}.video-placeholder-content{text-align:center;color:var(--text-dim);font-size:13px}.avatar{width:64px;height:64px;border-radius:50%;background:var(--primary);display:grid;place-items:center;font-size:24px;font-weight:700;color:#fff;margin:0 auto 10px;box-shadow:0 10px 30px #7c5cff59}.video-label{position:absolute;bottom:10px;left:10px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;font-size:11.5px;font-weight:500;background:#080a1cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--hairline);z-index:5}.video-label .host-tag{font-size:10px;padding:2px 6px;border-radius:4px;background:#7c5cff40;color:#d8d2ff}.video-status{position:absolute;top:10px;left:10px;display:inline-flex;gap:6px;z-index:5}.video-status span{width:28px;height:28px;display:grid;place-items:center;background:#080a1cd9;border:1px solid var(--hairline);border-radius:8px;font-size:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-status .muted{background:#ef4444e6;border-color:transparent}.remote-video{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#1a1d3a;border:1px solid var(--glass-border);aspect-ratio:16 / 9}.writing-pad-wrapper{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;position:relative;border-radius:0}.writing-pad-tools{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;background:#f7f7fb;border-bottom:1px solid #e6e7ef}.tool-section{display:flex;align-items:center;gap:8px;padding:0 12px;border-right:1px solid #e6e7ef;color:#4b5163}.tool-section:first-child{padding-left:0}.tool-section:last-child{border-right:none;padding-right:0}.color-picker{display:flex;gap:6px}.color-btn{width:28px;height:28px;border-radius:50%;border:2px solid white;outline:1px solid #d6d8e3;cursor:pointer;transition:transform .15s ease}.color-btn:hover{transform:scale(1.1)}.color-btn.active{outline:2px solid #1a1d3a;transform:scale(1.15)}.tool-btn{padding:6px 12px;background:#fff;border:1px solid #d6d8e3;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;color:#4b5163;transition:all .15s ease}.tool-btn:hover{background:#eef0f7}.tool-btn.active{background:var(--primary-solid);color:#fff;border-color:var(--primary-solid)}.size-slider{width:100px;cursor:pointer;accent-color:var(--primary-solid)}.writing-pad-canvas{flex:1;width:100%;cursor:crosshair;touch-action:none;background:#fff;display:block}.writing-pad-status{position:absolute;bottom:14px;right:14px;background:#1a1d3ad9;color:#fff;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:500;z-index:10}.chat-panel{width:100%;height:100%;display:flex;flex-direction:column}.chat-header{padding:14px 16px;border-bottom:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between}.chat-header h3{margin:0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--text)}.chat-header .badge{font-size:11px;padding:2px 8px;border-radius:999px;background:#ffffff0f;color:var(--text-dim);border:1px solid var(--hairline)}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.chat-message{max-width:88%;padding:10px 12px;border-radius:14px;background:#ffffff0d;border:1px solid var(--hairline);align-self:flex-start;word-wrap:break-word}.chat-message-own{align-self:flex-end;background:var(--primary);border-color:transparent;box-shadow:0 8px 18px #7c5cff4d}.chat-message-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.chat-message-user{font-size:11.5px;font-weight:600;color:var(--accent)}.chat-message-own .chat-message-user{color:#fffffff2}.chat-message-time{font-size:10.5px;color:var(--text-mute)}.chat-message-own .chat-message-time{color:#ffffffb3}.chat-message-text{font-size:13.5px;line-height:1.45;color:var(--text)}.chat-input-area{padding:12px;border-top:1px solid var(--hairline);display:flex;gap:8px}.chat-input-area input{flex:1;padding:11px 14px;border:1px solid var(--hairline);border-radius:999px;background:#ffffff0a;color:var(--text);outline:none;font-size:13.5px;transition:border-color .15s ease,background .15s ease}.chat-input-area input::placeholder{color:var(--text-mute)}.chat-input-area input:focus{border-color:#7c5cff8c;background:#ffffff0f}.chat-input-area button{padding:0 18px;min-width:44px;border:none;border-radius:999px;background:var(--primary);color:#fff;cursor:pointer;font-weight:600;font-size:13px;box-shadow:0 6px 14px #7c5cff59;transition:transform .15s ease}.chat-input-area button:hover{transform:translateY(-1px)}.controls-bar{height:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.control-btn{height:44px;padding:0 18px;display:inline-flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid var(--hairline);border-radius:999px;color:var(--text);cursor:pointer;font-size:13.5px;font-weight:500;transition:all .15s ease}.control-btn:hover{background:#ffffff26;transform:translateY(-1px)}.control-btn .ico{font-size:15px;line-height:1}.control-btn-muted{background:#ef4444d9;border-color:transparent;color:#fff}.control-btn-muted:hover{background:#ef4444}.control-btn-danger{background:linear-gradient(135deg,#ef4444,#d01a1a);border-color:transparent;color:#fff;box-shadow:0 6px 18px #ef444459}.control-btn-danger:hover{background:linear-gradient(135deg,#f05050,#c81818)}.control-btn-handraise{background:linear-gradient(135deg,var(--warning),#f97316);border-color:transparent;color:#fff;box-shadow:0 6px 18px #f9731659}.control-btn-handraise-active{background:linear-gradient(135deg,var(--success),#16a34a);box-shadow:0 6px 18px #22c55e59}.controls-spacer{flex:0 0 auto;width:1px;height:28px;background:var(--hairline);margin:0 6px}.connection-status{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:6px 12px;border-radius:999px;background:#ffffff0d;color:var(--text-dim);border:1px solid var(--hairline)}.connection-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-mute)}.connection-status-connected{color:#a7f3d0;border-color:#22c55e59;background:#22c55e1a}.connection-status-connected:before{background:var(--success);box-shadow:0 0 0 4px #22c55e2e}.modal-overlay{position:fixed;inset:0;background:#0607128c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;animation:fadeIn .2s ease-out}.div4{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:560px;max-width:calc(100vw - 32px);max-height:85vh;background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:slideIn .25s cubic-bezier(.2,.7,.2,1)}.ai-results-modal{display:flex;flex-direction:column;height:100%;max-height:85vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--primary);color:#fff}.modal-header h3{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.modal-close-btn{width:32px;height:32px;display:grid;place-items:center;border:none;border-radius:50%;background:#ffffff2e;color:#fff;cursor:pointer;font-size:20px;line-height:1;transition:background .15s ease}.modal-close-btn:hover{background:#ffffff4d}.modal-content{flex:1;overflow-y:auto;padding:20px 22px;color:var(--text-dark)}.notes-section h4{color:#6b7280;margin:18px 0 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.notes-section h4:first-child{margin-top:0}.notes-section p{color:#374151;font-size:14px;line-height:1.6}.key-points-list,.definitions-list{list-style:none;padding:0;margin:0 0 8px}.key-points-list li,.definitions-list li{padding:10px 0;font-size:13.5px;color:#374151;border-bottom:1px solid #f1f1f5;line-height:1.5}.key-points-list li:last-child,.definitions-list li:last-child{border-bottom:none}.definitions-list b{color:var(--primary-solid)}.keywords-section{margin-top:18px}.keywords-list{display:flex;flex-wrap:wrap;gap:6px}.keyword-tag{background:#f1edff;color:#6d28d9;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.keyword-tag:hover{background:var(--primary-solid);color:#fff;transform:translateY(-1px)}.ai-videos-section{margin-top:18px}.ai-videos-list{display:flex;flex-direction:column;gap:8px}.ai-video-card{display:flex;gap:12px;padding:10px;background:#f7f7fb;border-radius:12px;text-decoration:none;color:inherit;border:1px solid #ecedf3;transition:all .15s ease}.ai-video-card:hover{background:#f1edff;border-color:#d8caff;transform:translateY(-1px)}.ai-video-thumbnail{width:92px;height:60px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:18px;flex-shrink:0}.ai-video-info{flex:1;min-width:0}.ai-video-title{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--text-dark)}.ai-video-topic{margin:0 0 4px;font-size:11.5px;color:#6b7280}.ai-video-link{font-size:11.5px;color:var(--primary-solid);font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-46%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.leaving-overlay{position:fixed;inset:0;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:2000}.leaving-modal{background:#fff;padding:30px;border-radius:var(--radius-2xl);text-align:center;max-width:400px}.leaving-modal h3{margin-bottom:20px;color:var(--text-dark)}.ai-notice{margin-top:20px;padding:15px;background:#f0f0f0;border-radius:var(--radius-md)}.ai-notice p{margin:10px 0;color:#666}.ai-notice small{color:#999}.loader{border:3px solid rgba(0,0,0,.1);border-top:3px solid var(--primary-solid);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:15px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pick10-root ::-webkit-scrollbar{width:6px;height:6px}.pick10-root ::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}.pick10-root ::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.pick10-root ::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media(max-width:960px){.parent{grid-template-columns:1fr;grid-template-rows:56px 1fr 260px 70px;grid-template-areas:"header" "stage" "chat" "dock"}.room-info{gap:8px}.brand span:not(.brand-mark){display:none}.live-class-room{padding:10px}.controls-bar{padding:0 10px;gap:6px;overflow-x:auto;justify-content:flex-start}.control-btn{padding:0 12px;font-size:12px;height:38px}.classroom-video-container{padding:12px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.classroom-video-card{aspect-ratio:16 / 9}.div4{width:calc(100vw - 24px)}.writing-pad-tools{flex-direction:column;align-items:flex-start}.tool-section{border-right:none;border-bottom:1px solid #e6e7ef;width:100%;padding:5px 0}.tool-section:last-child{border-bottom:none}}.terms-container{min-height:100vh;background:#fff;padding:40px 20px;display:flex;align-items:center;justify-content:center}.terms-glass-card{max-width:900px;width:100%;background:#fff;border-radius:24px;overflow:hidden}.terms-header{text-align:center;padding:40px 30px 20px;position:relative}.terms-header h1{font-size:2rem;color:#1a1a1a;margin-bottom:10px}.terms-header .effective-date{color:#666;font-size:.85rem}.terms-content{padding:30px}.terms-content section{margin-bottom:30px}.terms-content h2{font-size:1.3rem;color:#1a1a1a;margin-bottom:15px}.terms-content h3{font-size:1.1rem;color:#333;margin:15px 0 10px}.terms-content p{margin-bottom:12px;color:#444;line-height:1.6}.terms-content ul{margin:10px 0 15px 25px}.terms-content li{margin-bottom:8px;color:#555;line-height:1.5}.terms-footer{text-align:center;padding:20px 30px;background:#fafafa}.terms-footer p{font-size:.8rem;color:#888;margin-bottom:10px}@media(max-width:768px){.terms-container{padding:20px}.terms-header{padding:30px 20px 15px}.back-btn{position:static;margin-bottom:20px;display:inline-block}.terms-header h1{font-size:1.5rem}.terms-content{padding:20px}.terms-content h2{font-size:1.2rem}}.privacy-container{min-height:100vh;background:#fff;padding:40px 20px;display:flex;align-items:center;justify-content:center}.privacy-glass-card{max-width:900px;width:100%;background:#fff;border-radius:24px;overflow:hidden}.privacy-header{text-align:center;padding:40px 30px 20px;position:relative}.back-btn{position:absolute;left:30px;top:40px;background:#f0f0f0;padding:8px 20px;border-radius:30px;cursor:pointer;color:#333;font-size:.9rem;transition:all .3s ease;border:none}.back-btn:hover{background:#7be3c4;color:#fff}.privacy-header h1{font-size:2rem;color:#1a1a1a;margin-bottom:10px}.privacy-header .effective-date{color:#666;font-size:.85rem}.privacy-content{padding:30px}.privacy-content section{margin-bottom:30px}.privacy-content h2{font-size:1.3rem;color:#1a1a1a;margin-bottom:15px}.privacy-content h3{font-size:1.1rem;color:#333;margin:15px 0 10px}.privacy-content p{margin-bottom:12px;color:#444;line-height:1.6}.privacy-content ul{margin:10px 0 15px 25px}.privacy-content li{margin-bottom:8px;color:#555;line-height:1.5}.privacy-footer{text-align:center;padding:20px 30px;background:#fafafa}.privacy-footer p{font-size:.8rem;color:#888;margin-bottom:10px}.home-link{color:#7be3c4;text-decoration:none;font-weight:500;background:none;border:none;cursor:pointer;font-size:.9rem}.home-link:hover{text-decoration:underline}@media(max-width:768px){.privacy-container{padding:20px}.privacy-header{padding:30px 20px 15px}.back-btn{position:static;margin-bottom:20px;display:inline-block}.privacy-header h1{font-size:1.5rem}.privacy-content{padding:20px}.privacy-content h2{font-size:1.2rem}}