@import url(https://fonts.googleapis.com/css2?family=ClashGrotesk:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.avatar-circle{--avatar-size:56px;--avatar-gradient:linear-gradient(135deg,#6366f1,#3b82f6);--avatar-shadow:0 14px 30px #4f46e540;--avatar-border-width:3px;--avatar-text-color:#fafaff;align-items:center;background:var(--avatar-gradient);border-radius:50%;box-shadow:var(--avatar-shadow);color:var(--avatar-text-color);display:inline-flex;font-size:calc(var(--avatar-size)*.42);font-weight:700;height:var(--avatar-size);isolation:isolate;justify-content:center;letter-spacing:.04em;overflow:hidden;position:relative;text-transform:uppercase;width:var(--avatar-size)}.avatar-circle:after{border-radius:inherit;box-shadow:inset 0 0 0 var(--avatar-border-width) #ffffff8c;content:"";inset:0;pointer-events:none;position:absolute}.avatar-circle>img{border-radius:inherit;display:block;height:100%;object-fit:cover;width:100%}.avatar-circle--xs{--avatar-size:28px}.avatar-circle--sm{--avatar-size:36px}.avatar-circle--md{--avatar-size:48px}.avatar-circle--lg{--avatar-size:64px}.avatar-circle--xl{--avatar-size:88px}.avatar-circle--teal{--avatar-gradient:linear-gradient(135deg,#2dd4bfd9,#0ea5e9d9);--avatar-shadow:0 14px 30px #0ea5e940}.avatar-circle--amber{--avatar-gradient:linear-gradient(135deg,#fbbf24e6,#f97316e6);--avatar-shadow:0 14px 30px #f9731638}.avatar-circle--rose{--avatar-gradient:linear-gradient(135deg,#f43f5ee0,#be185de0);--avatar-shadow:0 14px 30px #f43f5e38}.avatar-circle--cool{--avatar-gradient:linear-gradient(135deg,#6366f1d9,#ec4899d9);--avatar-shadow:0 14px 30px #9333ea40}.avatar-circle--photo{--avatar-gradient:#ffffff1f;--avatar-border-width:2px;--avatar-text-color:#fff}.review-card__avatar{--avatar-border-width:3px;--avatar-shadow:0 14px 30px #4f46e540;letter-spacing:.04em}.review-card__avatar.avatar-circle--md{--avatar-size:56px}.review-card__avatar>span{position:relative;z-index:1}@font-face{font-display:swap;font-family:ClashGrotesk-Extralight;font-style:normal;font-weight:200;src:url(/static/media/ClashGrotesk-Extralight.20c0ab584230daf91a5e.woff2) format("woff2"),url(/static/media/ClashGrotesk-Extralight.22ce76c946339942e181.woff) format("woff"),url(/static/media/ClashGrotesk-Extralight.b5d66aba1e9fd9f79706.ttf) format("truetype")}@font-face{font-display:swap;font-family:ClashGrotesk-Light;font-style:normal;font-weight:300;src:url(/static/media/ClashGrotesk-Light.4cc85dfba7d49b0cdb9c.woff2) format("woff2"),url(/static/media/ClashGrotesk-Light.80a09e3f1af0f92ff6ad.woff) format("woff"),url(/static/media/ClashGrotesk-Light.592714378da042e0dfc6.ttf) format("truetype")}@font-face{font-display:swap;font-family:ClashGrotesk-Regular;font-style:normal;font-weight:400;src:url(/static/media/ClashGrotesk-Regular.55923d35fe63712d4824.woff2) format("woff2"),url(/static/media/ClashGrotesk-Regular.0ac733f17a9f3052a4c3.woff) format("woff"),url(/static/media/ClashGrotesk-Regular.4a7d0a7e0185e0218b72.ttf) format("truetype")}@font-face{font-display:swap;font-family:ClashGrotesk-Medium;font-style:normal;font-weight:500;src:url(/static/media/ClashGrotesk-Medium.70562d8c4c3ea4b66dd6.woff2) format("woff2"),url(/static/media/ClashGrotesk-Medium.df74bc405e3ab3fe5d15.woff) format("woff"),url(/static/media/ClashGrotesk-Medium.b069c91b9e31d834f2d9.ttf) format("truetype")}@font-face{font-display:swap;font-family:ClashGrotesk-Semibold;font-style:normal;font-weight:600;src:url(/static/media/ClashGrotesk-Semibold.cbba0f20140f7d768ed5.woff2) format("woff2"),url(/static/media/ClashGrotesk-Semibold.4be5863c2b5c25c94857.woff) format("woff"),url(/static/media/ClashGrotesk-Semibold.d583b8efe538269e0524.ttf) format("truetype")}@font-face{font-display:swap;font-family:ClashGrotesk-Bold;font-style:normal;font-weight:700;src:url(/static/media/ClashGrotesk-Bold.b8dfad4ca28d511259f7.woff2) format("woff2"),url(/static/media/ClashGrotesk-Bold.ce29d2bf87940f3b863a.woff) format("woff"),url(/static/media/ClashGrotesk-Bold.934ff377893b6b073594.ttf) format("truetype")}@font-face{font-display:swap;font-family:ClashGrotesk-Variable;font-style:normal;font-weight:200 700;src:url(/static/media/ClashGrotesk-Variable.f76a6db090c2148eef41.woff2) format("woff2"),url(/static/media/ClashGrotesk-Variable.90926bf4b535bb9cf508.woff) format("woff"),url(/static/media/ClashGrotesk-Variable.6eccb344b604e67e2145.ttf) format("truetype")}body,html{font-family:ClashGrotesk-Regular,sans-serif}body,html,section{background-color:#f9f7f3!important}#root{display:flex;flex-direction:column;min-height:100vh}.page-content{background-color:#f9f7f3;position:relative;z-index:1}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-family:ClashGrotesk-Bold,sans-serif;font-size:calc(10px + 2vmin);justify-content:center;min-height:calc(100vh - 60px)}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#hero{align-items:center;display:flex;gap:100px;justify-content:center;margin-bottom:15px;margin-top:30px;padding:10px 50px;position:relative}#hero:after{background:url(/static/media/dotsnew.1e423be1a535b59d9149.png) no-repeat 50%;background-size:contain;content:"";height:1200px;opacity:.05;position:absolute;right:60%;top:70%;transform:translateY(-50%);width:1200px;z-index:0}.hero-content{flex:1 1;max-width:600px;min-width:40%;text-align:left;z-index:1}.hero-content h1{font-family:ClashGrotesk-Bold,sans-serif;font-size:4rem;margin-bottom:20px;max-width:100%}.hero-content p{font-family:ClashGrotesk-Regular,sans-serif;font-size:1.5rem;line-height:1.5;margin-bottom:20px;max-width:85%}.hero-visual{flex:1 1;max-width:40%;min-width:400px}.hero-visual img{min-width:200px;object-fit:contain}@media (max-width:1440px){.hero-content h1{font-size:3rem}.hero-content p{font-size:1.3rem}}@media (max-width:1024px){#hero{padding:30px 70px}}@media (max-width:768px){#hero{flex-direction:column;text-align:center}.hero-content h1{font-size:2.5rem}.hero-content{text-align:center}.hero-content h1,.hero-content p{max-width:100%}.cta-button{margin:0 auto}}#benefits{background-color:#f9f9f9;padding:50px 20px;text-align:center;z-index:1}#benefits h2{font-family:ClashGrotesk-Bold,sans-serif;font-size:2rem;margin-bottom:30px}.benefits-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;z-index:1}.benefit{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;max-width:500px;padding:20px;text-align:center;transition:box-shadow .2s ease,transform .2s ease;z-index:1}.benefit:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-2px)}.benefit img{border-radius:6px;height:auto;margin-bottom:15px;max-width:100%}.benefit h3{color:#333;font-family:ClashGrotesk-Semibold,sans-serif;font-size:1.6rem;margin-bottom:10px}.benefit p{color:#555;font-family:ClashGrotesk-Regular,sans-serif;font-size:1.3rem;line-height:1.5;margin:0}@media (max-width:768px){.benefits-grid{align-items:center;flex-direction:column}}#how-it-works,.coloured-border{border-radius:20px;padding:50px 20px;text-align:center}.coloured-border{background-color:#48a6a7!important;margin:auto;width:70%}.coloured-border h2{font-family:ClashGrotesk-Bold,sans-serif;font-size:2rem;margin-bottom:30px}.coloured-border img{border-radius:6px;height:auto;margin-bottom:15px;max-width:100%}.steps{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.step{background:#f1f1f1;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:300px;padding:20px;text-align:center}.step h3{font-family:ClashGrotesk-Semibold,sans-serif;font-size:1.5rem;margin-bottom:10px}.step p{color:#555;font-family:ClashGrotesk-Regular,sans-serif;font-size:1.2rem}@media (max-width:768px){.steps{align-items:center;flex-direction:column}}#testimonials{padding:50px 20px;text-align:center}#testimonials h2{font-family:ClashGrotesk-Bold,sans-serif;font-size:2.5rem;margin-bottom:30px}.testimonial-grid{flex-wrap:wrap;gap:20px;justify-content:center}.testimonial,.testimonial-grid{align-items:center;display:flex}.testimonial{background:#ebe1d3;border-radius:10px;box-shadow:0 4px 6px #0000001a;flex-direction:column;min-height:370px;padding:20px;text-align:center;width:300px}.testimonial p{color:#555;font-family:ClashGrotesk-Regular,sans-serif;font-size:1.3rem;font-style:italic;margin-bottom:10px}.testimonial span{color:#000;font-family:ClashGrotesk-Semibold,sans-serif;font-size:1.7rem;margin-top:auto}.testimonial img{width:50%}@media (max-width:768px){.testimonial-grid{align-items:center;flex-direction:column}.hero-content,.hero-visual,.hero-visual img{max-width:100%;min-width:0;min-width:auto}}@media (max-width:425px){.benefit{width:80%}.coloured-border,.step{width:90%}}#cta{background-color:#48a6a7;color:#fff;padding:50px 20px;text-align:center}#cta h2{color:#2973b2;font-family:ClashGrotesk-Bold,sans-serif;font-size:2rem;margin-bottom:20px}.cta-button{background-color:#2973b2;border-radius:5px;color:#fff;display:inline-block;font-family:ClashGrotesk-Semibold,sans-serif;font-size:1.3rem;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.cta-button:hover{background-color:#48a6a7}.generic-margintop{margin-top:50px}.hiw-steps{align-items:center;display:flex;flex-direction:column;padding:0;text-align:center}.hiw-steps h1{font-family:ClashGrotesk-Semibold,sans-serif;font-size:2rem;margin-bottom:15px}.hiw-steps h2{font-family:ClashGrotesk-Regular,sans-serif;font-size:1.4rem}#three-steps{align-items:center;flex-wrap:wrap;gap:10px}#three-steps,.hiw-arrow-wrapper{display:flex;justify-content:center}.hiw-arrow-wrapper{align-items:flex-end}.hiw-arrow{margin:-20 10 200px;width:150px}.three-steps-card{align-items:center;background:#ebe1d3;border-radius:40px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:350px;min-width:300px;padding:10px 30px;text-align:center;width:17%}.three-steps-card>p{font-size:1.2rem;margin-top:10px;text-align:center}.three-steps-card>h3{color:#333;font-family:ClashGrotesk-Semibold,sans-serif;font-size:1.5rem;margin-bottom:10px}.step-icon{margin:0 10px}.three-steps-card svg{margin-bottom:10px}@media (max-width:1324px){.hiw-arrow{width:100px}}@media (max-width:1224px){.hiw-arrow{width:0}}@media (max-width:425px){.cta-button{text-align:center;width:100%}.hero-content{flex:1 1;max-width:700px;min-width:50%;order:2;position:relative;text-align:left;z-index:1}#hero{gap:2px;padding:30px 35px}.hero-visual{order:1}.hero-content h1{font-family:ClashGrotesk-Regular,sans-serif;font-size:1.9rem}.hero-content p{font-size:1.1rem}}.content-section{align-items:center;display:flex;gap:50px;justify-content:space-between;margin:0 auto;max-width:1300px;padding:40px 20px}.content-text{flex:1 1;text-align:left}.content-text h1{color:#333;font-family:ClashGrotesk-Semibold,sans-serif;font-size:2rem;margin-bottom:15px}.content-text p{color:#555;font-family:ClashGrotesk-Regular,sans-serif;font-size:1.2rem;line-height:1.6}.content-image{align-items:center;display:flex;flex:1 1;justify-content:center}.content-image img{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;height:auto;max-width:95%}@media (max-width:992px){.content-section{text-align:center}.content-section,.content-section.reverse{flex-direction:column}.content-image,.content-text{width:100%}.content-text h1{font-size:1.8rem}.content-text p{font-size:1rem}}@media (max-width:600px){.content-text h1{font-size:1.5rem}.content-text p{font-size:.95rem}}.stepPricing{background:#f1f1f1;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:370px;padding:20px;text-align:center}.stepPricing h3{font-family:ClashGrotesk-Semibold,sans-serif;font-size:1.5rem;margin-bottom:10px}.stepPricing p{color:#555;font-family:ClashGrotesk-Regular,sans-serif;font-size:1.2rem}.loadingAnimation{font-size:2rem!important}.whiteboard-firebase-tracker{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0000004d;color:#fff;font-family:Courier New,monospace;font-size:12px;left:20px;min-width:300px;padding:0;position:fixed;z-index:10000}.tracker-header{align-items:center;background:#ffffff1a;border-radius:8px 8px 0 0;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;-webkit-user-select:none;user-select:none}.tracker-header:hover{background:#ffffff26}.whiteboard-firebase-tracker.collapsed .tracker-header{border-radius:8px}.tracker-summary{display:flex;font-weight:700;gap:12px}.collapse-icon{font-size:10px;opacity:.7}.tracker-details{border-top:1px solid #fff3;padding:12px}.tracker-stats{margin-bottom:12px}.stat-row{display:flex;justify-content:space-between;margin-bottom:4px;padding:2px 0}.stat-row span:first-child{opacity:.8}.stat-row span:last-child{font-weight:700}.tracker-actions{margin-bottom:12px}.reset-btn{background:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:10px;padding:4px 8px}.reset-btn:hover{background:#f66}.operations-log{margin-bottom:12px;max-height:200px;overflow-y:auto}.log-header{font-weight:700;margin-bottom:6px;opacity:.9}.log-entries{border:1px solid #fff3;border-radius:4px;max-height:150px;overflow-y:auto;padding:4px}.log-entry{align-items:center;border-radius:2px;display:flex;font-size:10px;gap:6px;margin-bottom:1px;padding:2px 4px}.log-entry.read{background:#4a43}.log-entry.write{background:#f803}.op-type{font-weight:700;min-width:35px}.op-path{flex:1 1;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-size{font-size:9px;min-width:30px;opacity:.6;text-align:right}.performance-tips{border-top:1px solid #fff3;padding-top:8px}.tip-header{font-weight:700;opacity:.9}.tip,.tip-header{margin-bottom:4px}.tip{border-radius:4px;font-size:10px;padding:4px 6px}.tip.warning{background:#f443;border-left:3px solid #f44}.tip.success{background:#4a43;border-left:3px solid #4a4}.tip.info{background:#48a3;border-left:3px solid #48a}.log-entries::-webkit-scrollbar,.operations-log::-webkit-scrollbar{width:4px}.log-entries::-webkit-scrollbar-track,.operations-log::-webkit-scrollbar-track{background:#ffffff1a}.log-entries::-webkit-scrollbar-thumb,.operations-log::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.log-entries::-webkit-scrollbar-thumb:hover,.operations-log::-webkit-scrollbar-thumb:hover{background:#ffffff80}.stat-row span:last-child{transition:all .2s ease}.tracker-header:has(.tracker-summary span[style*="color: rgb(255, 68, 68)"]){animation:pulse 1s infinite}.tracker-warning{background:#ff880040;border-left:3px solid #f80;border-radius:4px;font-size:11px;margin-bottom:10px;padding:6px 8px}.top-paths{display:flex;gap:12px;margin-bottom:12px}.top-paths-column{background:#ffffff0d;border-radius:4px;flex:1 1;padding:6px 8px}.summary-title{font-size:11px;font-weight:700;margin-bottom:4px;opacity:.85}.summary-row{align-items:center;display:flex;font-size:10px;gap:6px;margin-bottom:2px;white-space:nowrap}.summary-count{color:#fbbf24;font-weight:700;min-width:20px;text-align:right}.summary-path{flex:1 1;overflow:hidden;text-overflow:ellipsis}.summary-muted{font-size:10px;opacity:.6}.chat-minimized-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;bottom:20px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;position:fixed;right:20px;transition:all .3s ease;z-index:1000}.chat-minimized-button:hover{box-shadow:0 6px 16px #667eea99;transform:translateY(-2px)}.chat-unread-badge{animation:pulse 2s infinite;background:#f44;border-radius:50%;color:#fff;font-size:12px;font-weight:700;min-width:20px;padding:2px 8px;text-align:center}.whiteboard-chat{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;bottom:20px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;height:500px;overflow:hidden;position:fixed;right:20px;width:350px;z-index:1000}.chat-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:16px}.chat-header h3{font-size:18px;font-weight:600;margin:0}.chat-minimize-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background .2s ease;width:32px}.chat-minimize-btn:hover{background:#ffffff4d}.chat-messages{background:#f7fafc;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chat-empty{align-items:center;color:#a0aec0;display:flex;flex:1 1;justify-content:center;padding:20px;text-align:center}.chat-message{animation:messageAppear .2s ease-out;display:flex;flex-direction:column;max-width:80%}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.system-message{align-self:center;max-width:100%}.system-message-text{background:#e2e8f0;border-radius:16px;color:#4a5568;font-size:13px;font-style:italic;padding:8px 16px;text-align:center}.own-message{align-self:flex-end}.other-message{align-self:flex-start}.message-header{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px;padding:0 2px}.message-sender{color:#2d3748;font-weight:600}.own-message .message-sender{color:#667eea}.message-role{color:#718096;font-weight:400;margin-left:4px;text-transform:capitalize}.message-time{color:#718096;font-size:11px;font-weight:500;white-space:nowrap}.message-text{word-wrap:break-word;background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000000d;color:#2d3748;line-height:1.4;padding:10px 14px}.own-message .message-text{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-text a{color:inherit;text-decoration:underline;word-break:break-all}.own-message .message-text a{color:#fff}.chat-input-container{align-items:flex-end;background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:12px;padding:16px}.chat-input{border:2px solid #e2e8f0;border-radius:12px;flex:1 1;font-family:inherit;font-size:14px;max-height:80px;padding:10px 14px;resize:none;transition:border-color .2s ease}.chat-input:focus{border-color:#667eea;outline:none}.chat-input:disabled{background:#f7fafc;cursor:not-allowed}.chat-send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;transition:all .2s ease;width:44px}.chat-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width:768px){.whiteboard-chat{height:450px;max-width:350px;width:calc(100vw - 40px)}.chat-minimized-button{bottom:80px}}@media (max-width:480px){.whiteboard-chat{bottom:10px;height:400px;right:10px;width:calc(100vw - 20px)}}.feedback-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.feedback-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.feedback-modal-header{border-bottom:1px solid #e0e0e0;padding:24px 24px 16px}.feedback-modal-header h2{color:#333;font-family:ClashGrotesk-Medium,sans-serif;font-size:1.5em;margin:0 0 8px}.feedback-modal-subtitle{color:#666;font-size:.95em;margin:0}.feedback-modal-content{flex:1 1;overflow-y:auto;padding:24px}.feedback-section{margin-bottom:24px}.feedback-section h3{color:#333;font-size:1.1em;font-weight:600;margin:0 0 12px}.star-rating-container{margin-bottom:16px}.star-rating-label{color:#555;display:block;font-size:.9em;margin-bottom:8px}.star-rating{display:flex;gap:4px}.star{background:none;border:none;color:#ddd;cursor:pointer;font-size:2em;line-height:1;padding:0;transition:all .2s ease}.star.filled{color:#ffc107;transform:scale(1.1)}.star:hover:not(:disabled){transform:scale(1.2)}.star:disabled{cursor:not-allowed;opacity:.6}.issue-checkboxes{display:flex;flex-direction:column;gap:12px}.checkbox-label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.95em;gap:10px}.checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.checkbox-label span{-webkit-user-select:none;user-select:none}.textarea-label{align-items:center;color:#555;display:flex;font-size:.9em;font-weight:500;justify-content:space-between;margin-bottom:8px}.char-count{color:#999;font-size:.85em}.feedback-textarea{font-size:.95em;padding:12px;transition:border-color .2s ease}.feedback-textarea:disabled{background-color:#f5f5f5}.feedback-textarea::placeholder{color:#aaa}.feedback-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-size:.9em;margin-top:16px;padding:12px}.feedback-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.feedback-skip-btn{background:#fff;border:2px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:1em;font-weight:600;padding:12px 24px;transition:all .2s ease}.feedback-skip-btn:hover:not(:disabled){border-color:#999;color:#333}.feedback-skip-btn:disabled{cursor:not-allowed;opacity:.6}.feedback-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:12px 24px;transition:all .2s ease}.feedback-submit-btn:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.feedback-submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (max-width:768px){.feedback-modal{margin:10px;max-height:95vh;max-width:100%}.feedback-modal-header{padding:20px 20px 12px}.feedback-modal-header h2{font-size:1.3em}.feedback-modal-content{padding:20px}.star{font-size:1.8em}.feedback-modal-footer{flex-direction:column-reverse}.feedback-skip-btn,.feedback-submit-btn{width:100%}}.feedback-modal-content::-webkit-scrollbar{width:8px}.feedback-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.feedback-modal-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.feedback-modal-content::-webkit-scrollbar-thumb:hover{background:#999}body,html{margin:0;margin-top:0!important;padding:0}:root{--navbar-bg-color:#333;--sidebar-bg-color:#f5f5f5;--button-bg-color:#555;--button-active-bg-color:#4caf50;--button-disabled-bg-color:#888;--button-hover-bg-color:#666;--end-session-bg-color:#ff4d4d;--end-session-hover-bg-color:#ff1a1a;--text-color:#fff;--disabled-text-color:#ccc;--border-color:#ddd;--font-size-base:1rem;--font-size-large:1.125rem;--padding-base:0.625rem;--padding-horizontal:1.25rem;--margin-base:0.625rem}.whiteboard-container{display:flex;flex-direction:column;font-size:1rem;font-size:var(--font-size-base);height:100vh;overflow:hidden;width:100vw}.navbar{background-color:#333;background-color:var(--navbar-bg-color);box-sizing:border-box;color:#fff;color:var(--text-color);flex:0 0 auto;justify-content:space-between;padding:0 1.25rem;padding:0 var(--padding-horizontal);z-index:1000}.button-group,.icon-button,.navbar,.page-controls{align-items:center;display:flex}.icon-button{background-color:#555;background-color:var(--button-bg-color);border:none;border-radius:.25rem;color:#fff;color:var(--text-color);cursor:pointer;font-size:1rem;justify-content:center;margin-right:.625rem;margin-right:var(--margin-base);padding:.625rem;padding:var(--padding-base);transition:background-color .3s}.icon-button:hover{background-color:#666;background-color:var(--button-hover-bg-color)}.icon-button.active{background-color:#4caf50;background-color:var(--button-active-bg-color)}.icon-button:disabled{background-color:#888;background-color:var(--button-disabled-bg-color);color:#ccc;color:var(--disabled-text-color);cursor:not-allowed}.page-controls{align-items:center;display:flex}.page-number{font-size:1rem;margin-left:.625rem}.end-session-button{background-color:#ff4d4d;background-color:var(--end-session-bg-color);border:none;border-radius:.25rem;color:#fff;color:var(--text-color);cursor:pointer;font-size:1rem;padding:.625rem 1.25rem;padding:var(--padding-base) var(--padding-horizontal);transition:background-color .3s}.end-session-button:hover{background-color:#ff1a1a;background-color:var(--end-session-hover-bg-color)}.main-content{flex:1 1 auto;flex-direction:row;overflow:hidden}.canvas-container{align-items:center;border-right:.125rem solid #ddd;border-right:.125rem solid var(--border-color);display:flex;flex:1 1;height:100%;justify-content:center;overflow:hidden}.drawing-canvas{background-color:#fff;cursor:crosshair;height:100%;object-fit:contain;width:100%}.right-strip{flex:0 0 30%;max-width:250px;overflow:hidden}.right-strip,.right-strip-content{display:flex;flex-direction:column}.right-strip-content{align-items:stretch;gap:.5rem;width:100%}.video-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;min-height:200px;width:100%}.video-tile{border-radius:6px;height:100%;overflow:hidden;position:relative;width:100%}.video-tile video{background:#000;display:block;height:100%;object-fit:cover;width:100%}.participant-status-overlay{align-items:flex-start;color:#fff;display:flex;font-size:12px;justify-content:space-between;left:8px;pointer-events:none;position:absolute;right:8px;text-shadow:0 1px 2px #0009;top:6px}.participant-status-overlay .participant-name{font-weight:600;max-width:-webkit-fit-content;max-width:fit-content;padding:4px 8px;white-space:nowrap}.media-icons,.participant-status-overlay .participant-name{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:4px}.media-icons{display:flex;gap:6px;padding:4px 6px}.media-icon{color:#28c36f;font-size:16px;line-height:1;position:relative}.media-icon.off{color:#b3b3b3}.media-icon.off:after{border-top:2px solid #d64545;content:"";left:-2px;position:absolute;right:-2px;top:50%;transform:rotate(-28deg)}.no-signal-overlay{background:#0000008c;color:#fff;flex-direction:column;gap:6px;inset:0;padding:0 12px;text-align:center}.no-signal-icon{font-size:28px}.no-signal-text{font-size:15px;font-weight:600;letter-spacing:.4px}.no-signal-subtext{font-size:12px;line-height:1.4;max-width:90%}.right-strip-content p,.right-strip-content ul{width:100%}.right-strip-content ul{list-style:none;margin:0;padding:0}.right-strip-content li{margin-bottom:.5rem}@media (max-width:768px){.navbar{align-items:flex-start;padding:1rem}.main-content,.navbar{flex-direction:column}.canvas-container{border-bottom:.125rem solid #ddd;border-bottom:.125rem solid var(--border-color);border-right:none;flex:3 1;height:70vh;width:100%}.right-strip{flex:1 1;font-size:1rem;height:30vh;width:100%}}.canvas-container{background-color:#00ff001a}.right-strip{background-color:#ff00001a}.toolbar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea33;color:#fff;display:flex;flex:0 0 auto;gap:10px;padding:10px 12px}.toolbar button{background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;padding:6px 10px;transition:all .2s ease}.toolbar button:hover{background:#ffffff40;transform:translateY(-1px)}.toolbar button.active{background:#ffffff4d;border-color:#ffffff80}.toolbar button.undo-available{background:#4ade8033;border-color:#4ade8066;color:#10b981}.toolbar button.undo-available:hover{background:#4ade804d;transform:translateY(-1px)}.toolbar button.undo-disabled{background:#9ca3af33;border-color:#9ca3af4d;color:#9ca3af;cursor:not-allowed;opacity:.5}.toolbar button.undo-disabled:hover{background:#9ca3af33;transform:none}.toolbar button.redo-available{background:#6366f133;border-color:#6366f166;color:#6366f1}.toolbar button.redo-available:hover{background:#6366f14d;transform:translateY(-1px)}.toolbar button.redo-disabled{background:#9ca3af33;border-color:#9ca3af4d;color:#9ca3af;cursor:not-allowed;opacity:.5}.toolbar button.redo-disabled:hover{background:#9ca3af33;transform:none}.pen-dropdown-container{display:inline-block;position:relative}.pen-dropdown-btn{align-items:center;display:flex!important;gap:4px}.dropdown-arrow{font-size:.7em;opacity:.7;transition:transform .2s ease}.pen-dropdown-btn.dropdown-open .dropdown-arrow{transform:rotate(180deg)}.pen-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#282c34f2;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 12px #0000004d;left:0;margin-top:4px;min-width:220px;padding:12px;position:absolute;top:100%;z-index:1000}.pen-section{margin-bottom:16px}.pen-section:last-child{margin-bottom:0}.section-label{color:#fffc;font-size:.85em;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.pen-sizes{display:flex;gap:8px;margin-bottom:8px}.size-dot{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.size-dot:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.size-dot.active{background:#4caf5033;border-color:#4caf50}.size-dot.highlighter.active{background:#ffb30033;border-color:#ffb300}.dot-preview{border-radius:50%;transition:all .2s ease}.highlighter-preview{border-radius:2px}.color-section{display:flex;flex-direction:column;gap:8px;position:relative}.color-palette-btn{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:6px;color:#fffc;cursor:pointer;display:flex;font-size:.85em;gap:8px;min-width:140px;padding:8px 12px;transition:all .2s ease}.color-palette-btn:hover{background:#fff3;border-color:#ffffff80}.color-palette-btn.active{background:#4caf5033;border-color:#4caf50}.color-preview{border:2px solid #ffffff80;border-radius:50%;height:16px;margin-left:auto;width:16px}.color-picker-submenu{background:#1e222af2;border:1px solid #ffffff4d;border-radius:6px;box-shadow:0 4px 12px #0006;left:0;margin-top:4px;padding:12px;position:absolute;right:0;top:100%;z-index:1001}.preset-colors{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin-top:8px}.preset-color{border:2px solid #ffffff4d;border-radius:4px;cursor:pointer;height:28px;transition:all .2s ease;width:28px}.preset-color:hover{border-color:#fff9;transform:scale(1.1)}.color-picker{background:none;border:none;border-radius:4px;cursor:pointer;height:32px;width:100%}.color-picker::-webkit-color-swatch-wrapper{border:2px solid #ffffff4d;border-radius:4px;padding:2px}.color-picker::-webkit-color-swatch{border:none;border-radius:2px}.toolbar .zoom-display{background:#ffffff26;border-radius:6px;font-size:12px;font-weight:500;min-width:40px;padding:6px 10px;text-align:center}.toolbar input[type=color]{background:#fff;border:none;border-radius:6px;height:24px;padding:0;width:32px}.content{display:flex}.canvas-area,.content{flex:1 1;min-height:0;position:relative}.canvas-area{background:#f9f7f3;overflow:hidden}.video-overlay{display:flex;flex-direction:column;gap:6px;position:absolute;right:8px;top:8px;z-index:5}.video-overlay.small .video-container{height:90px;width:160px}.video-overlay.normal .video-container{height:135px;width:240px}.video-overlay.large .video-container{height:180px;width:320px}.video-overlay-controls{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:8px;color:#fff;font-size:12px;padding:6px 8px}.video-overlay-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr}.video-container{align-items:center;background:#000;border-radius:6px;display:flex;justify-content:center;min-height:100px}.video-overlay-grid video{background:#000;display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:2}.no-signal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.no-signal-content{color:#ccc;text-align:center}.no-signal-icon{animation:pulse 2s ease-in-out infinite;color:#888;font-size:48px;margin-bottom:12px}@keyframes pulse-red{0%,to{box-shadow:0 0 0 0 #dc2626b3;opacity:1}50%{box-shadow:0 0 0 4px #dc262600;opacity:.8}}.no-signal-text{font-size:14px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.video-status-indicators{display:flex;gap:6px;position:absolute;right:8px;top:8px;z-index:15}.status-icon{align-items:center;border-radius:50%;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.status-icon.enabled{background:#22c55ee6;box-shadow:0 2px 8px #22c55e66}.status-icon.disabled{background:#ef4444e6;box-shadow:0 2px 8px #ef444466}.video-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:4px;bottom:8px;color:#fff;font-size:12px;font-weight:600;left:8px;padding:4px 10px;position:absolute;z-index:15}.video-overlay.small .no-signal-icon{font-size:24px;margin-bottom:4px}.video-overlay.small .no-signal-text{font-size:10px}.video-overlay.small .status-icon{font-size:11px;height:22px;width:22px}.video-overlay.small .video-label{font-size:10px;padding:2px 6px}.video-overlay.large .no-signal-icon{font-size:64px;margin-bottom:16px}.video-overlay.large .no-signal-text{font-size:16px}.video-overlay.large .status-icon{font-size:16px;height:36px;width:36px}.video-overlay.large .video-label{font-size:14px;padding:6px 12px}.whiteboard-load-alert{align-items:center;display:flex;justify-content:center;position:fixed;right:24px;top:72px;z-index:1200}.whiteboard-load-alert__panel{background:#111827f2;border:1px solid #94a3b840;border-radius:12px;box-shadow:0 12px 28px #0f172a73;color:#f9fafb;font-size:13px;max-width:380px;padding:18px 22px}.whiteboard-load-alert__title{color:#facc15;font-size:16px;font-weight:600;margin:0 0 8px}.whiteboard-load-alert__summary{color:#e2e8f0;font-size:12px;margin:0 0 10px}.whiteboard-load-alert__reasons{color:#fcd34d;font-size:12px;list-style:disc;margin:0 0 12px 18px;padding:0}.whiteboard-load-alert__paths{display:flex;gap:14px;margin-bottom:14px}.whiteboard-load-alert__paths>div{background:#1e293b99;border-radius:6px;flex:1 1;padding:8px 10px}.whiteboard-load-alert__section-label{color:#fbbf24;font-size:12px;font-weight:600;margin-bottom:6px}.whiteboard-load-alert__muted{color:#cbd5f5;font-size:11px;opacity:.7}.whiteboard-load-alert__row{align-items:center;display:flex;font-size:11px;gap:8px;margin-bottom:4px}.whiteboard-load-alert__count{color:#f97316;font-weight:600;min-width:26px;text-align:right}.whiteboard-load-alert__path{color:#e2e8f0;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whiteboard-load-alert__actions{display:flex;gap:8px;justify-content:flex-end}.whiteboard-load-alert__actions button{background:#3b82f626;border:1px solid #3b82f666;border-radius:4px;color:#bfdbfe;cursor:pointer;font-size:12px;padding:6px 10px}.whiteboard-load-alert__actions button:first-child{background:#ef444433;border-color:#ef444473;color:#fecaca}.whiteboard-load-alert__actions button:hover{background:#bfdbfe33}@media (max-width:768px){.video-overlay.small .video-container{height:79px;width:140px}.video-overlay.normal .video-container{height:112px;width:200px}.video-overlay.large .video-container{height:158px;width:280px}}@media (max-width:480px){.video-overlay.small .video-container{height:68px;width:120px}.video-overlay.normal .video-container{height:90px;width:160px}.video-overlay.large .video-container{height:112px;width:200px}}.toast{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #ffffff80,inset 0 -1px 0 #ffffff1a,inset 0 0 20px 10px #ffffff1a;max-width:500px;min-width:300px;opacity:0;overflow:hidden;position:relative;transform:translateX(100%) scale(.9);transition:all .3s cubic-bezier(.4,0,.2,1)}.toast:before{background:linear-gradient(90deg,#0000,#fffc,#0000);height:1px;right:0}.toast:after,.toast:before{content:"";left:0;position:absolute;top:0}.toast:after{background:linear-gradient(180deg,#fffc,#0000,#ffffff4d);height:100%;width:1px}.toast--visible{opacity:1;transform:translateX(0) scale(1)}.toast--exiting{opacity:0;transform:translateX(100%) scale(.9)}.toast__content{gap:12px;padding:16px 20px}.toast__content,.toast__icon{align-items:center;display:flex}.toast__icon{flex-shrink:0;font-size:18px;height:24px;justify-content:center;width:24px}.toast__message{color:#000!important;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;line-height:1.4}.toast__close{align-items:center;background:none;border:none;border-radius:50%;color:#666!important;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.toast__close:hover{background:#00000014;color:#000!important}.toast--info{background:#007aff26;border-color:#007aff4d}.toast--info,.toast--success{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.toast--success{background:#34c75926;border-color:#34c7594d}.toast--warning{background:#ff950026;border-color:#ff95004d}.toast--error,.toast--warning{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.toast--error{background:#ff3b3026;border-color:#ff3b304d}.toast-container{display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none;position:fixed;right:20px;top:20px;width:100%;z-index:9999}.toast-container .toast{pointer-events:all}@media (max-width:768px){.toast-container{left:10px;max-width:none;right:10px;top:10px}}.toast:hover{box-shadow:0 12px 40px #00000026,0 20px 80px #0000001a,inset 0 1px 0 #ffffff80;transform:translateX(0) scale(1.02)}.cookie-consent-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -4px 20px #0000001a;left:0;padding:1rem 2rem;position:fixed;right:0;z-index:10000}.cookie-content{align-items:center;display:flex;gap:2rem;margin:0 auto;max-width:1200px}.cookie-text{flex:1 1}.cookie-text h4{color:#2c3e50;font-size:1.1rem;margin:0 0 .5rem}.cookie-text p{color:#555;font-size:.9rem;line-height:1.4;margin:0 0 .5rem}.privacy-link{margin-top:.5rem!important}.privacy-link a{color:#667eea;text-decoration:none}.privacy-link a:hover{text-decoration:underline}.cookie-actions{display:flex;flex-shrink:0;gap:1rem}.cookie-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.cookie-accept{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cookie-accept:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}.cookie-decline{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.cookie-decline:hover{background:#e9ecef}@media (max-width:768px){.cookie-consent-banner{padding:1rem}.cookie-content{flex-direction:column;gap:1rem;text-align:center}.cookie-actions{justify-content:center;width:100%}.cookie-btn{flex:1 1;max-width:150px}}@media (max-width:480px){.cookie-actions{flex-direction:column;gap:.5rem}.cookie-btn{max-width:none}}.support-chat-widget{bottom:24px;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;max-width:calc(100vw - 32px);position:fixed;right:24px;width:360px;z-index:1001}.support-chat-window{background:#0f172a;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 20px 50px #0006;color:#f8fafc;display:flex;flex-direction:column;height:500px;overflow:hidden}.support-chat-topbar{align-items:center;background:linear-gradient(136deg,#0ea5e9,#6366f1 55%,#4338ca);border-bottom:1px solid #94a3b833;display:flex;justify-content:space-between;padding:18px 22px}.support-chat-topbar h3{color:#f8fafc;font-size:1.05rem;font-weight:700;letter-spacing:.01em;margin:0}.support-chat-topbar-actions{align-items:center;display:inline-flex;gap:8px}.support-chat-close-btn,.support-chat-minimize-btn{align-items:center;background:#0f172a26;border:1px solid #0f172a33;border-radius:50%;color:#f8fafc;cursor:pointer;display:inline-flex;font-size:.95rem;height:32px;justify-content:center;transition:background .2s ease,transform .2s ease,border-color .2s ease;width:32px}.support-chat-close-btn:hover,.support-chat-minimize-btn:hover{background:#0f172a59;border-color:#0f172a61;transform:translateY(-1px)}.support-chat-close-btn{color:#fee2e2;font-size:1.5rem;line-height:1}.support-chat-close-btn:hover{background:#f8717133;border-color:#f8717159}.support-chat-closed-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #fcd34d;box-shadow:0 2px 8px #fbbf2433;color:#78350f;font-size:.875rem;font-weight:600;padding:12px 20px;text-align:center}.support-chat-messages-area{background:linear-gradient(180deg,#1e293b 0,#0f172a);display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:20px}.support-chat-messages-area::-webkit-scrollbar{width:6px}.support-chat-messages-area::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.support-chat-messages-area::-webkit-scrollbar-track{background:#0000}.support-chat-loading{align-items:center;color:#e2e8f0d9;display:flex;flex-direction:column;gap:14px;height:100%;justify-content:center;padding:60px 20px}.support-chat-spinner{animation:support-chat-spin .9s linear infinite;border:3px solid #94a3b847;border-radius:50%;border-top-color:#38bdf8;height:36px;width:36px}@keyframes support-chat-spin{to{transform:rotate(1turn)}}.support-chat-msg{animation:support-chat-slide-in .28s ease;display:flex;flex-direction:column;gap:6px;margin-bottom:0;max-width:78%}@keyframes support-chat-slide-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.support-chat-msg-sent{align-self:flex-end}.support-chat-msg-received{align-self:flex-start}.support-chat-msg-welcome{align-self:center!important;margin:20px 0!important;max-width:90%!important}.support-chat-msg-bubble{word-wrap:break-word;border-radius:18px;box-shadow:0 4px 12px #0f172a26;font-size:.95rem;line-height:1.5;overflow-wrap:break-word;padding:12px 16px}.support-chat-msg-sent .support-chat-msg-bubble{background:linear-gradient(135deg,#22d3ee,#0ea5e9 45%,#2563eb);border-bottom-right-radius:6px;box-shadow:0 4px 12px #0ea5e94d;color:#fff}.support-chat-msg-received .support-chat-msg-bubble{background:#334155e6;border:1px solid #94a3b833;border-bottom-left-radius:6px;color:#f1f5f9}.support-chat-msg-welcome .support-chat-msg-bubble{background:linear-gradient(135deg,#0ea5e91f,#6366f11f);border:1.5px solid #0ea5e94d;border-radius:14px;box-shadow:0 4px 12px #0ea5e926;color:#e0f2fe;font-weight:400;padding:16px 20px;text-align:center}.support-chat-msg-timestamp{font-feature-settings:"tnum";color:#94a3b8bf;font-size:.75rem;font-variant-numeric:tabular-nums;padding:0 4px}.support-chat-msg-sent .support-chat-msg-timestamp{text-align:right}.support-chat-msg-received .support-chat-msg-timestamp{text-align:left}.support-chat-input-area{background:linear-gradient(180deg,#0f172af2,#0f172ae0);border-top:1px solid #94a3b829;padding:18px}.support-chat-input-wrapper{align-items:center;display:flex;gap:12px}.support-chat-input-field{background:#0f172aa6;border:1px solid #94a3b840;border-radius:14px;color:#f8fafc;flex:1 1;font-size:.95rem;padding:12px 16px;transition:border .2s ease,box-shadow .2s ease,background .2s ease}.support-chat-input-field::placeholder{color:#94a3b8a6}.support-chat-input-field:focus{background:#0f172ad1;border-color:#0ea5e9bf;box-shadow:0 0 0 3px #38bdf833;outline:none}.support-chat-send-button{align-items:center;background:linear-gradient(136deg,#38bdf8,#6366f1 60%,#4338ca);border:none;border-radius:14px;color:#f8fafc;cursor:pointer;display:inline-flex;font-size:1.05rem;height:44px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;width:44px}.support-chat-send-button:hover:not(:disabled){box-shadow:0 18px 35px #3b82f659;transform:translateY(-1px) scale(1.03)}.support-chat-send-button:disabled{cursor:not-allowed;filter:grayscale(.2);opacity:.45}.support-chat-compact-form{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(136deg,#0f172af5,#1e293bf0);border:1px solid #94a3b82e;border-radius:18px;box-shadow:0 18px 45px #0f172a80;padding:14px 16px}.support-chat-compact-inner{align-items:center;display:flex;gap:10px}.support-chat-compact-input{background:#0f172abf;border:1px solid #94a3b840;border-radius:12px;color:#f8fafc;flex:1 1;font-size:.9rem;padding:10px 14px}.support-chat-compact-input::placeholder{color:#94a3b899}.support-chat-compact-input:focus{border-color:#0ea5e9a6;box-shadow:0 0 0 2px #38bdf833;outline:none}.support-chat-compact-send{background:linear-gradient(136deg,#38bdf8,#6366f1 60%,#4338ca);border:none;border-radius:12px;color:#f8fafc;cursor:pointer;font-size:1rem;height:40px;transition:transform .2s ease,box-shadow .2s ease;width:40px}.support-chat-compact-send:hover:not(:disabled){box-shadow:0 12px 28px #3b82f659;transform:translateY(-1px)}.support-chat-compact-send:disabled{cursor:not-allowed;opacity:.45}.support-chat-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1002}.support-chat-modal{animation:slideUp .3s ease;background:#1e293b;border:1px solid #94a3b84d;border-radius:16px;box-shadow:0 24px 48px #00000080;max-width:420px;overflow:hidden;width:90%}.support-chat-modal-header{background:linear-gradient(136deg,#0ea5e9,#6366f1 55%,#4338ca);padding:20px 24px}.support-chat-modal-header h4{color:#f8fafc;font-size:1.125rem;font-weight:700;letter-spacing:.01em;margin:0}.support-chat-modal-body{color:#cbd5e1;font-size:.9375rem;line-height:1.6;padding:24px}.support-chat-modal-body p{margin:0}.support-chat-modal-actions{background:#0f172a66;border-top:1px solid #94a3b826;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.support-chat-modal-cancel,.support-chat-modal-confirm{border:none;border-radius:8px;cursor:pointer;font-size:.9375rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.support-chat-modal-cancel{background:#94a3b826;border:1px solid #94a3b840;color:#e2e8f0}.support-chat-modal-cancel:hover{background:#94a3b840;border-color:#94a3b859;transform:translateY(-1px)}.support-chat-modal-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ef44444d;box-shadow:0 4px 12px #ef444440;color:#fff}.support-chat-modal-confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444459;transform:translateY(-1px)}@media (max-width:520px){.support-chat-widget{bottom:16px;right:16px;width:calc(100vw - 32px)}.support-chat-window{height:460px}.support-chat-modal{width:calc(100vw - 32px)}}.support-chat-trigger{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;bottom:80px;box-shadow:0 4px 20px #667eea4d;color:#fff;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:fixed;right:20px;transition:all .3s ease;z-index:999}.support-chat-trigger:hover{box-shadow:0 6px 25px #667eea66;transform:translateY(-2px)}*{box-sizing:border-box;margin:0;padding:0}.navbar-header{background:#f9f7f3;container-name:navbar;container-type:inline-size;height:60px;left:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.navbar-top-row{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:auto 1fr auto;height:60px;margin:0 auto;min-width:0;padding:0 20px;position:relative}.hamburger-btn{align-items:center;background-color:#ebe1d3!important;border:1px solid #f3f1ed!important;border-radius:4px;color:#000!important;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease;width:84.29px}.hamburger-btn:hover{background-color:#48a6a7}.navbar-logo{justify-self:center;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:1000}.logo-text{color:#333;font-size:1.5rem;font-weight:700;text-decoration:none;white-space:nowrap}.nav-links{background:#f8f8f8;border-top:1px solid #ddd;display:none;left:0;list-style:none;padding:1rem;position:absolute;right:0;top:60px;z-index:999}.nav-links.open{display:block}.nav-links li{margin:.75rem 0}.nav-item{color:#333;font-weight:500;text-decoration:none}.nav-item:hover{color:#48a6a7}.navbar-right{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem;justify-self:end;min-width:0;overflow:visible}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:ClashGrotesk-Semibold,sans-serif;font-size:16px;font-weight:600;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.login-btn{background-color:initial;border:2px solid #667eea;color:#667eea}.login-btn:hover{background-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.signup-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;box-shadow:0 2px 8px #667eea33;color:#fff!important}.signup-btn:hover{background:linear-gradient(135deg,#5568d3,#6a4091);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.user-menu{align-items:center;display:flex;justify-content:center;position:relative}.user-name{color:#333;font-size:1rem;margin-right:8px}.user-icon-container{align-items:center;cursor:pointer;display:flex;justify-content:center;pointer-events:auto;position:relative;-webkit-user-select:none;user-select:none;width:84px;z-index:10}.dropdown-menu{background:#f9f7f3;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;overflow:hidden;position:absolute;right:0;top:110%;width:200px;z-index:1100}.navbar-right .notif-bell{align-items:center;display:flex;position:relative}.navbar-right .notif-btn{align-items:center;background:#0000;border:none;border-radius:9999px;display:inline-flex;height:40px;justify-content:center;line-height:1;width:40px}.navbar-right .notif-btn:hover{background:#0000000f}.navbar-right .notif-badge{font-size:11px;right:-4px;top:-4px}.navbar-right .notif-panel{right:0;top:50px;z-index:1200}.dropdown-item,button.dropdown-item{background-color:#f9f7f3;border:none;color:#333;cursor:pointer;display:block;font-family:ClashGrotesk-Regular,sans-serif;font-size:16px;font-weight:400;padding:10px 15px;text-align:left;text-decoration:none;transition:background-color .3s ease;width:100%}.nav-avatar{--avatar-size:46px;--avatar-shadow:0 12px 26px #4f46e547;--avatar-border-width:2px;font-size:1.05rem}.nav-avatar span{color:inherit;position:relative;z-index:1}.dropdown-item:hover,button.dropdown-item:hover{background-color:#ececec}.dropdown-item button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;font-size:inherit;margin:0;padding:0;text-align:left;width:100%}@container navbar (min-width: 1200px){.navbar-top-row{gap:2rem;grid-template-columns:minmax(auto,200px) 1fr minmax(auto,300px);padding:0 30px}.hamburger-btn{display:none}.navbar-logo{justify-self:start}.nav-links{background:#0000;display:flex!important;gap:1.5rem;justify-self:center;position:static}.nav-links li{margin:0}.navbar-right{gap:.75rem}.login-btn,.signup-btn{display:inline-flex!important}.user-name{display:inline-block}}@container navbar (min-width: 1000px) and (max-width: 1199px){.navbar-top-row{gap:1.5rem;grid-template-columns:minmax(auto,180px) 1fr minmax(auto,250px);padding:0 25px}.hamburger-btn{display:none}.navbar-logo{justify-self:start}.nav-links{background:#0000;display:flex!important;gap:1.25rem;justify-self:center;position:static}.nav-links li{margin:0}.navbar-right{gap:.75rem}.login-btn{display:none!important}.signup-btn{display:inline-flex!important}.user-name{display:inline-block}}@container navbar (min-width: 900px) and (max-width: 999px){.navbar-top-row{gap:1rem;grid-template-columns:minmax(auto,150px) 1fr minmax(auto,200px);padding:0 20px}.hamburger-btn{display:none}.navbar-logo{justify-self:start}.nav-links{background:#0000;display:flex!important;gap:1rem;justify-self:center;position:static}.nav-links li{font-size:.95rem;margin:0}.navbar-right{gap:.5rem}.login-btn{display:none!important}.signup-btn{display:inline-flex!important;font-size:14px;padding:.65rem 1.25rem}.user-name{display:inline-block;font-size:.9rem}}@container navbar (min-width: 768px) and (max-width: 899px){.navbar-top-row{gap:1rem;grid-template-columns:auto 1fr auto;padding:0 20px}.hamburger-btn{display:flex}.navbar-logo{justify-self:center}.nav-links{background:#f8f8f8;border-top:1px solid #ddd;display:none;left:0;padding:1rem;position:absolute;right:0;top:60px}.nav-links.open{display:block}.navbar-right{gap:.5rem}.login-btn{display:none!important}.signup-btn{display:inline-flex!important}.user-name{display:none}}@container navbar (min-width: 600px) and (max-width: 767px){.navbar-top-row{gap:.75rem;grid-template-columns:auto 1fr auto;padding:0 15px}.hamburger-btn{display:flex}.navbar-logo{justify-self:center}.navbar-right{gap:.5rem}.login-btn,.navbar-right .notif-bell{display:none!important}.signup-btn{display:inline-flex!important;font-size:14px;padding:.6rem 1rem}.user-name{display:none}}@container navbar (min-width: 376px) and (max-width: 599px){.navbar-top-row{gap:.5rem;grid-template-columns:auto 1fr auto;padding:0 15px}.hamburger-btn{display:flex;padding:.5rem .75rem}.navbar-logo{justify-self:center}.navbar-right{gap:.5rem}.login-btn,.navbar-right .notif-bell{display:none!important}.signup-btn{display:inline-flex!important;font-size:13px;padding:.5rem .85rem}.user-name{display:none}}@container navbar (max-width: 375px){.navbar-top-row{gap:.5rem;grid-template-columns:auto 1fr auto;justify-content:space-between;padding:0 10px}.hamburger-btn{display:flex;padding:.5rem}.navbar-logo{display:none!important}.navbar-right{gap:0}.login-btn,.navbar-right .notif-bell{display:none!important}.signup-btn{display:inline-flex!important;font-size:12px;min-width:70px;padding:.5rem .75rem}.user-name{display:none}.user-icon-container{padding:0 .5rem;width:auto}}@media (min-width:1200px){.navbar-top-row{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;padding:0 30px}.hamburger-btn{display:none}.navbar-logo{justify-self:start;margin-right:0}.logo-text{display:inline-block!important}.nav-links{align-items:center;background:#0000;border-top:none;display:flex!important;flex-wrap:nowrap;justify-content:center;justify-self:center;margin:0;padding:0;position:static}.nav-links li{margin:0 1rem;white-space:nowrap}.navbar-right{display:flex;flex-wrap:nowrap;gap:.75rem;justify-self:end;margin-left:0}.login-btn,.signup-btn{display:inline-flex;font-size:16px;padding:.75rem 1.5rem;white-space:nowrap;width:auto}.user-name{display:inline-block;white-space:nowrap}}@media (min-width:900px) and (max-width:1199px){.navbar-top-row{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;padding:0 25px}.hamburger-btn{display:none}.navbar-logo{justify-self:start}.logo-text{display:inline-block!important}.nav-links{align-items:center;background:#0000;border-top:none;display:flex!important;flex-wrap:nowrap;justify-content:center;justify-self:center;margin:0;padding:0;position:static}.nav-links li{margin:0 .75rem;white-space:nowrap}.navbar-right{display:flex;gap:.75rem;justify-self:end}.login-btn{display:none!important}.signup-btn{display:inline-flex;font-size:16px;padding:.75rem 1.5rem;white-space:nowrap}.user-name{display:inline-block;white-space:nowrap}}@media (min-width:768px) and (max-width:899px){.navbar-top-row{align-items:center;display:grid;grid-template-columns:auto 1fr auto;padding:0 20px}.hamburger-btn{display:flex}.navbar-logo{justify-self:center}.logo-text{display:inline-block!important}.nav-links{background:#f8f8f8;border-top:1px solid #ddd;display:none;left:0;padding:1rem;position:absolute;right:0;top:60px}.nav-links.open{display:block}.nav-links li{margin:.75rem 0}.navbar-right{display:flex;gap:.75rem;justify-self:end}.login-btn{display:none!important}.signup-btn{display:inline-flex;font-size:14px;padding:.75rem 1.25rem}.user-name{display:none}}@media (max-width:767px){.navbar-top-row{grid-template-columns:auto 1fr auto;padding:0 15px}.navbar-right .notif-bell{display:none!important}.hamburger-btn{box-sizing:border-box;display:flex;padding-left:.5rem;padding-right:.5rem}.navbar-logo{display:block;justify-self:center}.logo-text{display:inline-block!important}.btn{align-items:center;box-sizing:border-box;display:inline-flex;font-size:14px;height:38px;justify-content:center;min-width:90px;padding:0 1rem;text-align:center;white-space:nowrap}.login-btn{display:none!important}.signup-btn{display:inline-flex}.user-name{display:none}.user-icon-container{width:84.29px}}@media (max-width:375px){.navbar-top-row{grid-template-columns:auto auto;justify-content:space-between;padding:0 10px}.navbar-logo{display:none!important}.hamburger-btn{display:flex;justify-self:flex-start}.navbar-right{justify-self:flex-end}.signup-btn{display:inline-flex}}.menu-btn{display:none}.site-footer{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;margin-top:auto;padding:2rem 0 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding:0 2rem}.footer-section h4{color:#ecf0f1;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-section p{color:#bdc3c7;line-height:1.6;margin-bottom:.5rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#bdc3c7;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#667eea}.footer-bottom{border-top:1px solid #34495e;margin-top:2rem;padding:1rem 0;text-align:center}.footer-bottom p{color:#95a5a6;font-size:.9rem;margin:0}@media (max-width:768px){.footer-content{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.footer-section{text-align:center}}.App{display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1 1}.admin-sidebar{background:#fff;border-right:1px solid #e9ecef;box-shadow:2px 0 8px #0000000d;height:calc(100vh - 60px);left:0;overflow-y:auto;position:fixed;top:60px;width:260px;z-index:100}.admin-sidebar-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e9ecef;padding:1.5rem 1rem}.admin-sidebar-header h2{color:#fff;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.25rem;font-weight:700;margin:0;text-align:center}.admin-sidebar-nav{display:flex;flex-direction:column;padding:1rem 0}.admin-sidebar-link{align-items:center;border-left:3px solid #0000;color:#495057;display:flex;font-family:ClashGrotesk-Medium,sans-serif;font-size:.95rem;font-weight:500;gap:.75rem;padding:.875rem 1.25rem;text-decoration:none;transition:all .2s ease}.admin-sidebar-link:hover{background:#f8f9fa;border-left-color:#667eea;color:#667eea}.admin-sidebar-link.active{background:linear-gradient(90deg,#667eea1a,#764ba20d);border-left-color:#667eea;color:#667eea;font-weight:700}.admin-sidebar-link .icon{flex-shrink:0;font-size:1.25rem;text-align:center;width:24px}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.admin-sidebar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width:1024px){.admin-sidebar{width:220px}.admin-sidebar-link{font-size:.875rem;padding:.75rem 1rem}}@media (max-width:768px){.admin-sidebar{transform:translateX(-100%);transition:transform .3s ease}.admin-sidebar.mobile-open{transform:translateX(0)}}.admin-layout{background:#f9f7f3;display:flex;min-height:calc(100vh - 60px)}.admin-content{flex:1 1;margin-left:260px;overflow-y:auto;padding:2rem}@media (max-width:1024px){.admin-content{margin-left:220px;padding:1.5rem}}@media (max-width:768px){.admin-content{margin-left:0;padding:1rem}}.decorative-shapes{height:100%;left:0;overflow:hidden;pointer-events:none;top:0;width:100%}.decorative-shapes,.shape{position:absolute;z-index:1}.shape{animation:fadeInFloat 1.5s ease-out forwards;opacity:0}.shape-1{animation-delay:.1s;left:5%;top:8%;width:80px}.shape-2{animation-delay:.3s;right:8%;top:15%;width:100px}.shape-3{animation-delay:.5s;left:3%;top:45%;transform:rotate(-15deg);width:140px}.shape-4{animation-delay:.7s;right:12%;top:35%;width:70px}.shape-5{animation-delay:.9s;bottom:20%;left:8%;transform:rotate(25deg);width:35px}.shape-6{animation-delay:1.1s;right:5%;top:60%;width:90px}.shape-7{animation-delay:1.3s;bottom:15%;right:15%;transform:rotate(30deg);width:70px}.shape-8{animation-delay:1.5s;left:12%;top:70%;width:60px}.shape-9{animation-delay:.4s;left:15%;top:25%;transform:rotate(-8deg);width:75px}.shape-10{animation-delay:.6s;bottom:30%;right:20%;width:85px}@keyframes fadeInFloat{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.shape-1,.shape-4,.shape-7{animation:fadeInFloat 1.5s ease-out forwards,gentleBob 6s ease-in-out infinite}.shape-2,.shape-5,.shape-9{animation:fadeInFloat 1.5s ease-out forwards,gentleBob 8s ease-in-out infinite;animation-delay:.3s,2s}.shape-10,.shape-3,.shape-6{animation:fadeInFloat 1.5s ease-out forwards,gentleBob 7s ease-in-out infinite;animation-delay:.5s,1s}@keyframes gentleBob{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(2deg)}}.decorative-shapes--subtle .shape{opacity:0}.decorative-shapes--subtle .shape-1,.decorative-shapes--subtle .shape-3,.decorative-shapes--subtle .shape-5,.decorative-shapes--subtle .shape-8{animation:fadeInFloat 1.5s ease-out forwards}.decorative-shapes--hero .shape-1{left:2%;top:5%}.decorative-shapes--hero .shape-2{right:3%;top:10%}.decorative-shapes--hero .shape-5{bottom:10%;left:5%}.decorative-shapes--hero .shape-7{bottom:8%;right:10%}@media (max-width:1024px){.shape{transform:scale(.8)}.shape-3{display:none}}@media (max-width:768px){.shape{transform:scale(.7)}.shape-10,.shape-4,.shape-6,.shape-9{display:none}.shape-1{left:3%;top:5%}.shape-2{right:5%;top:8%}.shape-5{bottom:15%;left:5%}.shape-7{bottom:10%;right:8%}.shape-8{left:5%;top:60%}}.decorative-shapes svg{filter:blur(.5px)}@media (prefers-color-scheme:dark){.decorative-shapes svg{opacity:.5}}.home-page{overflow-x:hidden;width:100%}.section-container{margin:0 auto;max-width:1200px;padding:0 24px}.section-title{color:#1a1a1a;font-family:ClashGrotesk-Bold,sans-serif;font-size:clamp(2rem,5vw,3rem);line-height:1.2;margin-bottom:16px;text-align:center}.section-subtitle{color:#666;font-family:ClashGrotesk-Regular,sans-serif;font-size:clamp(1rem,2.5vw,1.25rem);margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.hero-section{background:linear-gradient(135deg,#f9f7f3,#ebe1d3);overflow:hidden;padding:80px 24px 60px;position:relative}.hero-section:before{background:url(/static/media/dotsnew.1e423be1a535b59d9149.png) no-repeat 50%;background-size:contain;content:"";height:800px;opacity:.03;position:absolute;right:-10%;top:0;width:800px;z-index:0}.hero-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;position:relative;z-index:10}.hero-content{display:flex;flex-direction:column;gap:24px;position:relative;z-index:10}.hero-title{color:#1a1a1a;font-family:ClashGrotesk-Bold,sans-serif;font-size:clamp(2.5rem,6vw,4rem);line-height:1.1;margin:0}.hero-subtitle{color:#555;font-family:ClashGrotesk-Regular,sans-serif;font-size:clamp(1.1rem,2.5vw,1.5rem);line-height:1.6;margin:0}.hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.hero-visual{align-items:center;display:flex;justify-content:center}.hero-visual img{filter:drop-shadow(0 10px 30px rgba(0,0,0,.1));height:auto;max-width:500px;width:100%}.btn-primary,.btn-secondary{align-items:center;border:2px solid #0000;cursor:pointer;display:inline-flex;font-family:ClashGrotesk-Semibold,sans-serif;font-size:1.1rem;justify-content:center;padding:14px 32px;transition:all .3s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#2973b2,#48a6a7);box-shadow:0 4px 15px #2973b24d}.btn-primary:hover{box-shadow:0 6px 25px #2973b266}.btn-secondary{background:#0000;border:2px solid #2973b2;color:#2973b2}.btn-secondary:hover{background:#2973b2;color:#fff}.btn-large{font-size:1.25rem;padding:18px 48px}.benefits-section{background:#fff;padding:80px 24px}.benefits-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.benefit-card{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:16px;display:flex;flex-direction:column;padding:40px 32px;text-align:center;transition:all .3s ease}.benefit-card:hover{border-color:#48a6a7;box-shadow:0 12px 40px #0000001a;transform:translateY(-8px)}.benefit-icon{margin-bottom:24px;max-width:200px;width:100%}.benefit-icon img{height:auto;width:100%}.benefit-card h3{color:#1a1a1a;font-family:ClashGrotesk-Semibold,sans-serif;font-size:1.5rem;margin:0 0 16px}.benefit-card p{color:#666;font-family:ClashGrotesk-Regular,sans-serif;font-size:1.1rem;line-height:1.6;margin:0}.how-it-works-section{background:linear-gradient(135deg,#f9f7f3,#ebe1d3);padding:80px 24px}.steps-grid{grid-gap:40px;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.step-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;padding:40px 32px;position:relative;text-align:center;transition:all .3s ease}.step-card:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-8px)}.step-number{background:linear-gradient(135deg,#2973b2,#48a6a7);box-shadow:0 4px 15px #2973b24d;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.5rem;height:48px;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:48px}.step-icon{margin:24px 0;max-width:150px;width:100%}.step-icon img{height:auto;width:100%}.step-card h3{color:#1a1a1a;font-family:ClashGrotesk-Semibold,sans-serif;font-size:1.4rem;margin:0 0 16px}.step-card p{color:#666;font-family:ClashGrotesk-Regular,sans-serif;font-size:1.05rem;line-height:1.6;margin:0}.testimonials-section{background:#fff;padding:80px 24px}.testimonials-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.testimonial-card{background:linear-gradient(135deg,#f9f7f3,#ebe1d3);border:1px solid #e5e5e5;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:20px;padding:32px;transition:all .3s ease}.testimonial-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.rating{display:flex;justify-content:center}.rating img{height:auto;width:120px}.testimonial-text{color:#333;flex-grow:1;font-family:ClashGrotesk-Regular,sans-serif;font-size:1.1rem;font-style:italic;line-height:1.7;margin:0}.testimonial-author{border-top:1px solid #0000001a;display:flex;flex-direction:column;gap:4px;padding-top:16px}.author-name{color:#1a1a1a;font-family:ClashGrotesk-Semibold,sans-serif;font-size:1.1rem}.author-role{color:#666;font-family:ClashGrotesk-Regular,sans-serif;font-size:.95rem}.cta-section{background:linear-gradient(135deg,#2973b2,#48a6a7);padding:80px 24px;text-align:center}.cta-container{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px}.cta-title{color:#fff;font-family:ClashGrotesk-Bold,sans-serif;font-size:clamp(2rem,5vw,3rem);line-height:1.2;margin:0}.cta-subtitle{color:#ffffffe6;font-family:ClashGrotesk-Regular,sans-serif;font-size:clamp(1.1rem,2.5vw,1.4rem);margin:0 0 16px}.cta-section .btn-primary{background:#fff;box-shadow:0 4px 20px #0003;color:#2973b2}.cta-section .btn-primary:hover{background:#f9f7f3;box-shadow:0 6px 30px #0000004d;transform:translateY(-2px)}@media (max-width:1024px){.hero-section{padding:60px 24px 40px}.hero-container{gap:40px}.benefits-section,.cta-section,.how-it-works-section,.testimonials-section{padding:60px 24px}.section-subtitle{margin-bottom:40px}}@media (max-width:768px){.hero-section{padding:40px 20px 30px}.hero-container{gap:40px;grid-template-columns:1fr}.hero-content{align-items:center;text-align:center}.hero-cta{justify-content:center}.hero-visual{order:-1}.hero-visual img{max-width:400px}.benefits-section,.cta-section,.how-it-works-section,.testimonials-section{padding:50px 20px}.benefits-grid,.steps-grid,.testimonials-grid{gap:24px;grid-template-columns:1fr}.section-subtitle{margin-bottom:32px}}@media (max-width:600px){.hero-section{padding:30px 16px 20px}.hero-container{gap:30px}.hero-visual img{max-width:300px}.hero-cta{flex-direction:column;width:100%}.btn-primary,.btn-secondary{padding:14px 24px;width:100%}.benefits-section,.cta-section,.how-it-works-section,.testimonials-section{padding:40px 16px}.section-container{padding:0 16px}.benefit-card,.step-card,.testimonial-card{padding:32px 24px}.benefit-icon,.step-icon{max-width:150px}}@media (max-width:375px){.hero-section{padding:20px 12px}.benefits-section,.cta-section,.how-it-works-section,.testimonials-section{padding:30px 12px}.section-container{padding:0 12px}.benefit-card,.step-card,.testimonial-card{padding:24px 16px}.btn-primary,.btn-secondary{font-size:1rem;padding:12px 20px}.btn-large{font-size:1.1rem;padding:14px 32px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn-primary:focus,.btn-secondary:focus{outline:3px solid #48a6a7;outline-offset:2px}.parent-student-signup-container{align-items:center;background:#f8f9fa;box-sizing:border-box;display:flex;flex-direction:column;font-family:ClashGrotesk-Regular,sans-serif;justify-content:center;min-height:calc(100vh - 60px);overflow-x:hidden;padding:20px;position:relative;width:100%}.progress-bar-container{border-radius:5px;box-shadow:inset 0 2px 4px #0000001a;height:10px;margin:30px auto 40px;max-width:650px;position:relative;width:100%;z-index:10;z-index:1}.progress-bar{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:5px;box-shadow:0 2px 15px #4facfe66;height:100%;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);border-radius:5px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.signup-content{background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:650px;padding:0;z-index:10}.signup-content,.stepSignUp{box-sizing:border-box;overflow:visible;position:relative;width:100%}.stepSignUp{padding:40px 30px;text-align:center}h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-family:ClashGrotesk-Bold,sans-serif;font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:30px}.options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:30px 0;width:100%}.option-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000a;color:#333;cursor:pointer;display:flex;flex-direction:column;font-weight:500;justify-content:center;min-height:130px;padding:28px 20px;position:relative;text-align:center;transition:all .3s ease;width:100%}.option-card-title{color:#1a202c;font-size:1.15rem;font-weight:600;margin-bottom:8px;transition:color .3s ease}.option-card small{color:#64748b;display:block;font-size:.9rem;font-weight:400;line-height:1.4;margin-top:8px;transition:color .3s ease}.option-card:hover{background:#f8f9fa;border-color:#667eea;box-shadow:0 6px 16px #667eea33;transform:translateY(-2px)}.option-card:active{transform:translateY(-1px) scale(.98)}.stepSignUp input,.stepSignUp input[type=email],.stepSignUp input[type=password],.stepSignUp input[type=tel],.stepSignUp input[type=text]{background:#ffffffe6;border:2px solid #e1e8ed;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:1.1rem;margin:12px 0;outline:none;padding:18px 20px;transition:all .3s ease;width:100%}.stepSignUp input:focus,.stepSignUp input[type=email]:focus,.stepSignUp input[type=password]:focus,.stepSignUp input[type=tel]:focus,.stepSignUp input[type=text]:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.stepSignUp input::placeholder,.stepSignUp input[type=email]::placeholder,.stepSignUp input[type=password]::placeholder,.stepSignUp input[type=tel]::placeholder,.stepSignUp input[type=text]::placeholder{color:#a0a0a0;font-weight:400}.floating-label-container{margin:20px 0;width:100%}.floating-label-container input{background:#ffffffe6;border:2px solid #e1e8ed;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:1.1rem;margin:0;outline:none;padding:18px 20px 8px;transition:all .3s ease;width:100%}.floating-label{background:#ffffffe6;border-radius:4px;color:#667eea;font-size:.8rem;font-weight:600;left:20px;padding:0 4px;pointer-events:none;position:absolute;top:8px;transition:all .3s ease}.floating-label-container input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.floating-label-container input:focus+.floating-label{background:#fff;color:#667eea}.floating-label-container input::placeholder{color:#a0a0a0;font-weight:400}.error{animation:shake .5s ease-in-out;background-color:#ff6b6b0d!important;border-color:#ff6b6b!important}.valid{background-color:#51cf660d!important;border-color:#51cf66!important}.phone-input-floating{display:flex;position:relative;width:100%}.country-code-select{background:#ffffffe6;border:2px solid #e1e8ed;border-radius:12px 0 0 12px;border-right-width:1px;color:#555;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.95rem;margin:0;min-width:100px;outline:none;padding:18px 12px 8px 16px;transition:all .3s ease}.phone-number-input{background:#ffffffe6!important;border:2px solid #e1e8ed!important;border-left-width:1px!important;border-radius:0 12px 12px 0!important;flex:1 1;font-family:inherit!important;font-size:1.1rem!important;margin:0!important;outline:none!important;padding:18px 20px 8px 16px!important;transition:all .3s ease!important}.phone-input-floating:focus-within .country-code-select,.phone-input-floating:focus-within .phone-number-input{background:#fff!important;border-color:#667eea!important}.phone-input-floating:focus-within .country-code-select{border-right:1px solid #667eea!important}.phone-input-floating:focus-within .phone-number-input{border-left:1px solid #667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.phone-input-floating:focus-within+.floating-label{background:#fff!important;color:#667eea!important}.country-code-select:focus,.phone-number-input:focus{background:#fff!important;border-color:#667eea!important}.phone-number-input::placeholder{color:#a0a0a0!important;font-weight:400!important}.phone-input-row{align-items:flex-start;align-items:center;display:flex;gap:15px;margin:20px 0;width:100%}.country-code-container{flex-shrink:0}.country-code-select-standalone{-webkit-appearance:none;appearance:none;background:#ffffffe6;border:2px solid #e1e8ed;border-radius:12px;box-sizing:border-box;color:#555;cursor:pointer;font-family:inherit;font-size:1.2rem;min-width:110px;outline:none;padding:18px 0 18px 20px;text-align:left;transition:all .3s ease}.country-code-select-standalone:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.phone-number-container{flex:1 1;margin:0!important}.phone-input-row.error .country-code-select-standalone,.phone-input-row.error .phone-number-container input{background-color:#ff6b6b0d!important;border-color:#ff6b6b!important}.phone-container .floating-label{background:#ffffffe6!important;border-radius:4px!important;color:#667eea!important;font-size:.8rem!important;font-weight:600!important;left:150px!important;padding:0 4px!important;pointer-events:none!important;position:absolute!important;top:8px!important;transition:all .3s ease!important}.phone-container .phone-input-floating:focus-within+.floating-label{background:#fff!important;color:#667eea!important}.button-group{display:flex;gap:15px;justify-content:space-between;margin-top:30px;width:100%}.button-group button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.button-group button:first-child{background:linear-gradient(135deg,#8e9aab,#738192)!important;box-shadow:0 4px 15px #8e9aab4d!important;color:#fff!important}.button-group button:first-child:hover{background:linear-gradient(135deg,#7a8699,#63707f)!important;box-shadow:0 8px 25px #8e9aab66!important;transform:translateY(-2px)}.button-group button:only-child{background:linear-gradient(135deg,#8e9aab,#738192)!important;box-shadow:0 4px 15px #8e9aab4d!important;color:#fff!important}.button-group button:only-child:hover{background:linear-gradient(135deg,#7a8699,#63707f)!important;box-shadow:0 8px 25px #8e9aab66!important;transform:translateY(-2px)}.button-group button:last-child:not(:first-child),.primary-btn{background:linear-gradient(135deg,#28a745,#20c997)!important;box-shadow:0 4px 15px #28a7454d;color:#fff}.button-group button:last-child:not(:first-child):hover,.primary-btn:hover{background:linear-gradient(135deg,#218838,#1aa085)!important;box-shadow:0 8px 25px #28a74566;transform:translateY(-2px)}.primary-btn{background:linear-gradient(135deg,#51cf66,#40c057)!important;box-shadow:0 6px 20px #51cf664d!important;font-size:1.2rem!important;font-weight:700!important;padding:18px 30px!important}.primary-btn:hover{background:linear-gradient(135deg,#4cc461,#3bb454)!important;box-shadow:0 10px 30px #51cf6666!important}.confirmation-details{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:2px solid #e1e8ed;border-radius:15px;box-shadow:0 8px 25px #0000000d;margin:25px 0;padding:25px;text-align:left}.confirmation-details p{align-items:center;border-bottom:1px solid #0000000d;color:#555;display:flex;font-size:1rem;justify-content:space-between;margin:12px 0;padding:8px 0}.confirmation-details p:last-child{border-bottom:none}.confirmation-details strong{color:#333;font-weight:600;min-width:120px}.tutor-signup-text{color:#495057;font-size:1rem;margin-top:25px;position:relative;z-index:1}.tutor-signup-link{border-bottom:2px solid #0000;color:#667eea;cursor:pointer;font-weight:600;text-decoration:none;transition:all .3s ease}.tutor-signup-link:hover{border-bottom-color:#5a72e7;color:#5a72e7}.tutor-signup-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:50px auto;max-width:500px;padding:40px;text-align:center}.finalBackButton{margin-top:25px;width:100%}.finalBackButton button{background:linear-gradient(135deg,#8e9aab,#738192);border:none;border-radius:12px;box-shadow:0 4px 15px #8e9aab4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.finalBackButton button:hover{background:linear-gradient(135deg,#7a8699,#63707f);box-shadow:0 8px 25px #8e9aab66;transform:translateY(-2px)}@media (max-width:768px){.parent-student-signup-container{padding:15px}.stepSignUp{padding:30px 20px}h2{font-size:1.8rem}.options-grid{gap:15px;grid-template-columns:1fr}.option-card{font-size:.95rem;min-height:110px;padding:24px 18px}.option-card-title{font-size:1.05rem}.option-card small{font-size:.85rem}.button-group{flex-direction:column;gap:12px}.confirmation-details{margin:20px 0;padding:20px}.confirmation-details p{align-items:flex-start;flex-direction:column;gap:5px}.confirmation-details strong{min-width:auto}}@media (max-width:480px){.stepSignUp{padding:25px 15px}h2{font-size:1.6rem}.stepSignUp input{font-size:1rem;padding:16px 18px}.option-card{font-size:.9rem;min-height:100px;padding:20px 16px}.option-card-title{font-size:1rem}.option-card small{font-size:.75rem;margin-top:6px}}@media (max-width:500px){.option-card,input{width:100%}}.consent-checkbox-label{align-items:flex-start!important;cursor:pointer!important;display:flex!important;gap:20px!important}.consent-checkbox-label input[type=checkbox]{accent-color:#667eea!important;cursor:pointer!important;flex-shrink:0!important;height:18px!important;margin-right:20px!important;margin-top:3px!important;width:18px!important}.loading-container{box-sizing:border-box;height:100vh;margin-top:0;padding:20px}.loading-container>div:first-child{height:200px!important;max-height:80vh;max-width:80vw;width:200px!important}.lottie-wrapper{height:150px;margin:0 auto;max-width:80%;width:150px}.loadingAnimation{color:#333;font-family:ClashGrotesk-Medium,sans-serif;font-size:1.125rem;margin-top:20px;text-align:center}.bt-container{color:#333;font-family:Arial,sans-serif;margin-top:20px;padding:0 20px}.bt-hero-section{align-items:center;background:linear-gradient(135deg,#dce9f9,#f9fcff);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:50px;padding:50px}.bt-hero-content{flex:1 1;margin-right:20px}.bt-hero-content h1{color:#2c3e50;font-size:2.8rem;margin-bottom:20px}.bt-hero-content p{color:#34495e;font-size:1.2rem;margin-bottom:20px}.bt-hero-cta{background-color:#3498db;border-radius:30px;color:#fff;font-weight:700;padding:12px 25px;text-decoration:none;transition:background-color .3s ease}.bt-hero-cta:hover{background-color:#2980b9}.bt-hero-image{flex:1 1;text-align:right}.bt-hero-image img{border-radius:10px;height:auto;max-width:100%}.bt-process-section{background-color:#f7f9fa;border-radius:10px;margin-bottom:50px;padding:40px;text-align:center}.bt-process-section h2{color:#2c3e50;font-size:2rem;margin-bottom:30px}.bt-process-steps{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.bt-process-step{background:#ecf0f1;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;width:280px}.bt-process-step h3{color:#2c3e50;font-size:1.2rem;margin-bottom:10px}.bt-process-step p{color:#34495e;font-size:1rem}.bt-benefits-section{background:#eafaf1;border-radius:10px;margin-bottom:50px;padding:50px;text-align:center}.bt-benefits-section h2{color:#27ae60;font-size:2rem;margin-bottom:30px}.bt-benefits-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.bt-benefit-item{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:20px;text-align:center}.bt-benefit-item img{margin-bottom:15px;width:60px}.bt-benefit-item h3{color:#27ae60;font-size:1.2rem;margin-bottom:10px}.bt-benefit-item p{color:#7f8c8d;font-size:1rem}.bt-cta-section{background:#f1c40f;border-radius:10px;margin-bottom:50px;padding:50px;text-align:center}.bt-cta-section h2{color:#fff;font-size:2rem;margin-bottom:20px}.bt-cta-btn{background-color:#e67e22;border-radius:30px;color:#fff;font-size:1.1rem;font-weight:700;padding:14px 30px;text-decoration:none;transition:background-color .3s ease}.bt-cta-btn:hover{background-color:#d35400}@media (max-width:768px){.bt-hero-section{flex-direction:column;text-align:center}.bt-hero-content{margin:0 0 20px}.bt-hero-image{text-align:center}}.preflight-page{align-items:flex-start;background:linear-gradient(180deg,#f0f4ff,#fff 40%);display:flex;justify-content:center;min-height:100vh;padding:3rem 1.5rem}.preflight-card{background:#fff;border-radius:18px;box-shadow:0 32px 80px #0f31781f;display:flex;flex-direction:column;gap:28px;max-width:980px;padding:32px;width:100%}.preflight-header{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.preflight-title h1{color:#14234b;font-size:1.6rem;margin:0 0 4px}.preflight-title p{color:#5a678a;font-size:.95rem;margin:0}.preflight-meta{align-items:center;display:flex;gap:12px}.preflight-role{background:#eef2ff;border-radius:999px;color:#3341a0;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:capitalize}.preflight-role--tutor{background:#ffe9f0;color:#a71c5d}.preflight-role--student{background:#e7f8f1;color:#13795b}.preflight-role--admin{background:#f3e9ff;color:#6f35a5}.preflight-role--parent{background:#fff3e2;color:#a25a11}.preflight-status{border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.01em;padding:6px 14px;text-transform:uppercase}.preflight-status--ready{background:#3aa04a1f;color:#2d7a3c}.preflight-status--pending{background:#f6ae2d26;color:#9a630c}.preflight-status--blocked{background:#e5484d24;color:#bb1f24}.preflight-dev{grid-gap:10px;background:#f5f7ff;border:1px solid #e0e7ff;border-radius:14px;display:grid;gap:10px;padding:16px}.preflight-dev-options{display:flex;flex-wrap:wrap;gap:16px}.preflight-radio{align-items:center;display:flex;font-size:.9rem;gap:8px}.preflight-dev-hint{color:#4a5ca0;font-size:.85rem;margin:0}.preflight-alert{border-radius:12px;font-size:.9rem;padding:14px 16px}.preflight-alert--info{background:#edf6ff;color:#1b4a7a}.preflight-alert--error{background:#ffeef0;border:1px solid #ffc9ce;color:#a5222a}.preflight-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.preflight-panel{grid-gap:18px;background:#fafbff;border:1px solid #eef1f8;border-radius:16px;display:grid;gap:18px;padding:20px}.preflight-panel--summary{background:#fff}.panel-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.panel-title{color:#1e2b4b;font-size:1.05rem;margin:0}.status-pill{border-radius:999px;padding:4px 10px;text-transform:uppercase}.status-pill--ok{background:#34a85329;color:#2e7d32}.status-pill--warn{background:#fbbc052e;color:#9c6a00}.status-pill--muted{background:#b0bec542;color:#546e7a}.preflight-preview{aspect-ratio:16/9;background:#101820;border-radius:14px;overflow:hidden;position:relative;width:100%}.preflight-video{display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.preflight-preview-overlay{background:#10182099;color:#fff;display:grid;font-weight:600;inset:0;letter-spacing:.05em;place-items:center;position:absolute}.preflight-preview--disabled .preflight-video{filter:grayscale(1) brightness(.4)}.preflight-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.preflight-controls--compact{justify-content:space-between}.preflight-control{grid-gap:6px;display:grid;font-size:.85rem;gap:6px}.preflight-control select{border:1px solid #c9d2ef;border-radius:8px;font-size:.9rem;min-width:180px;padding:8px 10px}.preflight-toggle{align-items:center;color:#2a355c;display:flex;font-size:.85rem;gap:6px}.preflight-meter{background:#e3e7f4;border-radius:6px;height:12px;overflow:hidden}.preflight-meter-bar{background:linear-gradient(90deg,#6ec1ff,#4c6fff);height:100%;transition:width .12s ease}.preflight-meter-bar.is-warm{background:linear-gradient(90deg,#f2c94c,#f2994a)}.preflight-meter-bar.is-hot{background:linear-gradient(90deg,#f45d5d,#d43535)}.preflight-meter-caption{color:#657399;font-size:.8rem;margin:0}.preflight-summary-list{grid-gap:8px;color:#36415f;display:grid;gap:8px;margin:0;padding-left:18px}.preflight-summary-list .is-ok{color:#2e7d32}.preflight-summary-list .is-warn{color:#8c6c05}.preflight-tip{color:#596383;font-size:.85rem;line-height:1.45;margin:0}.preflight-actions{display:flex;gap:12px;justify-content:flex-end}.preflight-btn{border:none;border-radius:10px;cursor:pointer;font-size:.92rem;font-weight:600;padding:10px 18px;transition:transform .12s ease,box-shadow .12s ease}.preflight-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.preflight-btn--primary{background:linear-gradient(120deg,#4c6fff,#3a53c5);box-shadow:0 10px 24px #4c6fff3d;color:#fff}.preflight-btn--primary:not(:disabled):hover{box-shadow:0 16px 30px #4c6fff42;transform:translateY(-1px)}.preflight-btn--outline{background:#0000;border:1px solid #bfc9e6;color:#2a3a7f}.preflight-btn--outline:hover{background:#4c6fff14}.preflight-btn--ghost{background:#0000;color:#4a587f}.preflight-btn--ghost:hover{background:#4a587f1f}@media (min-width:1024px){.preflight-grid{grid-template-columns:minmax(440px,1.5fr) minmax(280px,1fr)}}@media (max-width:768px){.preflight-card{padding:24px}.preflight-actions{align-items:stretch;flex-direction:column}.preflight-actions .preflight-btn{width:100%}}.login-page-container{align-items:center;background:#f9f7f3;box-sizing:border-box;display:flex;flex-direction:column;font-family:ClashGrotesk-Regular,sans-serif;justify-content:center;min-height:calc(100vh - 60px);overflow:hidden;padding:20px;position:relative}.login-form-view,.login-portal-view{justify-content:flex-start;padding-top:32px}.login-page-container>.login-header{margin-bottom:24px;max-width:600px;position:relative;text-align:center;z-index:10}.login-page-container>.login-header h1{color:#333;font-family:ClashGrotesk-Bold,sans-serif;font-size:2.5rem;font-weight:700;margin:0 0 16px}.login-page-container>.login-header p{color:#666;font-family:ClashGrotesk-Regular,sans-serif;font-size:1.1rem;line-height:1.4;margin:0}.login-page-container>.login-footer{margin-top:24px;max-width:1120px;text-align:center;width:100%}.login-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:450px;padding:56px 40px 40px;position:relative;width:100%;z-index:10}.login-card:has(.login-cards-grid){max-width:1200px;padding:56px}.login-cards-grid{grid-gap:36px;display:grid;gap:36px;grid-template-columns:repeat(3,1fr);margin:0;max-width:1120px;width:100%}.login-portal-card{background:#fff;border:2px solid #e1e8ed;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-height:340px;padding:32px;position:relative;text-align:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.login-portal-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px) scale(1.01)}.login-portal-card.clicked{box-shadow:0 2px 8px #667eea1f;transform:translateY(0) scale(.98)}.login-card-image{margin:0 auto 16px}.login-card-image,.login-form-hero{display:block;height:160px;object-fit:contain;width:160px}.login-form-hero{margin:8px auto 0}.login-card-title{color:#333;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 8px;min-height:3.2rem}.login-card-text{color:#666;font-family:ClashGrotesk-Regular,sans-serif;font-size:1rem;line-height:1.4;margin:0 0 20px;min-height:2.8rem}.login-portal-card .login-submit-button{margin-top:auto!important}@media (min-width:751px){.login-cards-grid{position:relative}.login-cards-grid:after,.login-cards-grid:before{background:#0000000f;bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:1px}.login-cards-grid:before{left:33.333%;transform:translateX(-50%)}.login-cards-grid:after{left:66.666%;transform:translateX(-50%)}}.login-icon{font-size:1.1rem}.login-footer{border-top:1px solid #e1e8ed;margin-top:32px;padding-top:16px}.login-footer-row{align-items:center;display:flex;gap:24px;justify-content:space-between}.footer-left,.footer-right{align-items:center;display:flex;gap:10px}.muted{color:#777;font-size:.95rem}.login-header{margin-bottom:32px;text-align:center}.login-header h1{color:#333;font-family:ClashGrotesk-Bold,sans-serif;font-size:2.2rem;font-weight:700;margin:0 0 8px}.login-header p{color:#666;font-family:ClashGrotesk-Regular,sans-serif;font-size:1rem;margin:0}.login-form{display:flex;flex-direction:column;gap:24px}.login-back-row{align-items:center;color:#6b7280;cursor:pointer;display:inline-flex;gap:8px;margin-bottom:0;-webkit-user-select:none;user-select:none}.login-card .login-back-row{left:16px;position:absolute;top:16px}.login-back-row:hover{color:#5a67d8}.login-back-icon{font-size:.9rem}.login-back-text{font-family:ClashGrotesk-Medium,sans-serif;font-size:.92rem}.login-form-footer{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.login-floating-label-container{margin-bottom:4px;position:relative}.login-floating-label-container input{background-color:#fff!important;border:2px solid #e1e8ed!important;border-radius:12px!important;box-shadow:0 2px 4px #0000000d!important;box-sizing:border-box!important;font-family:ClashGrotesk-Regular,sans-serif!important;font-size:16px!important;outline:none!important;padding:20px 16px 8px!important;transition:all .3s ease!important;width:100%!important}.login-floating-label-container input:focus{background:#fff!important;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.login-floating-label-container input:disabled{background-color:#f8f9fa!important;border-color:#e9ecef!important;color:#6c757d!important;cursor:not-allowed!important}.login-floating-label-container label{background-color:#fff!important;color:#666!important;font-family:ClashGrotesk-Medium,sans-serif!important;font-size:16px!important;left:16px!important;padding:0 4px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;transition:all .3s ease!important;z-index:1!important}.login-floating-label-container input:focus+label,.login-floating-label-container input:not(:placeholder-shown)+label{color:#667eea!important;font-size:12px!important;font-weight:600!important;top:0!important;transform:translateY(-50%)!important}.login-floating-label-container input:disabled+label{color:#6c757d!important}.login-error-message{color:#dc3545;font-family:ClashGrotesk-Regular,sans-serif;font-size:.9rem;font-weight:500;margin-top:4px}.login-floating-label-container input.invalid{background-color:#dc35450d!important;border-color:#dc3545!important}.login-page-container .login-submit-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:12px!important;box-shadow:0 2px 4px #667eea4d!important;color:#fff!important;cursor:pointer!important;display:inline-block!important;font-family:ClashGrotesk-Medium,sans-serif!important;font-size:16px!important;font-weight:600!important;margin-top:8px!important;padding:16px 24px!important;text-align:center!important;text-decoration:none!important;transition:all .3s ease!important;width:100%!important}.login-page-container .login-submit-button:hover{box-shadow:0 4px 12px #667eea66!important;color:#fff!important;transform:translateY(-2px)!important}.login-page-container .login-submit-button:disabled{background:#e9ecef!important;box-shadow:none!important;color:#6c757d!important;cursor:not-allowed!important;transform:none!important}.login-links{display:flex;flex-direction:column;gap:12px;margin-top:24px;text-align:center}.login-link{background:none;border:none;color:#667eea;cursor:pointer;font-family:ClashGrotesk-Medium,sans-serif;font-size:.95rem;font-weight:500;padding:0;text-decoration:none;transition:color .3s ease}.login-link:hover{color:#5a67d8;text-decoration:underline}.login-divider{color:#999;font-family:ClashGrotesk-Regular,sans-serif;font-size:.9rem;margin:24px 0;position:relative;text-align:center}.login-divider:before{background:#e1e8ed;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.login-divider span{background:#fff;padding:0 16px;position:relative;z-index:2}.login-success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;font-family:ClashGrotesk-Regular,sans-serif;font-size:.95rem;margin-bottom:20px;padding:12px 16px}.login-loading{align-items:center;color:#667eea;display:flex;font-family:ClashGrotesk-Medium,sans-serif;gap:8px;justify-content:center}.login-loading-spinner{animation:spin 1s linear infinite;border:2px solid #e1e8ed;border-radius:50%;border-top-color:#667eea;height:16px;width:16px}.portal-selection{display:flex;gap:12px;margin-bottom:24px}.portal-button{background:#fff;border:2px solid #e1e8ed;border-radius:8px;color:#333;cursor:pointer;flex:1 1;font-family:ClashGrotesk-Medium,sans-serif;font-size:.95rem;padding:12px 16px;text-align:center;transition:all .3s ease}.portal-button:hover{background:#667eea0d;border-color:#667eea}.portal-button.active{background:#667eea;border-color:#667eea;color:#fff}@media (max-width:750px){.login-page-container{padding:15px}.login-page-container>.login-header{margin-bottom:24px}.login-page-container>.login-header h1{font-size:2rem}.login-cards-grid{gap:16px;grid-template-columns:repeat(2,1fr)!important;max-width:none!important}.login-portal-card{min-height:260px;padding:22px}.login-card-image{height:110px;width:110px}.login-form-hero{height:130px;width:130px}.login-page-container>.login-footer{margin-top:16px}.login-footer-row{flex-direction:column;gap:16px}.login-floating-label-container input{font-size:15px!important;padding:18px 14px 6px!important}.login-floating-label-container label{font-size:15px!important;left:14px!important}.login-floating-label-container input:focus+label,.login-floating-label-container input:not(:placeholder-shown)+label{font-size:11px!important}.login-submit-button{font-size:15px!important;padding:14px 20px!important}.login-form-footer{gap:8px;margin-top:12px}.login-card{padding-top:56px}}@media (max-width:580px){.login-page-container{padding:10px}.login-page-container>.login-header{margin-bottom:20px}.login-page-container>.login-header h1{font-size:1.8rem}.portal-selection{flex-direction:column}.portal-button{text-align:center}.login-cards-grid{gap:12px;grid-template-columns:1fr!important;margin:20px 0}.login-portal-card{min-height:240px;padding:16px}.login-card-image{height:95px;width:95px}.login-form-hero{height:110px;width:110px}.login-page-container>.login-footer{margin-top:16px}}.login-floating-label-container input:focus,.login-link:focus,.login-submit-button:focus,.portal-button:focus{outline:2px solid #667eea;outline-offset:2px}.login-card{animation:slideUp .5s ease-out}.login-floating-label-container input.invalid{animation:shake .5s ease-in-out}:root{--font-primary:"ClashGrotesk-Regular",sans-serif;--font-bold:"ClashGrotesk-Bold",sans-serif;--primary-color:#667eea;--bg-color:#f8f9fa;--text-color:#333}.verify-email-container{align-items:center;background:#0000;display:flex;flex-direction:column;font-family:ClashGrotesk-Regular,sans-serif;font-family:var(--font-primary);justify-content:center;max-height:calc(100vh - 60px);min-height:calc(100vh - 60px);overflow:hidden;padding:10px;position:relative}.verify-email-content{background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:650px;overflow:hidden;padding:20px 15px;position:relative;text-align:center;width:100%;z-index:1}.verify-email-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;background-color:#fff;font-family:ClashGrotesk-Bold,sans-serif;font-family:var(--font-bold);font-size:1.8rem;font-weight:700;line-height:1.2;margin-bottom:-20px;padding:10px 0;position:relative;z-index:10}.verify-email-content p{color:#666;font-size:1.1rem;line-height:1.5;margin-bottom:20px}.verify-email-content .error-message{background:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:8px;color:#ff6b6b;font-size:.9rem;font-weight:500;margin:15px 0;padding:15px}.resend-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-family:var(--font-regular);font-size:1.1rem;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.resend-button:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.resend-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.resend-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.resend-button:hover:before{left:100%}.email-status{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f8f9fff2;border:2px solid #e1e8ed;border-radius:12px;margin:-120px 0 20px;padding:15px;position:relative;z-index:10}.email-status p{font-size:1rem;margin:10px 0}.email-status .email-address{color:#667eea;color:var(--primary-color);font-weight:600}.email-status .help-text{font-style:italic}.countdown-text,.email-status .help-text{color:#666;font-size:.9rem;margin-top:15px}.countdown-text strong{color:#667eea;color:var(--primary-color)}.verification-actions{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:20px}.status-check-button{background:#fff;border:2px solid #667eea;border:2px solid var(--primary-color);border-radius:12px;box-shadow:0 4px 12px #667eea26;color:#667eea;color:var(--primary-color);cursor:pointer;font-family:ClashGrotesk-Regular,sans-serif;font-family:var(--font-primary);font-size:1rem;max-width:260px;padding:10px 22px;transition:all .3s ease;width:100%}.status-check-button:hover{background:#667eea14;box-shadow:0 6px 18px #667eea40;transform:translateY(-1px)}.status-check-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.status-check-hint{color:#555;font-size:.9rem;font-style:italic;margin-top:10px}.processing-state{padding:40px 20px;text-align:center}.processing-state h2{margin-bottom:30px}.verify-email-content .loading-container{align-items:center;display:flex;justify-content:center;margin:-190px 0;padding:0;position:relative;z-index:1}.verify-email-content .loading-container>div{height:800px!important;max-height:800px!important;max-width:800px!important;width:800px!important}@media (max-width:768px){.verify-email-container{max-height:100vh;padding:10px}.verify-email-content{max-width:100%;padding:20px 15px}.verify-email-content h2{font-size:1.4rem;margin-bottom:-10px}.verify-email-content p{font-size:.9rem}.verify-email-content .loading-container{margin:-120px 0}.verify-email-content .loading-container>div{height:400px!important;max-height:400px!important;max-width:400px!important;width:400px!important}.email-status{margin:-80px 0 15px;padding:12px}}@media (max-width:480px){.verify-email-container{padding:5px}.verify-email-content{padding:15px 10px}.verify-email-content h2{font-size:1.2rem;margin-bottom:-5px}.verify-email-content p{font-size:.8rem}.verify-email-content .loading-container{margin:-80px 0}.verify-email-content .loading-container>div{height:250px!important;max-height:250px!important;max-width:250px!important;width:250px!important}.email-status{margin:-50px 0 10px;padding:10px}.email-status p{font-size:.8rem}.email-status .help-text{font-size:.7rem}.resend-button{font-size:.8rem;padding:8px 16px}.countdown-text{font-size:.7rem}}.forgot-password-container{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;font-family:ClashGrotesk-Regular,sans-serif;margin:3rem auto;max-width:420px;padding:2.5rem;text-align:center}.forgot-password-container h2{color:#333;font-family:ClashGrotesk-Bold,sans-serif;font-size:2rem;margin-bottom:.5rem}.forgot-password-container .intro{color:#666;font-size:1rem;line-height:1.5;margin-bottom:2rem}.reset-form{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.forgot-password-container .floating-label-container{margin-bottom:0;position:relative}.forgot-password-container .floating-label-container input[type=email]{background-color:#fff;border:2px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;font-family:ClashGrotesk-Regular,sans-serif;font-size:16px;outline:none;padding:20px 16px 8px;transition:all .3s ease;width:100%}.forgot-password-container .floating-label-container input[type=email]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.forgot-password-container .floating-label-container input[type=email]:disabled{background-color:#f8f9fa;border-color:#e9ecef;color:#6c757d;cursor:not-allowed}.forgot-password-container .floating-label-container label{background-color:#fff;color:#666;font-family:ClashGrotesk-Medium,sans-serif;font-size:16px;left:16px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1}.forgot-password-container .floating-label-container input[type=email]:focus+label,.forgot-password-container .floating-label-container input[type=email]:not(:placeholder-shown)+label{color:#667eea;font-size:12px;font-weight:600;top:0;transform:translateY(-50%)}.forgot-password-container .floating-label-container input[type=email]:disabled+label{color:#6c757d}.reset-form button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:inline-block;font-family:ClashGrotesk-Medium,sans-serif;font-size:1.1rem;font-weight:600;padding:16px 32px;text-align:center;text-decoration:none;transition:all .3s ease}.reset-form button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.reset-form button:disabled{background:#e9ecef;box-shadow:0 2px 4px #0000001a;color:#6c757d;cursor:not-allowed;transform:none}.error-message{background-color:#dc35451a;border-left:4px solid #dc3545;border-radius:8px;color:#dc3545;font-size:.95rem;margin-bottom:1rem}.success-image-container{margin:2.5rem 0}.success-content,.success-image-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.success-image{display:block;height:auto;margin:0 auto;max-width:120px;transition:opacity .4s ease-out;width:100px}.success-message{color:#28a745;font-size:1.1rem;font-weight:600;transition:opacity .4s ease-out}.back-line{color:#666;font-size:.95rem;margin-top:2rem}.back-to-login{color:#667eea;cursor:pointer;font-weight:600;text-decoration:none;transition:all .2s ease}.back-to-login:hover{color:#764ba2;text-decoration:underline}.form-container-enhanced{background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;color:#333;font-family:ClashGrotesk-Regular,sans-serif;margin:0 auto 20px;max-width:900px;padding:32px}.form-header{grid-gap:16px;align-items:center;border-bottom:1px solid #ddd;display:grid;gap:16px;grid-template-columns:1fr auto 1fr;margin-bottom:32px;padding-bottom:20px}.form-header>.back-arrow-button{justify-self:start}.form-header>h1{font-family:ClashGrotesk-Bold,sans-serif;font-size:2rem;grid-column:2;justify-self:center;margin:0}.form-header>.status-pill{justify-self:end}.back-arrow-button{align-items:center;background:#667eea;border:none;border-radius:8px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;line-height:1;transition:all .2s ease;width:40px}.back-arrow-button:hover{background:#5a67d8;box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.pending-view-back-arrow{left:10px;position:absolute;top:10px}@media (max-width:480px){.form-container-enhanced{border-radius:0;box-shadow:none;padding:24px 18px}}.unsaved-changes-top-banner{background:#fffbea;border:1px solid #ffd26e;border-radius:0 0 6px 6px;box-shadow:0 2px 6px #0000001f;font-size:.95rem;left:50%;padding:11px 19px;position:fixed;text-align:center;top:60px;transform:translateX(-50%);z-index:1000}.sticky-bottom-action-bar{background:#fafafa;border-top:1px solid #ddd;bottom:0;display:flex;gap:12px;justify-content:flex-end;left:0;padding:12px 24px;position:fixed;width:100%;z-index:999}.sticky-bottom-action-bar button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:ClashGrotesk-Bold,sans-serif;font-size:.95rem;padding:10px 18px}.sticky-bottom-action-bar .save-button{background:#28a745}.sticky-bottom-action-bar .discard-button{background:#dc3545}.sticky-bottom-action-bar button:disabled{cursor:not-allowed;opacity:.5}.invalid-section{background:#fff5f5;border-left:4px solid #dc3545!important;padding-left:14px}.invalid{background:#fff5f5;border:1px solid #dc3545!important}.status-pill.header-pill{font-size:1.19rem;padding:8px 18px}.status-pill i:empty{display:none;width:0}.staged-file-ok{color:#2e7d32;font-size:1.7rem;font-weight:500;margin-block:.35rem}.staged-file-ok i{font-size:.9rem}.form-container-enhanced .status-pill--needs-changes,.status-pill--needs-changes,.tutor-dashboard .status-pill--needs-changes{background:#fff3cd!important;border:1px solid #ffe08a;color:#7a5d00!important}.form-container-enhanced .status-pill,.status-pill,.tutor-dashboard .status-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;white-space:nowrap}.form-container-enhanced .status-pill--complete,.status-pill--complete,.tutor-dashboard .status-pill--complete{background:#d4edda!important;border:1px solid #c3e6cb;color:#155724!important}.form-container-enhanced .status-pill--under-review,.status-pill--under-review,.tutor-dashboard .status-pill--under-review{background:#cce7ff!important;border:1px solid #99d6ff;color:#004085!important}.form-container-enhanced .status-pill--incomplete,.status-pill--incomplete,.tutor-dashboard .status-pill--incomplete{background:#f8d7da!important;border:1px solid #f5c6cb;color:#721c24!important}.tutor-detail-page .form-container-enhanced{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:900px;padding:30px}.tutor-detail-page .form-header{margin-bottom:30px}.tutor-detail-page .form-header h1{color:#333;font-family:ClashGrotesk-Bold,sans-serif;font-size:2.2rem;margin:0}.dbs-check__fieldset{background:#ffffffe6;border:2px solid #e1e8ed;border-radius:12px;margin-bottom:24px;padding:24px;transition:all .3s ease}.dbs-check__fieldset:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.dbs-check__fieldset legend{color:#667eea;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:12px;padding:0 12px}.dbs-check__fieldset p{word-wrap:break-word;color:#555;font-family:ClashGrotesk-Regular,sans-serif;font-size:1.05rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.6;margin:0;max-width:100%;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.tutor-hero{background:linear-gradient(140deg,#667eea1f,#4f46e514 42%,#ffffffeb);border:1px solid #6366f124;border-radius:20px;box-shadow:0 20px 45px -25px #1e40af73;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.tutor-hero:after{background:linear-gradient(120deg,#ffffffa6,#eef2ff61 48%,#ffffffeb);border-radius:16px;content:"";inset:12px 18px;position:absolute;z-index:0}.tutor-hero__main,.tutor-hero__stats{position:relative;z-index:1}.tutor-hero__main{align-items:center;display:flex;flex-wrap:wrap;gap:30px}.tutor-hero__avatar{align-items:center;background:linear-gradient(135deg,#4f46e538,#0ea5e929);border-radius:50%;display:flex;flex:0 0 auto;height:190px;justify-content:center;position:relative;width:190px}.tutor-hero__avatar:before{background:linear-gradient(140deg,#4f46e53d,#0ea5e92e);border-radius:50%;content:"";filter:blur(.5px);inset:-8px;position:absolute;z-index:0}.tutor-hero__image{border:6px solid #ffffffd9;border-radius:50%;box-shadow:0 18px 28px #0f172a40;height:170px;object-fit:cover;position:relative;width:170px;z-index:1}.tutor-hero__badge{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:999px;bottom:10px;box-shadow:0 10px 20px #22c55e47;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;justify-content:center;line-height:1;padding:6px 12px;position:absolute;right:12px;white-space:nowrap;z-index:3}.tutor-hero__details{display:flex;flex:1 1;flex-direction:column;gap:16px;min-width:260px}.tutor-hero__preview{align-self:flex-start;background:#2563eb14;border:1px solid #2563eb2e;border-radius:10px;color:#2563eb;font-family:ClashGrotesk-Medium,sans-serif;font-size:.9rem;padding:8px 12px}.tutor-hero__heading{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.tutor-hero__heading-pills{align-items:center;display:inline-flex;flex-wrap:wrap;gap:10px}.tutor-hero__pill{align-items:center;background:#ffffffd9;border:1px solid #6366f138;border-radius:999px;box-shadow:0 6px 16px #6366f12e;color:#4338ca;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;letter-spacing:.04em;padding:6px 14px;text-transform:uppercase}.tutor-hero__pill--verified{background:#22c55e1f;border-color:#22c55e52;box-shadow:0 6px 16px #22c55e2e;color:#047857}.tutor-hero__pill--rate{background:#4f46e526;border-color:#4f46e559;color:#3730a3}.tutor-hero__name{color:#1f2937;font-family:ClashGrotesk-Bold,sans-serif;font-size:2.4rem;margin:0}.tutor-hero__education{color:#3f3d56;display:flex;flex-direction:column;font-size:.95rem;gap:4px}.tutor-hero__degree{font-weight:600}.tutor-hero__university{font-weight:500;opacity:.85}.tutor-hero__tagline{color:#444b63;font-size:1.05rem;line-height:1.6;margin:0;max-width:100%;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.tutor-hero__meta{color:#475569;display:flex;flex-wrap:wrap;font-size:.95rem;gap:16px}.tutor-hero__meta-item{align-items:center;background:#ffffffc7;border:1px solid #6366f129;border-radius:12px;display:inline-flex;gap:8px;padding:8px 12px}.tutor-hero__chips{display:flex;flex-wrap:wrap;gap:10px}.tutor-hero__chip{background:#ffffffd9;border:1px solid #4f46e538;border-radius:999px;color:#3f3d56;font-size:.85rem;font-weight:600;padding:6px 14px}.tutor-hero__chip--more{background:#0f766e1f;border-color:#0d94883d;color:#0f766e}.tutor-hero__actions{display:flex;flex-wrap:wrap;gap:16px}.tutor-hero__stats{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:28px}.tutor-hero__stat{background:#ffffffe6;border:1px solid #6366f11f;border-radius:16px;box-shadow:0 18px 30px -24px #0f172a80;display:flex;flex-direction:column;gap:6px;padding:18px 20px}.tutor-hero__stat-label{color:#6366f1;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tutor-hero__stat-value{color:#1e293b;font-size:2rem;font-weight:700}.tutor-hero__stat-foot{color:#475569;font-size:.9rem}.reviews-button{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #d9770647}.reviews-button:hover{box-shadow:0 6px 18px #d9770659}.message-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff!important;cursor:pointer;display:inline-flex;font-family:ClashGrotesk-Medium,sans-serif;font-size:16px;font-weight:600;gap:10px;justify-content:center;min-width:180px;padding:16px 28px;text-align:center;text-decoration:none;transition:all .3s ease;white-space:nowrap}.message-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.message-button:active{transform:translateY(0)}.message-button i{font-size:18px}.book-button{background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 4px 12px #10b9814d}.book-button:hover{box-shadow:0 6px 20px #10b98166}.video-container{background:#f8fafc;border-radius:12px;box-shadow:0 4px 16px #0000001a;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.dbs-check__fieldset ul{list-style:none;margin:0;padding:0}.dbs-check__fieldset li{word-wrap:break-word;margin-bottom:8px;overflow-wrap:break-word}.tutor-hours{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;font-weight:700;margin-bottom:20px;padding:15px;text-align:center}@media (max-width:768px){.tutor-hero{padding:24px}.tutor-hero__main{align-items:flex-start;flex-direction:column}.tutor-hero__avatar{align-self:center}.tutor-hero__actions,.tutor-hero__details{width:100%}.message-button{flex:1 1;min-width:160px}.tutor-hero__heading{align-items:flex-start;flex-direction:column}.tutor-hero__heading-pills{align-self:flex-start}}@media (max-width:540px){.tutor-hero__actions{flex-direction:column}.message-button{width:100%}}.find-tutor-page{background:#f9f7f3;box-sizing:border-box;font-family:ClashGrotesk-Regular,sans-serif;min-height:calc(100vh - 60px);padding:48px 24px 72px;position:relative}.find-tutor-header{margin:0 auto 40px;max-width:960px;position:relative;text-align:center;z-index:10}.find-tutor-header h1{color:#1e293b;font-family:ClashGrotesk-Bold,sans-serif;font-size:2.6rem;margin:0 0 12px}.find-tutor-header p{color:#475569;font-size:1.05rem;margin:0}.results-summary{color:#475569;font-family:ClashGrotesk-Medium,sans-serif;margin:0 auto 18px;max-width:1240px;text-align:left}.results-summary p{font-size:.95rem;margin:0}.tutor-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(380px,420px));justify-content:center;margin:0 auto;max-width:1400px;position:relative;z-index:10}.tutor-card-link{color:inherit;display:block;text-decoration:none;transition:transform .18s ease}.tutor-card-link:hover{transform:translateY(-4px)}.tutor-card{border-radius:24px;height:100%;overflow:hidden;position:relative}.tutor-card:before{border-radius:24px;content:"";inset:0;opacity:.55;position:absolute;transition:opacity .2s ease}.tutor-card-link:nth-child(6n+1) .tutor-card:before{background:linear-gradient(145deg,#667eea33,#4f46e51a 44%,#ffffff59)}.tutor-card-link:nth-child(6n+2) .tutor-card:before{background:linear-gradient(145deg,#ec489933,#db27771a 44%,#ffffff59)}.tutor-card-link:nth-child(6n+3) .tutor-card:before{background:linear-gradient(145deg,#0ea5e933,#0284c71a 44%,#ffffff59)}.tutor-card-link:nth-child(6n+4) .tutor-card:before{background:linear-gradient(145deg,#a855f733,#9333ea1a 44%,#ffffff59)}.tutor-card-link:nth-child(6n+5) .tutor-card:before{background:linear-gradient(145deg,#f9731633,#ea580c1a 44%,#ffffff59)}.tutor-card-link:nth-child(6n+6) .tutor-card:before{background:linear-gradient(145deg,#10b98133,#0596691a 44%,#ffffff59)}.tutor-card-link:hover .tutor-card:before{opacity:.85}.tutor-card-body{border-radius:24px;box-shadow:0 24px 48px #1e40af24;display:flex;flex-direction:column;gap:18px;height:100%;padding:32px 28px 28px;position:relative;z-index:1}.tutor-card-link:nth-child(6n+1) .tutor-card-body{background:linear-gradient(135deg,#fffffff7,#eef2ffeb 45%,#fffffffa)}.tutor-card-link:nth-child(6n+2) .tutor-card-body{background:linear-gradient(135deg,#fffffff7,#fce7f3eb 45%,#fffffffa)}.tutor-card-link:nth-child(6n+3) .tutor-card-body{background:linear-gradient(135deg,#fffffff7,#e0f2feeb 45%,#fffffffa)}.tutor-card-link:nth-child(6n+4) .tutor-card-body{background:linear-gradient(135deg,#fffffff7,#f3e8ffeb 45%,#fffffffa)}.tutor-card-link:nth-child(6n+5) .tutor-card-body{background:linear-gradient(135deg,#fffffff7,#fef3c7eb 45%,#fffffffa)}.tutor-card-link:nth-child(6n+6) .tutor-card-body{background:linear-gradient(135deg,#fffffff7,#dcfce7eb 45%,#fffffffa)}.tutor-main{align-items:center;display:flex;flex-wrap:nowrap;gap:18px}.tutor-avatar-frame{align-items:center;background:linear-gradient(135deg,#4f46e538,#0ea5e929);border-radius:50%;display:flex;flex-shrink:0;height:132px;justify-content:center;position:relative;width:132px}.tutor-avatar-frame:before{background:linear-gradient(140deg,#4f46e53d,#0ea5e92e);border-radius:50%;content:"";filter:blur(.5px);inset:-8px;position:absolute;z-index:0}.tutor-avatar-img{border:6px solid #ffffffeb;border-radius:50%;box-shadow:0 18px 30px #0f172a38;height:118px;object-fit:cover;position:relative;transition:transform .18s ease;width:118px;z-index:1}.tutor-card-link:hover .tutor-avatar-img{transform:scale(1.02)}.verified-badge{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:999px;bottom:6px;box-shadow:0 14px 28px #22c55e47;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;justify-content:center;line-height:1;padding:6px 12px;position:absolute;right:12px;white-space:nowrap;z-index:2}.tutor-info{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:0}.tutor-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.tutor-name{color:#213131;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.5rem;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutor-rate-pill{background:#4f46e529;border:1px solid #4f46e552;border-radius:999px;box-shadow:0 12px 26px #4f46e52e;color:#3730a3;font-family:ClashGrotesk-Medium,sans-serif;font-size:.95rem;font-weight:600;padding:6px 16px;white-space:nowrap}.tutor-education-block{color:#334155;display:flex;flex-direction:column;font-family:ClashGrotesk-Regular,sans-serif;gap:2px}.tutor-education-primary{font-size:.9rem;font-weight:700}.tutor-education-secondary{color:#3f3d56;font-size:.92rem;font-weight:600}.tutor-education-subject{color:#334155;font-size:.82rem;font-weight:600}.tutor-education-meta{color:#5b6478;font-size:.78rem}.tutor-subjects{display:flex;flex-wrap:wrap;gap:8px}.subject-chip{background:#e9d5ff;border:none;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#7c3aed;font-family:ClashGrotesk-Medium,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.01em;padding:6px 14px}.subject-chip:nth-child(4n+1){background:#dbeafe;color:#1e40af}.subject-chip:nth-child(4n+2){background:#fce7f3;color:#be185d}.subject-chip:nth-child(4n+3){background:#dcfce7;color:#15803d}.subject-chip:nth-child(4n+4){background:#fed7aa;color:#c2410c}.subject-chip.more{background:#e0e7ff;border:none;box-shadow:0 1px 2px #0000000d;color:#4338ca}.subject-chip.placeholder{background:#f1f5f9;border:none;box-shadow:0 1px 2px #0000000d;color:#475569}.tutor-stats-row{align-items:stretch;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;margin-top:2px}.stat-card{align-items:center;background:#eef2ffc7;border:1px solid #6366f12e;box-shadow:0 12px 20px -16px #1e40af73;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:100px;padding:8px 10px}.stat-label{color:#535bf2;font-family:ClashGrotesk-Medium,sans-serif;font-size:.68rem;letter-spacing:.08em;white-space:nowrap}.stat-value{color:#1f2937;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.24rem;line-height:1.1;white-space:nowrap}.load-more-wrapper{display:flex;justify-content:center;margin:36px 0 12px}.load-more-button{background:linear-gradient(135deg,#48a6a7,#3a8c8d);border:none;border-radius:999px;box-shadow:0 18px 36px #48a6a747;color:#fff;font-family:ClashGrotesk-Medium,sans-serif;padding:12px 32px;transition:transform .2s ease,box-shadow .2s ease}.load-more-button:hover:not(:disabled){box-shadow:0 20px 40px #48a6a74d;transform:translateY(-2px)}.load-more-button:disabled{box-shadow:none;opacity:.6}.end-message{opacity:.72;padding:40px 20px;text-align:center}.end-message p{color:#666;font-family:ClashGrotesk-Medium,sans-serif;font-size:.9rem;margin:0}.loading-more,.loading-state{padding:60px 20px;text-align:center}.loading-spinner{border:3px solid #e1e8ed;border-top-color:#48a6a7;margin:0 auto 16px}.loading-more .loading-spinner{height:32px;margin-bottom:12px;width:32px}.loading-more p,.loading-state p{color:#666;font-family:ClashGrotesk-Medium,sans-serif;font-size:1rem;margin:0}.busy-tutors,.empty-state{align-items:center;background:#fffffff5;border-radius:18px;box-shadow:0 20px 40px #0f172a1f;display:flex;flex-direction:column;justify-content:center;margin:100px auto;max-width:600px;padding:48px 32px;text-align:center;width:100%}.busy-tutors h3,.empty-state h3{color:#1f2937;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.5rem;margin:0 0 12px}.busy-tutors p,.empty-state p{color:#475569;font-size:.95rem;line-height:1.6;margin:0}.error-message{background:#fff;border:2px solid #ffebee;border-radius:12px;margin:0 auto 32px;max-width:520px;padding:40px 20px;text-align:center}.error-message p{color:#d32f2f;font-family:ClashGrotesk-Regular,sans-serif;margin:0 0 16px}.retry-button{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:999px;box-shadow:0 16px 32px #ef44443d;color:#fff;cursor:pointer;font-family:ClashGrotesk-Medium,sans-serif;font-size:.9rem;font-weight:600;padding:10px 24px;transition:transform .2s ease,box-shadow .2s ease}.retry-button:hover{box-shadow:0 18px 36px #ef44444d;transform:translateY(-1px)}@media (max-width:1024px){.find-tutor-page{padding:40px 20px 60px}.tutor-card-body{padding:26px}.tutor-grid{gap:22px}}@media (max-width:860px){.tutor-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.tutor-avatar-frame{height:120px;width:120px}.tutor-avatar-img{height:108px;width:108px}}@media (max-width:768px){.find-tutor-page{padding:32px 18px 48px}.find-tutor-header{margin-bottom:28px}.find-tutor-header h1{font-size:2.2rem}.tutor-card-body{padding:24px}.tutor-main{flex-wrap:wrap;gap:16px}.tutor-info{width:100%}.tutor-header-row{align-items:flex-start;flex-direction:column;gap:8px}.tutor-rate-pill{align-self:flex-start}.tutor-stats-row{flex-wrap:wrap;justify-content:flex-start}}@media (max-width:520px){.tutor-grid{grid-template-columns:1fr}.tutor-card-body{padding:22px}.tutor-avatar-frame{height:106px;width:106px}.tutor-avatar-img{height:96px;width:96px}.tutor-stats-row{gap:10px;justify-content:flex-start}.stat-card{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;min-width:120px}}.reviews-page{margin:0 auto;max-width:960px;padding:32px 24px 48px}.reviews-summary{background:linear-gradient(135deg,#6366f11f,#4f46e51f);border:1px solid #6366f12e;border-radius:18px;flex-wrap:wrap;margin-bottom:28px;padding:24px}.reviews-profile,.reviews-summary{display:flex;gap:24px;justify-content:space-between}.reviews-profile{align-items:center;flex:1 1;min-width:280px}.reviews-profile-text{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px;text-align:center}.reviews-profile-photo{flex-shrink:0}.reviews-profile-photo img{border:4px solid #ffffffe6;border-radius:50%;box-shadow:0 18px 32px #4f46e547;height:104px;object-fit:cover;width:104px}.reviews-tutor-name{color:#1f2937;font-size:1.35rem;font-weight:700;letter-spacing:-.01em;margin:0}.reviews-tagline{color:#475569;font-size:.95rem;margin:4px 0 8px}.reviews-link-button{align-items:center;background:#fff9;border:1px solid #6366f14d;border-radius:999px;color:#4338ca;display:inline-flex;font-weight:600;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.reviews-link-button:hover{box-shadow:0 8px 16px #6366f12e;transform:translateY(-1px)}.reviews-link-button.small{font-size:.9rem;padding:8px 16px}.reviews-profile-text .reviews-link-button{align-self:center}.reviews-score{align-items:flex-start;display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:200px}.reviews-score-value{align-items:baseline;display:flex;gap:6px}.reviews-average{color:#4338ca;font-size:2.4rem;font-weight:700}.reviews-out-of{color:#6366f1;font-size:1rem}.reviews-score-stars{color:#fbbf24;display:flex;gap:4px}.review-star--empty{color:#d1d5db}.reviews-count{color:#475569;font-size:.95rem;margin:0}.reviews-banner{border-radius:12px;font-size:.95rem;margin-bottom:16px;padding:12px 16px}.reviews-banner--error{background:#f8717129;border:1px solid #f8717159;color:#b91c1c}.reviews-empty,.reviews-loading{align-items:center;color:#475569;display:flex;flex-direction:column;gap:16px;padding:40px 0}.reviews-spinner{animation:review-spin .8s linear infinite;border:4px solid #6366f133;border-radius:50%;border-top-color:#6366f1;height:44px;width:44px}.reviews-list{grid-gap:16px;display:grid;gap:16px}.review-card{background:#fff;border-radius:18px;box-shadow:0 16px 32px #243a7b1f;display:flex;flex-direction:column;gap:16px;padding:20px 24px}.review-card__top{align-items:flex-start;display:flex;gap:18px;justify-content:space-between}.review-card__identity{align-items:center;display:flex;gap:14px}.review-card__identity-text{display:flex;flex-direction:column;gap:6px}.review-card__name-row{align-items:center;display:flex;gap:10px}.review-card__subline{color:#6b7280;display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px}.review-card__subline span:after{color:#cbd5f5;content:"•";margin-left:8px}.review-card__subline span:last-child:after{content:"";margin:0}.review-card__scoreblock{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.review-card__rating{color:#fbbf24;display:inline-flex;gap:4px}.review-card__score{color:#1f2937;font-weight:600}.review-card__comment{color:#374151;font-size:.95rem;line-height:1.55;margin:0}.review-card__footer{color:#9ca3af;display:flex;flex-wrap:wrap;font-size:.8rem;gap:12px}.reviewer-name{color:#111827;font-weight:600}.reviewer-role{background:#3b82f61f;border-radius:999px;color:#1d4ed8;font-size:.7rem;font-weight:600;letter-spacing:.06em;padding:2px 8px;text-transform:uppercase}.reviews-load-more{display:flex;justify-content:center;margin-top:16px}.reviews-load-more-btn{background:linear-gradient(135deg,#6366f1,#7c3aed);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:12px 22px;transition:transform .2s ease,box-shadow .2s ease}.reviews-load-more-btn:hover{box-shadow:0 12px 24px #6366f14d;transform:translateY(-1px)}.reviews-error{color:#b91c1c;font-weight:600}@media (max-width:680px){.reviews-summary{align-items:stretch;flex-direction:column}.reviews-score{align-items:flex-start}.reviews-profile{flex-direction:column;gap:20px;justify-content:center}}.unsubscribe-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:60px 20px}.unsubscribe-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:700px;overflow:hidden;width:100%}.unsubscribe-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 32px;text-align:center}.unsubscribe-header h1{font-size:2rem;font-weight:700;margin:0 0 8px}.unsubscribe-header p{font-size:1.05rem;margin:0;opacity:.95}.preferences-section{padding:32px}.preference-group{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:24px}.preference-group:last-of-type{border-bottom:none}.preference-group h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 8px}.group-description{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0 0 20px}.preference-item{align-items:center;background:#f9fafb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:all .2s ease}.preference-item:hover{background:#f3f4f6;transform:translateY(-1px)}.preference-item:last-child{margin-bottom:0}.preference-info{flex:1 1;padding-right:16px}.preference-info strong{color:#111827;display:block;font-size:1rem;margin-bottom:4px}.preference-info small{color:#6b7280;font-size:.875rem;line-height:1.4}.toggle-switch{flex-shrink:0;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#d1d5db;border-radius:28px;transition:.3s}.toggle-slider:before{height:20px;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#667eea}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.info-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:.9rem;line-height:1.6;margin:24px 0;padding:16px}.info-banner strong{color:#1e3a8a;display:block;margin-bottom:8px}.info-banner ul{margin:8px 0 0;padding-left:20px}.info-banner li{margin:4px 0}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;margin-top:8px;padding:14px;transition:all .2s ease;width:100%}.save-btn:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.unsubscribe-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:24px 32px;text-align:center}.unsubscribe-footer p{color:#6b7280;font-size:.9rem;margin:8px 0}.unsubscribe-footer a{color:#667eea;font-weight:500;text-decoration:none}.unsubscribe-footer a:hover{text-decoration:underline}.privacy-link{font-size:.85rem!important}.auth-required,.loading-state{padding:60px 32px;text-align:center}.loading-state .spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 20px;width:40px}.auth-required p,.loading-state p{color:#6b7280;font-size:1rem}.auth-required h1{color:#111827;margin-bottom:16px}.auth-required a{color:#667eea;font-weight:500;text-decoration:underline}@media (max-width:768px){.unsubscribe-page{padding:40px 16px}.unsubscribe-header{padding:32px 24px}.unsubscribe-header h1{font-size:1.75rem}.preferences-section{padding:24px 20px}.preference-item{align-items:flex-start;flex-direction:column;gap:12px}.preference-info{padding-right:0}.toggle-switch{align-self:flex-end}}.messages-page{background:#f9f7f3;color:#333;font-family:ClashGrotesk-Regular,sans-serif;min-height:calc(100vh - 60px);padding:0}.messages-container{margin:0 auto;max-width:80%;padding:0 20px;width:80%}.messages-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:ClashGrotesk-Bold,sans-serif;font-size:2rem;margin-bottom:20px}.conversations-list{background:linear-gradient(135deg,#f8f9ff,#f1f3ff);border:1px solid #667eea1a;border-radius:12px;box-shadow:0 4px 12px #667eea1a;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1.5rem}.conversation-item{align-items:center;background:#fff;border-bottom:1px solid #667eea1a;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#333;display:flex;justify-content:space-between;margin-bottom:8px;padding:1.2rem;text-decoration:none;transition:all .3s ease}.conversation-item-wrapper{display:flex;flex-direction:column;gap:.75rem}.conversation-item--system{background:linear-gradient(135deg,#eef2ffd9,#e0e7ffd9);border:1px solid #6366f159;box-shadow:0 4px 14px #6366f12e}.conversation-item--system .conversation-snippet{color:#312e81;font-weight:500}.conversation-item--system:hover{background:linear-gradient(135deg,#e0e7fff2,#c7d2fef2);box-shadow:0 6px 18px #6366f138}.conversation-item:hover{background:linear-gradient(135deg,#f8f9ff,#f1f3ff);border-bottom:1px solid #667eea33;box-shadow:0 4px 12px #667eea26;transform:translateY(-1px)}.conversation-item-wrapper .conversation-item{margin-bottom:0}.conversation-left{align-items:center;display:flex;gap:1rem}.conversation-avatar{--avatar-size:56px;--avatar-border-width:3px;--avatar-shadow:0 14px 30px #4f46e533;flex-shrink:0}.conversation-info{display:flex;flex-direction:column}.conversation-name{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:.3rem}.conversation-snippet{color:#555;font-size:.9rem;max-width:400px;overflow:hidden;text-overflow:ellipsis}.conversation-right{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.conversation-date{color:#777;font-size:.8rem}.unread-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 4px #667eea4d;color:#fff;font-size:.8rem;font-weight:700;padding:4px 8px}.loading-container{align-items:center;color:#667eea;display:flex;flex-direction:column;font-weight:500;justify-content:center;padding:2rem}.load-more-container{display:flex;justify-content:center;margin-top:1rem;padding:1rem}.load-more-btn{box-shadow:0 2px 8px #667eea4d;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.load-more-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66}.load-more-btn:disabled{transform:none}.suggest-booking-btn{align-self:flex-start;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:999px;box-shadow:0 4px 12px #22c55e47;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.25rem;transition:transform .2s ease,box-shadow .2s ease}.suggest-booking-btn:hover{box-shadow:0 6px 16px #22c55e52;transform:translateY(-1px)}.suggest-booking-btn:focus{outline:3px solid #22c55e59;outline-offset:2px}.student-parent-banner{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-left:4px solid #ff8f00;border-radius:8px;box-shadow:0 2px 8px #ffc10733;font-family:ClashGrotesk-Regular,sans-serif;margin:0 auto 20px;max-width:800px;padding:0}.banner-content{align-items:center;display:flex;gap:16px;padding:16px 20px}.banner-icon{flex-shrink:0;font-size:1.5rem}.banner-text{display:flex;flex:1 1;flex-direction:column;gap:4px}.banner-text strong{color:#856404;font-family:ClashGrotesk-SemiBold,sans-serif;font-size:1rem}.banner-text span{color:#6c5700;font-size:.9rem;line-height:1.4}.banner-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.link-now-btn{background:linear-gradient(135deg,#ff8f00,#f57c00);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:ClashGrotesk-SemiBold,sans-serif;font-size:.85rem;letter-spacing:.3px;padding:8px 16px;transition:all .2s ease}.link-now-btn:hover{background:linear-gradient(135deg,#f57c00,#ef6c00);box-shadow:0 4px 12px #ff8f004d;transform:translateY(-1px)}.dismiss-btn{background:#0000;border:none;border-radius:4px;color:#856404;cursor:pointer;font-size:1.5rem;font-weight:700;line-height:1;padding:4px 8px;transition:all .2s ease}.dismiss-btn:hover{background:#8564041a;color:#6c5700}@media (max-width:768px){.banner-content{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 16px}.banner-actions{justify-content:space-between;width:100%}.banner-text{order:-1}.banner-icon{position:absolute;right:50px;top:14px}}.linking-container{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.linking-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;font-family:ClashGrotesk-Regular,sans-serif;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:100%}.modal-close-btn{background:#0000;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:2rem;line-height:1;padding:4px 8px;position:absolute;right:16px;top:16px;transition:all .2s ease;z-index:10}.modal-close-btn:hover{background:#6c757d1a;color:#495057}.linking-header{margin-bottom:32px;text-align:center}.linking-header h2{color:#333;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.8rem;margin-bottom:12px}.linking-header p{color:#666;font-size:1rem;line-height:1.5}.linking-form{margin-bottom:32px}.form-group{margin-bottom:24px}.form-group label{font-family:ClashGrotesk-Medium,sans-serif;font-size:.95rem}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-family:ClashGrotesk-Regular,sans-serif;font-size:1rem;padding:12px 16px;transition:border-color .2s ease}.form-group input:focus{border-color:#2575fc;box-shadow:0 0 0 3px #2575fc1a;outline:none}.form-group input:disabled{background:#f8f9fa;color:#6c757d}.form-help{color:#6c757d;display:block;font-size:.85rem;line-height:1.4;margin-top:6px}.error-message{background:#fff5f5;border:1px solid #fed7d7;border-left:4px solid #e53e3e;border-radius:6px;color:#c53030;margin-bottom:20px;padding:12px}.form-actions{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:8px}.form-actions.single-button{justify-content:center}.link-button{background:linear-gradient(135deg,#6a11cb,#2575fc);border:none;border-radius:50px;box-shadow:0 4px 15px #0003;color:#fff;font-family:ClashGrotesk-SemiBold,sans-serif;font-size:1rem;letter-spacing:.5px;min-width:160px;padding:14px 32px}.link-button,.skip-button{cursor:pointer;flex:0 0 auto;transition:all .3s ease}.skip-button{background:#0000;border:2px solid #e0e0e0;border-radius:50px;color:#6c757d;font-family:ClashGrotesk-Medium,sans-serif;font-size:.9rem;min-width:140px;padding:12px 24px}.skip-button:hover:not(:disabled){border-color:#6c757d;color:#495057;transform:translateY(-1px)}.link-button:hover:not(:disabled){background:linear-gradient(135deg,#2575fc,#6a11cb);box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.link-button:disabled{box-shadow:0 4px 15px #0000001a;cursor:not-allowed;opacity:.7;transform:none}.help-section{background:#f8f9fa;border-left:4px solid #2575fc;border-radius:8px;padding:20px}.help-section h4{color:#333;font-family:ClashGrotesk-SemiBold,sans-serif;font-size:1rem;margin-bottom:12px}.help-section ul{color:#666;font-size:.9rem;line-height:1.5;margin:0;padding-left:20px}.help-section li{margin-bottom:6px}.success-message{padding:20px}.success-icon{font-size:4rem;margin-bottom:16px}.success-message h2{color:#28a745;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.8rem;margin-bottom:12px}.success-message p{color:#666;font-size:1rem;line-height:1.5;margin-bottom:8px}@media (max-width:768px){.linking-container{padding:10px}.linking-modal{margin:10px;max-width:90vw;padding:24px}.linking-header h2{font-size:1.5rem}.form-group input{font-size:16px}.form-actions{gap:12px}.form-actions,.form-actions.single-button{flex-direction:column}.link-button,.skip-button{min-width:0;min-width:auto;width:100%}}.chat,.chat *{box-sizing:border-box}.chat{--sidebar-width:340px;--header-h:80px;--composer-h:80px;background:#f9f7f3;display:flex;font-size:16px;gap:24px;height:calc(100vh - 100px);overscroll-behavior:contain;padding:24px 40px}.chat__main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;flex:1 1;overflow:hidden;position:relative}.chat__main,.chat__sidebar{display:flex;flex-direction:column}.chat__sidebar{gap:24px;width:var(--sidebar-width)}.chat__header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:var(--header-h);overflow:hidden;padding:0 32px;position:relative}.chat__header:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.chat__header .user-info{align-items:center;display:flex;gap:16px}.chat__header .user-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;width:48px}.chat__header .user-details h3{font-size:1.2rem;font-weight:600;margin:0}.chat__header .user-details p{font-size:.9rem;margin:0;opacity:.8}.chat__messages{background:linear-gradient(180deg,#fafbfc 0,#f4f6f8);display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;overscroll-behavior:contain;padding:20px 20px 24px;position:relative}.chat__messages:before{background:linear-gradient(180deg,#fffc,#0000);content:"";height:20px;left:0;pointer-events:none;position:absolute;right:0;top:0}.chat__empty,.chat__loading{animation:fadeIn .5s ease-in;color:#777;font-size:.95rem;margin:32px 0;text-align:center}.chat__timestamp{align-self:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border-radius:12px;color:#888;display:block;font-size:.9rem;margin:16px 0 8px;padding:4px 12px;text-align:center}.chat__status{align-self:flex-end;color:#1565c0;font-size:.8rem;font-weight:500;margin:4px 0 12px;text-align:right}.message{animation:messageSlideIn .3s ease-out;display:flex;flex-direction:column;margin-bottom:4px;max-width:75%}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message--own{align-self:flex-end}.message:not(.message--own){align-self:flex-start}.message--admin{max-width:75%}.message__row{align-items:flex-end;display:flex;gap:12px;max-width:100%}.message__row--right{justify-content:flex-end}.message__row--left{justify-content:flex-start}.message__content{align-items:flex-start;display:flex;flex-direction:column;gap:6px;max-width:100%}.message--own .message__content{align-items:flex-end}.message__sender-name{align-items:center;color:#64748b;display:flex;font-size:.75rem;font-weight:600;gap:6px}.message--own .message__sender-name{color:#94a3b8}.message__sender-tag{background:#6366f11f;border-radius:999px;color:#4f46e5;font-size:.65rem;letter-spacing:.04em;padding:2px 6px;text-transform:uppercase}.message--admin .message__sender-tag{background:#4f46e52e;color:#3730a3}.message--support .message__sender-tag{background:#0e74902e;color:#0e7490}.message__avatar{--avatar-size:36px;--avatar-border-width:2px;--avatar-shadow:0 6px 14px #667eea40;--avatar-text-color:#fff;flex-shrink:0}.message__avatar span{color:inherit;font-weight:600;position:relative;z-index:1}.message--admin .message__avatar{--avatar-gradient:linear-gradient(135deg,#ede9fe,#c7d2fe);--avatar-shadow:0 6px 14px #6366f140;--avatar-text-color:#312e81}.message--admin.message--own .message__avatar{--avatar-gradient:linear-gradient(135deg,#667eea,#764ba2);--avatar-shadow:0 6px 14px #667eea40;--avatar-text-color:#fff}.message--support .message__avatar{--avatar-gradient:linear-gradient(135deg,#cffafe,#bae6fd);--avatar-shadow:0 6px 14px #0e749040;--avatar-text-color:#0c4a6e}.message__admin-header{align-items:center;display:flex;gap:12px;margin-bottom:6px}.message__admin-avatar{align-items:center;border-radius:50%;box-shadow:0 4px 12px #4f46e540;color:#fff;display:flex;font-weight:600;height:32px;justify-content:center;width:32px}.message__admin-meta{display:flex;flex-direction:column;line-height:1.1}.message__admin-name{color:#1f2937;font-weight:600}.message__admin-role{color:#6366f1;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.message__admin-meta--own{color:#94a3b8;font-size:.75rem;margin-bottom:4px;text-align:right}.message--booking{max-width:100%}.message--booking.message--own{align-items:flex-end}.message--booking:not(.message--own){align-items:flex-start}.message__bubble{border-radius:20px;font-size:1rem;line-height:1.6;max-width:72ch;overflow-wrap:anywhere;padding:12px 18px;position:relative;transition:all .2s ease;word-break:break-word}.message__bubble:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.message--own:not(.message--booking) .message__bubble:after,.message:not(.message--own):not(.message--booking) .message__bubble:after{display:none}.message--system{align-self:center!important;display:flex;justify-content:center;margin:12px auto;max-width:min(88%,640px);padding:0;width:auto}.message__system-pill{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:28px;box-shadow:0 8px 20px #6366f129;color:#1f2937;display:inline-flex;flex-direction:column;gap:8px;line-height:1.5;max-width:100%;padding:14px 22px;text-align:center}.message__system-pill-tag{background:#4338ca1f;border-radius:999px;color:#4338ca;font-size:.7rem;font-weight:600;letter-spacing:.16em;padding:4px 12px;text-transform:uppercase}.message__system-pill-text{color:#111827;font-size:.98rem;font-weight:600}.message__system-pill-text a{color:#4338ca;font-weight:600;text-decoration:underline;word-break:break-word}.message__system-pill-text a:focus,.message__system-pill-text a:hover{color:#312e81;text-decoration:none}.message-group{display:flex;flex-direction:column;margin-bottom:16px}.message--grouped,.message--grouped:not(.message--system){margin-bottom:2px}.message-group .message:last-child{margin-bottom:4px}.message--session-accepted .message__system-line,.message--session-cancelled .message__system-line,.message--session-declined .message__system-line,.message--session-expired .message__system-line,.message--session-report-requested .message__system-line{background:#f1f3f6;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#333;display:inline-block;font-size:.8rem;font-weight:500;letter-spacing:.3px;padding:8px 16px}.message--session-accepted .message__system-line{background:linear-gradient(135deg,#e6f9ef,#d1f2d8);color:#166534}.message--session-declined .message__system-line{background:linear-gradient(135deg,#fdecec,#fbd5d5);color:#9b1c1c}.message--session-expired .message__system-line{background:linear-gradient(135deg,#f6f7fb,#eceff7);color:#334155}.message--session-report-requested .message__system-line{background:linear-gradient(135deg,#e6f0ff,#d9e8ff);color:#1e3a8a}.message--session-cancelled .message__system-line{background:linear-gradient(135deg,#fff4e6,#ffe6cc);color:#8a3b12}.message__system-text{white-space:nowrap}.message--own .message__bubble{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px #667eea4d;color:#fff}.message:not(.message--own) .message__bubble{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #0000000d;box-shadow:0 2px 8px #0000001a;color:#333}.message--admin:not(.message--own) .message__bubble{background:linear-gradient(135deg,#f5f3ff,#e0e7ff);border:1px solid #4f46e540;box-shadow:0 3px 10px #4f46e533;color:#1e1b4b}.message--support .message__bubble{background:linear-gradient(135deg,#ecfeff,#e0f2fe);border:1px solid #0e749040;box-shadow:0 3px 10px #0e74902e;color:#0f172a}.message--booking{width:100%}.chat__composer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8f9fa);border-top:1px solid #0000000d;display:flex;gap:16px;height:var(--composer-h);padding:16px 32px}.chat__composer input{background:#fff;border:2px solid #e9ecef;border-radius:25px;box-shadow:0 2px 8px #0000000d;flex:1 1;font-size:1rem;outline:none;padding:18px 22px;transition:all .3s ease}.chat__composer input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.chat__composer input::placeholder{color:#adb5bd;font-style:italic}.chat__composer button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 16px #667eea4d;color:#fff;cursor:pointer;font-weight:600;min-width:80px;padding:16px 24px;transition:all .3s ease}.chat__composer button:hover:not(:disabled){box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.chat__composer button:active{transform:translateY(0)}.chat__composer button:disabled{box-shadow:0 2px 8px #667eea33;cursor:not-allowed;opacity:.6;transform:none}.chat__admin-error{color:#b91c1c;font-size:.85rem;margin:.5rem 2rem 0}.chat__composer--readonly{align-items:center;justify-content:center}.chat__readonly-notice{background:#f7fafc;border:2px solid #e2e8f0;border-radius:20px;color:#4a5568;font-size:.95rem;font-weight:500;max-width:400px;padding:14px 24px;text-align:center;width:100%}.card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;gap:16px;padding:24px;text-align:center}.card__avatar.review-card__avatar.avatar-circle{--avatar-size:108px;--avatar-border-width:4px;--avatar-shadow:0 20px 36px #0006;--avatar-text-color:#333;align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;display:inline-flex;justify-content:center}.card__avatar>span{z-index:1}.card__avatar>span,.conversation-sidebar-avatar{font-weight:700;letter-spacing:.04em;position:relative}.conversation-sidebar-avatar{align-items:center;border-radius:50%;box-shadow:0 20px 36px #4f46e538;color:#fff;display:inline-flex;font-size:45px;height:108px;justify-content:center;overflow:hidden;text-transform:uppercase;width:108px}.conversation-sidebar-avatar:after{border-radius:inherit;box-shadow:inset 0 0 0 4px #ffffff8c;content:"";inset:0;pointer-events:none;position:absolute}.conversation-sidebar-avatar>img{border-radius:inherit;display:block;height:100%;object-fit:cover;width:100%}.conversation-sidebar-avatar>span{position:relative;z-index:1}.card__btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:all .2s;width:100%}.card__btn+.card__btn{margin-top:10px}.card__btn--ghost{background:#0000;border:2px solid #667eea;color:#667eea}.review-btn{border-style:dashed}.card__btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.card__title{align-items:center;display:flex;font-weight:600;gap:8px;margin:0}.sessions-count{color:#667eea;font-size:.8em;font-weight:500}.card__muted{color:#777;font-size:.9rem}.support-sessions-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:4000}.support-sessions-modal{background:#fff;border-radius:18px;box-shadow:0 22px 48px #0f172a47;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(720px,100%)}.support-sessions-modal__header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;justify-content:space-between;padding:24px}.support-sessions-modal__header h3{color:#1f2937;font-size:1.35rem;margin:0}.support-sessions-title__context{color:#4f46e5;font-size:.9rem;font-weight:500}.support-sessions-modal__subtitle{color:#64748b;font-size:.95rem;margin:4px 0 0}.support-sessions-modal__meta{color:#94a3b8;display:block;font-size:.75rem;letter-spacing:.08em;margin-top:6px;text-transform:uppercase}.support-sessions-modal__header-actions{align-items:center;display:flex;gap:12px}.support-sessions-action-button{background:#0000;border:1px solid #6366f1;border-radius:999px;color:#4f46e5;cursor:pointer;font-weight:600;padding:8px 14px;transition:all .2s}.support-sessions-action-button:disabled{cursor:not-allowed;opacity:.6}.support-sessions-action-button:not(:disabled):hover{background:#6366f11a}.support-sessions-close{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:1.75rem;line-height:1;padding:0 6px}.support-sessions-close:hover{color:#111827}.support-sessions-modal__body{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.support-sessions-loading{color:#475569;font-weight:500;text-align:center}.support-sessions-error{background:#fee2e2;border-radius:12px;color:#b91c1c;display:flex;flex-direction:column;gap:12px;padding:16px}.support-sessions-error button{align-self:flex-start;background:#b91c1c;border:none;border-radius:999px;color:#fff;cursor:pointer;padding:8px 14px}.support-sessions-empty{background:#f8fafc;border:1px dashed #cbd5f5;border-radius:12px;color:#64748b;font-style:italic;padding:24px 12px;text-align:center}.support-sessions-section{display:flex;flex-direction:column;gap:12px}.support-sessions-section+.support-sessions-section{margin-top:20px}.support-sessions-section h4{align-items:center;color:#1e293b;display:flex;font-size:1.05rem;gap:8px;margin:0}.support-sessions-count{background:#6366f11f;border-radius:999px;color:#6366f1;font-size:.85rem;padding:2px 10px}.support-session-list{display:flex;flex-direction:column;gap:12px}.support-session-entry{background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 5px 12px #0f172a0f;display:flex;gap:16px;padding:16px}.support-session-time{color:#334155;display:flex;flex-direction:column;font-size:.95rem;gap:4px;min-width:120px;width:120px}.support-session-time strong{font-size:1rem}.support-session-meta{color:#1f2937;display:flex;flex:1 1;flex-direction:column;gap:10px}.support-session-title{align-items:baseline;display:flex;flex-wrap:wrap;font-size:1rem;font-weight:600;gap:6px}.support-session-tutor{color:#4f46e5;font-weight:500}.support-session-detail{color:#64748b;font-size:.85rem}.support-session-actions{display:flex;flex-wrap:wrap;gap:10px}.support-session-action{align-items:center;background:#fff;border:1px solid #6366f1;border-radius:999px;color:#4f46e5;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:8px 14px;text-decoration:none;transition:all .2s}.support-session-action:hover{background:#6366f11f}.support-session-action--primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.support-session-action--primary:hover{box-shadow:0 6px 12px #667eea59;transform:translateY(-1px)}.support-session-note{color:#64748b;font-size:.9rem}.support-sessions-modal__footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.support-session-footer-btn{background:#fff;border:1px solid #cbd5f5;border-radius:999px;color:#334155;cursor:pointer;font-weight:600;padding:10px 18px;transition:all .2s}.support-session-footer-btn:hover{background:#e0e7ff;color:#4338ca}.support-session-footer-btn--primary{background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;box-shadow:0 10px 20px #2563eb40;color:#fff}.support-session-footer-btn--primary:hover{transform:translateY(-1px)}@media (max-width:768px){.support-sessions-modal{max-height:92vh}.support-sessions-modal__header{align-items:flex-start;flex-direction:column;gap:12px}.support-sessions-modal__header-actions{justify-content:flex-end;width:100%}.support-session-entry{flex-direction:column}.support-session-time{flex-direction:row;justify-content:space-between;min-width:0;min-width:auto;width:100%}}.sessions-container{background:#fafafa;border:1px solid #f0f0f0;border-radius:6px;max-height:300px;overflow-y:auto}.sessions{list-style:none;margin:0;padding:0;width:100%}.sessions--scrollable{padding:4px}.session-item,.sessions li{align-items:center;background:#fff;border-bottom:1px solid #eee;border-radius:4px;display:flex;font-size:.9rem;gap:8px;justify-content:space-between;margin-bottom:2px;padding:8px;transition:background-color .2s ease}.session-item:hover{background:#f8f9ff}.session-item:last-child{border-bottom:none;margin-bottom:0}.session-info{color:#333;flex:1 1}.session-participant-avatar{--avatar-size:32px;--avatar-border-width:2px;--avatar-shadow:0 4px 10px #667eea2e;flex-shrink:0;font-size:.7rem}.session-participant-avatar>span{position:relative;z-index:1}.session-subject{color:#667eea;font-weight:500}.pill{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 10px}.pill--confirmed{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;color:#155724}.pill--declined{background:linear-gradient(135deg,#f8d7da,#f1b0b7);border:1px solid #f1b0b7;color:#721c24}.pill--cancelled{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeeba;color:#856404}.pill--refunded{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:1px solid #bee5eb;color:#0c5460}.pill--unconfirmed{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeeba;border-radius:.25rem;color:#856404;padding:.25em .75em}.pill--parent_approved{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #2196f3;border-radius:.25rem;color:#1565c0;padding:.25em .75em}.booking-card__sessions-list{border-top:1px dashed #e2e8f0;display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:10px}.booking-card__session-row{align-items:center;background:#f9fafb;border:1px solid #edf2f7;border-radius:6px;display:flex;font-size:.75rem;gap:8px;justify-content:space-between;padding:6px 8px}.booking-card__session-row.session-row--confirmed{background:#f1fdf6;border-color:#c6f6d5}.booking-card__session-row.session-row--declined{background:#fdf2f2;border-color:#feb2b2}.booking-card__session-meta{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.session-date{font-weight:600}.session-student,.session-time{color:#555}.session-pill{border-radius:10px;font-size:.65rem;font-weight:600;letter-spacing:.3px;padding:2px 6px}.session-pill--confirmed{background:#38a169;color:#fff}.session-pill--declined{background:#e53e3e;color:#fff}.session-actions{gap:4px}.mini-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.7rem;font-weight:600;gap:4px;justify-content:center;letter-spacing:.3px;min-width:70px;padding:8px 12px;position:relative;transition:all .3s ease}.mini-btn--accept{background:linear-gradient(135deg,#38a169,#48bb78);box-shadow:0 2px 8px #38a1694d;color:#fff}.mini-btn--decline{background:linear-gradient(135deg,#e53e3e,#fc8181);box-shadow:0 2px 8px #e53e3e4d;color:#fff}.mini-btn--refund{background:linear-gradient(135deg,#805ad5,#9f7aea);box-shadow:0 2px 8px #805ad54d;color:#fff}.mini-btn--success{animation:successPulse .5s ease-out;background:linear-gradient(135deg,#22c55e,#16a34a)!important;transform:scale(1.05)}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1.05)}}.mini-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.mini-btn:not(:disabled):hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.success-checkmark{color:#fff;font-size:.8rem}.action-error{align-items:center;animation:slideDown .3s ease-out;background:#fed7d7;border-radius:6px;box-shadow:0 2px 8px #c5303033;color:#c53030;display:flex;font-size:.6rem;font-weight:500;gap:4px;left:0;margin-top:4px;padding:6px 8px;position:absolute;right:0;top:100%;z-index:10}.error-icon{font-size:.8rem}.session-actions{align-items:center;display:flex;gap:8px;position:relative}.booking-card{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:12px;max-width:400px;padding:24px;position:relative;width:100%}.booking-card__status{position:absolute;right:16px;top:16px}.booking-card__title{font-weight:600;margin:0}.booking-card__row{font-size:.95rem;margin:0}.booking-card__actions{margin-top:auto}.booking-card__actions button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;padding:10px;transition:all .2s}.booking-card__actions .btn-accept{background:linear-gradient(135deg,#48bb78,#38a169)}.booking-card__actions .btn-accept,.booking-card__actions .btn-decline{align-items:center;display:flex;gap:6px;justify-content:center;min-width:100px;position:relative}.booking-card__actions .btn-decline{background:linear-gradient(135deg,#f56565,#e53e3e)}.btn--success{animation:successPulse .5s ease-out;background:linear-gradient(135deg,#22c55e,#16a34a)!important}.booking-card__actions button:hover:not(:disabled){box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.booking-card__actions button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.booking-card__actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;position:relative}.chat__new-message-indicator{animation:fadeInUp .3s ease-out;bottom:80px;cursor:pointer;left:50%;position:absolute;transform:translateX(-50%);z-index:100}.new-message-bubble{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff3;border-radius:25px;box-shadow:0 4px 16px #667eea66;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 20px;transition:all .2s ease}.new-message-bubble:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.new-message-count{background:#ffffff4d;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;line-height:1.2;min-width:20px;padding:2px 8px;text-align:center}.new-message-text{white-space:nowrap}.new-message-arrow{animation:bounce 1.5s infinite;height:18px;opacity:.9;width:18px}.message--report .report-card{background:#fff;border:1px solid #00000014;border-left:4px solid #4f46e5;border-radius:10px;box-shadow:0 2px 6px #0000000f;max-width:560px;padding:14px 16px}.report-card__header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.report-card__icon{font-size:20px}.report-card__title{font-weight:700;letter-spacing:.2px}.report-card__subtitle{color:#666;font-size:.85rem}.report-card__student-pill{background:linear-gradient(135deg,#e0e7ff,#dbeafe);border:1px solid #1e3a8a33;border-radius:999px;color:#1e3a8a;font-size:.78rem;line-height:1;margin-left:auto;padding:6px 10px;white-space:nowrap}.report-card__body{grid-gap:16px;display:grid;gap:16px}.report-card__section{margin-top:4px;position:relative}.report-card__label{background:#fff;border-radius:6px;color:#6b7280;font-size:.72rem;left:12px;letter-spacing:.2px;padding:0 6px;position:absolute;top:-10px}.report-card__text{background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;line-height:1.55;overflow-wrap:anywhere;padding:12px 14px;white-space:pre-wrap;word-break:break-word}.report-card__body .report-card__section:first-child .report-card__text,.report-card__body .report-card__section:nth-child(2) .report-card__text{font-size:1.05rem}.report-card__section+.report-card__section{border-top:1px dashed #0000000f;padding-top:12px}.chat__messages:not([data-has-scroll])+.chat__new-message-indicator{display:none}.message--admin-support{align-self:center!important;margin:16px auto;max-width:min(88%,520px);width:100%}.message__system-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:16px;box-shadow:0 8px 24px #0ea5e933;overflow:hidden}.message__system-card-header{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-size:1rem;font-weight:600;padding:12px 16px;text-align:center}.message__system-card-body{padding:16px;text-align:center}.message__system-card-body p{color:#0c4a6e;font-size:.95rem;line-height:1.5;margin:0 0 16px}.message__system-card-button{background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:8px;box-shadow:0 4px 12px #0ea5e94d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .2s ease}.message__system-card-button:hover{box-shadow:0 6px 16px #0ea5e966;transform:translateY(-2px)}.message__system-card-button:active{transform:translateY(0)}.message__system-card-footer{background:#0ea5e91a;border-top:1px solid #0ea5e933;padding:8px 16px}.message__system-card-footer small{color:#075985;font-size:.85rem}.message__system-card--expired{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #9ca3af;box-shadow:0 4px 12px #6b728026}.message__system-card--expired .message__system-card-header{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.message__system-card--expired .message__system-card-body p{color:#4b5563}.message__system-card--expired .message__system-card-footer{background:#9ca3af1a;border-top:1px solid #9ca3af33}.message__system-card--expired .message__system-card-footer small{color:#6b7280;font-size:.8rem}.chat__attach-btn{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:25px;box-shadow:0 4px 16px #48bb784d;color:#fff;cursor:pointer;font-size:1rem;min-width:auto;padding:12px 16px!important;transition:all .3s ease}.chat__attach-btn:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 8px 24px #48bb7866;transform:translateY(-2px)}.chat__attach-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.chat__upload-progress{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;margin:0 32px 16px;padding:12px 16px}.upload-progress-bar{background:#e2e8f0;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.upload-progress-fill{background:linear-gradient(90deg,#48bb78,#38a169);border-radius:3px;height:100%;transition:width .3s ease}.upload-progress-text{color:#4a5568;font-size:.875rem;font-weight:500;text-align:center}.chat__upload-error{background:#fff5f5;border:1px solid #feb2b2;border-radius:12px;color:#c53030;font-size:.875rem;margin:0 32px 16px;padding:12px 16px}.message--attachment{max-width:min(420px,100%);width:auto}.message__attachment-card{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:inherit;cursor:pointer;display:flex;gap:12px;max-width:350px;min-width:250px;padding:12px 16px;text-decoration:none;transition:all .3s ease}.message__attachment-card:hover{background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-color:#667eea;box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.attachment-card__icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;width:48px}.attachment-card__icon-svg{color:#667eea;height:48px;width:48px}.attachment-card__extension{bottom:4px;color:#667eea;font-size:.625rem;font-weight:700;letter-spacing:.5px;position:absolute}.attachment-card__info{flex:1 1;min-width:0}.attachment-card__name{color:#2d3748;font-size:.9rem;font-weight:600;margin-bottom:4px;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}.attachment-card__meta{color:#718096;font-size:.8rem}.attachment-card__download-icon{color:#718096;flex-shrink:0;height:24px;transition:color .3s ease,transform .3s ease;width:24px}.message__attachment-card:hover .attachment-card__download-icon{color:#667eea;transform:translateY(2px)}.message--attachment.message--own .message__attachment-card{background:linear-gradient(135deg,#e6f2ff,#d6e9ff);border-color:#90cdf4}.message--attachment.message--own .message__attachment-card:hover{background:linear-gradient(135deg,#d6e9ff,#c3dafe);border-color:#4299e1}.message--attachment.message--own .attachment-card__extension,.message--attachment.message--own .attachment-card__icon-svg{color:#4299e1}@media (max-width:1024px){.chat__sidebar{--sidebar-width:280px;width:var(--sidebar-width)}.chat__main{flex:1 1;min-width:0}.message__attachment-card{max-width:300px;min-width:240px}}@media (max-width:768px){.chat{flex-direction:column;height:auto;min-height:calc(100vh - 100px)}.chat__main{flex:1 1;min-height:500px;order:1}.chat__sidebar{border-left:none;border-top:1px solid #e2e8f0;max-height:300px;max-width:100%;order:2;overflow-x:auto;overflow-y:hidden;padding:16px;width:100%}.chat__sidebar-inner{display:flex;flex-direction:row;gap:16px;min-width:-webkit-min-content;min-width:min-content}.chat__sidebar .card{flex-shrink:0;min-width:250px}.message__attachment-card{gap:10px;max-width:280px;min-width:200px;padding:10px 12px}.attachment-card__icon-svg,.attachment-card__icon-wrapper{height:40px;width:40px}.attachment-card__name{font-size:.85rem}.attachment-card__meta{font-size:.75rem}.chat__attach-btn{font-size:.9rem;padding:10px 14px!important}}@media (max-width:480px){.chat__main{min-height:400px}.chat__sidebar{max-height:250px}.chat__sidebar .card{min-width:220px}.message__attachment-card{max-width:250px;min-width:180px}}.bookings-page{background:#f9f7f3;color:#333;font-family:ClashGrotesk-Regular,sans-serif;min-height:calc(100vh - 60px);padding:0}.bookings-container{margin:0 auto;max-width:80%;padding:0 20px;width:80%}.white-box{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem;width:100%}.white-box:before{border-radius:8px 8px 0 0;content:"";display:block;height:4px;margin:-1rem -1rem 1rem}.bookings-title,.white-box:before{background:linear-gradient(135deg,#667eea,#764ba2)}.bookings-title{-webkit-background-clip:text;background-clip:text;color:#0000;font-family:ClashGrotesk-Bold,sans-serif;font-size:2rem;margin-bottom:20px}.booking-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:20px;padding:12px 20px}.booking-header .avatar-cell{align-items:center;display:flex;flex:0 0 auto;justify-content:center;width:56px}.booking-header .date-cell{flex:0 0 160px;min-width:160px}.booking-header .student-cell{flex:1 1 140px;min-width:140px}.booking-header .subject-cell{flex:1 1 120px;min-width:120px}.booking-header .price-cell{flex:0 0 80px;text-align:right}.booking-header .status-cell{flex:1 1 180px;min-width:180px}.booking-header .action-cell{flex:0 0 auto;margin-left:auto}.tabs-container{border-bottom:1px solid #ddd;display:inline-flex;margin-bottom:20px}.tab-button{background:#0000;color:#333;font-family:ClashGrotesk-Bold,sans-serif;margin-right:30px;outline:none;padding-bottom:8px}.tab-button.active{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(135deg,#667eea,#764ba2);border-bottom:0;color:#333}.tab-button.active:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px 3px 0 0;content:"";display:block;height:3px;margin-top:8px}.tab-button:hover{background-color:#ddd}.tab-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:inline-flex;font-size:.75rem;height:18px;justify-content:center;line-height:1;margin-left:6px;min-width:18px;padding:0 6px}.tab-badge-muted{background:#e5e7eb;color:#374151}.booking-list{background:#fff;border:1px solid #e1e5e9;border-radius:8px;display:flex;display:block;flex-direction:column;gap:10px;overflow-x:hidden;width:100%}.booking-header,.booking-item{grid-gap:12px;align-items:center;border-bottom:1px solid #f0f0f0;display:grid;gap:12px;grid-template-columns:56px minmax(120px,1fr) minmax(100px,.8fr) minmax(100px,.8fr) minmax(60px,.4fr) minmax(160px,1fr) minmax(200px,1.2fr);padding:12px 16px}.booking-header{background:#fafafa;border-bottom:2px solid #e0e0e0;border-radius:8px 8px 0 0;color:#666;font-size:.9rem;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.booking-item{background-color:#fff;border-radius:0;box-shadow:none;margin-bottom:0;position:relative;transition:all .2s ease}.booking-item:last-child{border-bottom:none;border-radius:0 0 8px 8px}.booking-item:hover{background-color:#fafafa}.booking-item:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.avatar-cell{align-items:center;display:flex;justify-content:center}.date-cell{display:flex;flex-direction:column;gap:2px;min-width:0}.date-cell .date-time{font-size:.9rem;line-height:1.2;word-break:break-word}.date-cell .lesson-type{font-size:.8rem}.student-cell,.subject-cell{word-wrap:break-word;font-size:.9rem;-webkit-hyphens:auto;hyphens:auto;min-width:0;overflow-wrap:break-word;word-break:break-word}.student-cell{gap:4px}.student-cell,.with-name{display:flex;flex-direction:column}.with-name{gap:2px;min-width:0}.booking-item .with-name-primary{color:#1f2937;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.05rem;line-height:1.2}.booking-item .with-name-secondary{color:#6b7280;font-size:.82rem;font-weight:600;letter-spacing:.01em}.price-cell{color:#059669;font-family:ClashGrotesk-Bold,sans-serif;font-size:.95rem;text-align:right;white-space:nowrap}.status-cell{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;min-width:0}.action-cell{min-width:180px}.action-buttons,.action-cell{display:flex;justify-content:flex-end}.action-buttons{align-items:center;flex-wrap:wrap;gap:8px 10px;width:100%}.action-buttons>*{flex-shrink:0}.action-buttons .conflict-banner{margin-right:auto}.conflict-banner{align-items:center;background:#fff7ed;border:1px solid #f59e0b;border-radius:6px;color:#92400e;display:inline-flex;font-size:.85rem;gap:8px;padding:6px 8px}.conflict-icon{opacity:.9}.conflict-text{margin-right:6px}.conflict-link{background:#0000;border:none;color:#7c3aed;cursor:pointer;padding:0;text-decoration:underline}.conflict-link:hover{color:#5b21b6}.conflict-dismiss{background:#0000;border:none;color:#92400e;cursor:pointer;padding:0 4px}.booking-item>.action-cell,.booking-item>.date-cell,.booking-item>.price-cell,.booking-item>.status-cell,.booking-item>.student-cell,.booking-item>.subject-cell{min-width:0}.avatar-stack{align-items:center;display:flex;height:56px;justify-content:center;position:relative;width:56px}.avatar-stack__primary{position:relative;z-index:1}.avatar-stack__secondary{border:3px solid #fff;bottom:-6px;box-shadow:0 10px 16px #4f46e533;position:absolute;right:-8px;z-index:2}.date-cell .date-time{color:#333;font-size:.95rem;font-weight:600;line-height:1.3}.date-cell .lesson-type{color:#666;font-size:.85rem;font-weight:400}.student-cell,.subject-cell{color:#333;font-size:.95rem;font-weight:500}.join-btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:6px 12px}.join-btn:hover{filter:brightness(.95)}.cancel-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);font-size:1rem;margin-left:6px;padding:6px 12px}.cancel-btn:hover{filter:brightness(.9)}.cancel-btn:disabled{cursor:not-allowed;filter:none;opacity:.6}.refund-btn{background:linear-gradient(135deg,#ffa726,#ff9800);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-left:6px;padding:6px 12px}.refund-btn:hover{filter:brightness(.9)}.refund-btn:disabled{cursor:not-allowed;filter:none;opacity:.6}.session-notes-btn{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:4px;box-shadow:0 2px 6px #22c55e33;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease}.session-notes-btn:hover:not(:disabled){box-shadow:0 4px 12px #22c55e40;transform:translateY(-1px)}.session-notes-btn:disabled{cursor:not-allowed;opacity:.6}.request-report-btn,.view-report-btn,.write-report-btn{margin-left:6px}.bookings-empty-state{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:60px 24px;text-align:center;width:100%}.bookings-empty-emoji{font-size:48px;margin-bottom:16px}.bookings-empty-title{color:#333;font-size:1.25rem;font-weight:700;margin-top:8px}.bookings-empty-sub{color:#666;font-size:.95rem;margin-top:8px}@media (max-width:1200px){.booking-header,.booking-item{gap:10px;grid-template-columns:56px minmax(110px,1fr) minmax(90px,.7fr) minmax(90px,.8fr) minmax(60px,.4fr) minmax(140px,1fr) minmax(180px,1fr);padding:10px 12px}.accept-btn,.cancel-btn,.decline-btn,.join-btn,.refund-btn,.request-report-btn,.view-report-btn,.write-report-btn{font-size:.75rem;min-width:50px;padding:5px 10px;padding:5px 8px}}@media (max-width:860px){.booking-list{overflow-x:visible}.booking-header{display:none}.booking-item{background-color:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 4px #0000000a;display:block;margin-bottom:16px;min-width:auto;padding:16px;position:relative}.booking-item:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 0 0 12px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.booking-item>div{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:8px;padding:8px 0}.booking-item>div:last-child{border-bottom:none}.avatar-cell{border-bottom:none!important;justify-content:flex-start;margin-bottom:8px}.date-cell:before,.price-cell:before,.status-cell:before,.student-cell:before,.subject-cell:before{color:#666;content:attr(data-label);font-size:.85rem;font-weight:600;min-width:100px}.action-cell{flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:8px}.accept-btn,.cancel-btn,.decline-btn,.join-btn,.refund-btn,.request-report-btn,.view-report-btn,.write-report-btn{font-size:.85rem;min-width:auto;padding:6px 12px}.with-name{align-items:flex-start}.booking-item .with-name-primary{font-size:1rem}.booking-item .with-name-secondary{font-size:.78rem}}@media (max-width:420px){.bookings-container{padding:0 16px}.bookings-title{font-size:1.8rem}.minimal-dropdown{min-width:auto;width:100%}.filter-container{align-items:stretch;flex-direction:column;gap:8px}.booking-item{gap:12px;padding:12px}.booking-item .review-card__avatar{--avatar-size:48px;font-size:1rem}}.accept-btn,.cancel-btn,.decline-btn,.join-btn,.refund-btn,.request-report-btn,.view-report-btn,.write-report-btn{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;min-width:70px;padding:6px 10px;text-align:center;transition:all .2s ease;white-space:normal}.accept-btn,.join-btn,.request-report-btn,.write-report-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.view-report-btn{background:#fff;border:1px solid #667eea;color:#667eea}.view-report-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.accept-btn:hover,.decline-btn:hover,.join-btn:hover,.request-report-btn:hover,.write-report-btn:hover{filter:brightness(.95);transform:translateY(-1px)}.accept-btn:disabled,.decline-btn:disabled,.join-btn:disabled,.request-report-btn:disabled,.view-report-btn:disabled,.write-report-btn:disabled{cursor:not-allowed;filter:none;opacity:.5;transform:none}.booking-item .status-pill{align-items:center;background:#0000000a;border-radius:20px;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;max-width:100%;padding:6px 12px;white-space:normal;word-break:break-word}.status-confirmed{background:#22c55e1a;color:#059669}.status-action-required{background:#ef44441a;color:#dc2626}.status-awaiting-other{background:#f59e0b1a;color:#d97706}.status-declined{background:#ef44441a;color:#dc2626}.decline-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.decline-btn:hover{filter:brightness(.95)}.filter-container{align-items:center;display:flex;gap:16px;margin-bottom:16px}.filter-container label{color:#555;font-size:.95rem;font-weight:600}.minimal-dropdown{border:2px solid #e1e5e9;min-width:200px;padding:8px 12px;text-align:left}.load-more-button,.minimal-dropdown{font-size:.95rem;transition:all .2s ease}.load-more-button{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:inline-block;font-weight:600;margin:20px auto;padding:12px 24px}.load-more-button:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-1px)}.load-more-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.payments-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#333;font-family:ClashGrotesk-Regular,sans-serif;margin:0 auto;max-width:800px;padding:30px}.payments-container h1{font-family:ClashGrotesk-Bold,sans-serif;font-size:2rem;margin-bottom:20px;text-align:center}.no-card-message{font-size:1rem;margin-bottom:15px}.warning-card{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:20px;padding:20px;text-align:center}.warning-card h3{color:#856404;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.2rem;margin-bottom:10px}.warning-card p{color:#856404;margin-bottom:15px}.card-details p{font-size:1rem;margin-bottom:15px}.card-actions{display:flex;flex-wrap:wrap;gap:15px}.primary-button{background-color:#48a6a7;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:ClashGrotesk-Bold,sans-serif;font-size:1rem;margin-top:10px;padding:10px 20px;transition:background .3s ease}.primary-button:hover{opacity:.9}.secondary-button{background-color:#f8f9fa;border:2px solid #dee2e6;border-radius:5px;color:#6c757d;cursor:pointer;font-family:ClashGrotesk-Bold,sans-serif;font-size:1rem;margin-top:10px;padding:10px 20px;transition:all .3s ease}.secondary-button:hover{background-color:#e9ecef;border-color:#adb5bd}.remove-button{border-color:#dc3545;color:#dc3545}.remove-button:hover{background-color:#dc3545;color:#fff}.remove-button:disabled{cursor:not-allowed;opacity:.6}.remove-button:disabled:hover{background-color:#f8f9fa;color:#dc3545}.add-card-form{margin-top:20px}.add-card-container{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:25px}.add-card-container h3{color:#333;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.3rem;margin-bottom:20px}.payment-form{display:flex;flex-direction:column;gap:20px}.payment-element-container{margin-bottom:10px}.message-card{border-radius:8px;font-family:ClashGrotesk-Regular,sans-serif;margin-bottom:20px;padding:15px 45px 15px 20px;position:relative}.success-message{background-color:#d4edda;border:1px solid #c3e6cb}.info-message{background-color:#e7f3fe;border:1px solid #b3d4fc;color:#0b5394}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.loading-message{background-color:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;color:#0c5460;margin-bottom:20px;padding:15px;text-align:center}.close-message{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:20px;height:25px;justify-content:center;padding:0;position:absolute;right:15px;top:10px;width:25px}.close-message:hover{opacity:.7}.modal-backdrop{background:#00000073}.modal-dialog{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0f172a2e;font-family:ClashGrotesk-Regular,sans-serif;max-width:420px;padding:24px;width:100%}.modal-dialog h2{font-family:ClashGrotesk-Bold,sans-serif;font-size:1.4rem;margin-bottom:12px}.modal-dialog p{line-height:1.5;margin-bottom:24px}.primary-button.destructive{background-color:#dc3545;border-color:#dc3545}.primary-button.destructive:hover{background-color:#b02a37}.dashboard-container{margin:0 auto;max-width:1200px;padding:32px}.dashboard-container h1{color:#333;font-family:ClashGrotesk-Bold,sans-serif;font-size:2.5rem;margin-bottom:16px}.dashboard-container>p{color:#666;font-size:1.1rem;margin-bottom:40px}.dashboard-quick-actions{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:32px}.dashboard-action-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;padding:32px;text-align:center;transition:all .3s ease}.dashboard-action-card:hover{border-color:#0000;box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.progress-card:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.bookings-card:hover{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.messages-card:hover{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.action-icon{display:block;font-size:3rem;margin-bottom:16px}.dashboard-action-card h3{color:inherit;font-family:ClashGrotesk-SemiBold,sans-serif;font-size:1.5rem;margin-bottom:12px}.dashboard-action-card p{color:inherit;font-size:1rem;line-height:1.5;opacity:.9}@media (max-width:768px){.dashboard-quick-actions{grid-template-columns:1fr}.dashboard-container{padding:20px}.dashboard-container h1{font-size:2rem}}.parent-dashboard-container{margin:0 auto;max-width:1200px;padding:32px}.parent-dashboard-container h1{color:#333;font-family:ClashGrotesk-Bold,sans-serif;font-size:2.5rem;margin-bottom:8px}.dashboard-subtitle{color:#666;font-size:1.1rem;margin-bottom:40px}.dashboard-grid{grid-gap:24px;display:grid;gap:24px}.dashboard-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.dashboard-section h2{color:#333;font-family:ClashGrotesk-SemiBold,sans-serif;font-size:1.5rem;margin-bottom:20px}.action-buttons-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.action-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:24px 16px;position:relative;transition:all .3s ease}.action-btn:hover{border-color:#0000;box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.action-icon{font-size:2.5rem}.action-label{color:#333;font-family:ClashGrotesk-SemiBold,sans-serif;font-size:1rem}.action-count{border-radius:12px;font-size:.75rem;font-weight:700;min-width:24px;padding:4px 8px;position:absolute;right:8px;text-align:center;top:8px}.action-count,.students-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.students-btn:hover .action-label{color:#fff}.bookings-btn:hover{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.bookings-btn:hover .action-label{color:#fff}.messages-btn:hover{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.messages-btn:hover .action-label{color:#fff}.payments-btn:hover{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.payments-btn:hover .action-label{color:#fff}.students-list-compact{display:flex;flex-direction:column;gap:12px}.student-card-compact{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.student-card-compact:hover{background:#edf2f7;border-color:#cbd5e0}.student-info-compact{align-items:center;display:flex;flex:1 1;gap:12px}.student-avatar-compact{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;width:48px}.student-details-compact{flex:1 1}.student-name-compact{color:#333;font-family:ClashGrotesk-SemiBold,sans-serif;font-size:1rem;margin-bottom:4px}.student-email-compact{color:#718096;font-size:.875rem}.view-progress-btn-compact{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:ClashGrotesk-Medium,sans-serif;font-size:.875rem;padding:8px 16px;transition:all .2s ease}.view-progress-btn-compact:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.sessions-list{display:flex;flex-direction:column;gap:12px}.session-card-compact{grid-gap:16px;align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:16px;grid-template-columns:auto auto 1fr;padding:16px;transition:all .2s ease}.session-card-compact:hover{background:#edf2f7;border-color:#667eea}.session-date{color:#667eea;font-family:ClashGrotesk-SemiBold,sans-serif;font-size:.875rem;letter-spacing:.5px;min-width:80px;text-transform:uppercase}.session-time{color:#333;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.125rem;min-width:60px}.session-details{display:flex;flex-direction:column;gap:4px}.session-subject{color:#333;font-family:ClashGrotesk-SemiBold,sans-serif;font-size:1rem}.session-meta{color:#718096;font-size:.875rem}.empty-state{padding:48px 24px}.empty-state h2{margin-bottom:16px}.empty-state p{color:#666;font-size:1.1rem;margin-bottom:24px}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 16px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;padding:12px 32px;transition:all .3s ease}.primary-btn:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}@media (max-width:1024px){.dashboard-grid{gap:24px;grid-template-columns:1fr}.action-buttons-grid,.students-grid{grid-template-columns:repeat(2,1fr)}.sessions-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-container{padding:16px}.dashboard-header h1{font-size:1.75rem}.action-buttons-grid{gap:12px}.action-buttons-grid,.students-grid{grid-template-columns:1fr}.sessions-section{max-height:400px;overflow-y:auto}.sessions-grid{display:flex;flex-direction:column;gap:12px}.session-card-compact{padding:12px}.session-date{font-size:.8rem;min-width:70px}.session-time{font-size:1rem;min-width:50px}.session-subject{font-size:.95rem}.session-meta{font-size:.8rem}}@media (max-width:480px){.dashboard-container{padding:12px}.dashboard-header h1{font-size:1.5rem}.sessions-section{display:none}.empty-state{padding:32px 16px}.empty-state p{font-size:1rem}}.pending-approval-container-embedded{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:600px;padding:32px 24px;text-align:center}.glass-return-chip{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0096881f;border:1px solid #00968859;border-radius:999px;box-shadow:0 3px 14px #00000026;color:#009688;display:inline-flex;font-size:.95rem;font-weight:600;gap:6px;margin-top:24px;padding:10px 22px;text-decoration:none;transition:background .25s,color .25s,transform .25s,box-shadow .25s}.glass-return-chip .arrow{font-size:1.2rem;line-height:0}.glass-return-chip:focus-visible,.glass-return-chip:hover{background:#009688cc;box-shadow:0 6px 20px #00000040;color:#fff;transform:translateY(-2px)}.pending-approval-image-new{display:block;height:auto;margin:0 auto;max-width:320px}@media (max-width:420px){.glass-return-chip{font-size:.85rem;margin-top:32px;padding:9px 18px}}.transcript-upload-container{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;margin:24px 0;padding:24px}.transcript-upload-title{color:#0c4a6e;font-size:20px;font-weight:600;margin:0 0 16px}.transcript-upload-info{margin-bottom:20px}.transcript-upload-info p{color:#0c4a6e;font-size:15px;line-height:1.6;margin:0 0 12px}.transcript-requirements{background:#fff9;border-radius:6px;color:#075985!important;font-size:14px!important;margin-top:8px!important;padding:8px 12px}.transcript-upload-area{align-items:flex-start;display:flex;flex-direction:column;gap:16px}.transcript-upload-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:8px;box-shadow:0 2px 8px #0ea5e94d;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s ease}.transcript-upload-btn:hover:not(.uploading){box-shadow:0 4px 12px #0ea5e966;transform:translateY(-2px)}.transcript-upload-btn.uploading{background:#94a3b8;cursor:not-allowed;opacity:.6}.transcript-preview{width:100%}.transcript-file-info{align-items:center;background:#10b9811a;border:2px solid #10b981;border-radius:8px;display:flex;gap:12px;padding:16px}.transcript-icon{font-size:32px}.transcript-status{color:#065f46;font-size:15px;font-weight:600}.transcript-uploading{align-items:center;background:#94a3b81a;border-radius:8px;display:flex;gap:12px;padding:12px}.transcript-uploading .loading-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0ea5e9;height:20px;width:20px}.transcript-uploading span{color:#475569;font-size:14px;font-weight:500}.transcript-error{background:#fef2f2;border:2px solid #ef4444;border-radius:8px;color:#991b1b}.transcript-error,.transcript-success{font-size:14px;font-weight:500;padding:12px 16px}.transcript-success{background:#f0fdf4;border:2px solid #10b981;border-radius:8px;color:#065f46}.update-message{background:#e5fbf8;border:1px solid #a8e2db;border-radius:4px;font-size:.95rem;margin-bottom:15px;padding:10px}.account-section{background-color:#fff!important;border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.account-section:last-child{border-bottom:none}.account-section h2{font-family:ClashGrotesk-Bold,sans-serif;font-size:1.5rem;margin-bottom:15px}.account-section p{font-size:.95rem;margin-bottom:10px}.account-section.subjects ul{list-style-type:disc;margin-left:20px;padding-left:0}.account-section.subjects li{margin-bottom:8px}.account-details-container .continue-btn,.account-details-container .primary-btn{background:linear-gradient(135deg,#28a745,#20c997)!important;border:none!important;border-radius:12px!important;box-shadow:0 6px 20px #28a7454d!important;color:#fff!important;cursor:pointer!important;font-family:ClashGrotesk-Bold,sans-serif!important;font-size:1.2rem!important;font-weight:700!important;min-width:180px!important;padding:18px 30px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.account-details-container .continue-btn:hover,.account-details-container .primary-btn:hover{background:linear-gradient(135deg,#218838,#1aa085)!important;box-shadow:0 10px 30px #28a74566!important;transform:translateY(-2px)!important}.account-details-container .continue-btn:active,.account-details-container .primary-btn:active{transform:translateY(0)!important}.account-details-container .readonly-input,.account-details-container input:disabled,.account-details-container input[readonly]{background-color:#f5f5f5!important;border:2px solid #ddd!important;color:#666!important;cursor:not-allowed!important;opacity:.8!important}.account-details-container .readonly-input:focus,.account-details-container input:disabled:focus,.account-details-container input[readonly]:focus{border-color:#ddd!important;box-shadow:none!important;outline:none!important}.read-only-intro{color:#374151;font-size:1rem;margin-bottom:24px}.read-only-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:640px){.read-only-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:960px){.read-only-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.read-only-field{background:#f9fbfc;border:1px solid #e1e8ed;border-radius:12px;display:flex;flex-direction:column;gap:8px;min-height:96px;padding:16px 20px}.read-only-field__label{color:#6b7280;font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.read-only-field__value{color:#1f2937;font-family:ClashGrotesk-Medium,sans-serif;font-size:1.1rem;word-break:break-word}.read-only-help{background:#eef7ff;border:1px solid #cfe2ff;border-radius:12px;color:#1d4ed8;font-size:.95rem;line-height:1.5;margin-top:24px;padding:16px 20px}.button-row.review-submit{margin-top:20px;text-align:right}.button-row.review-submit button.submit-changes-btn{background:linear-gradient(135deg,#28a745,#20c997)!important;border:none!important;border-radius:12px!important;box-shadow:0 6px 20px #28a7454d!important;color:#fff!important;cursor:pointer!important;font-family:ClashGrotesk-Bold,sans-serif!important;font-size:1.2rem!important;font-weight:700!important;padding:18px 30px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.button-row.review-submit button.submit-changes-btn:hover{background:linear-gradient(135deg,#218838,#1aa085)!important;box-shadow:0 10px 30px #28a74566!important;transform:translateY(-2px)!important}.button-row.review-submit .review-message{color:#333;font-size:.95rem;margin-top:10px}.loading{font-size:1.2rem;padding:50px 0}.account-details-container .form-group{display:flex;flex:1 1;flex-direction:column;margin-bottom:20px}.account-details-container .form-group label{color:#333;display:block;font-family:ClashGrotesk-Medium,sans-serif;font-size:.95rem;font-weight:600;margin-bottom:8px}.account-details-container .flex-row .form-group input,.account-details-container .flex-row .form-group select,.account-details-container .flex-row .form-group textarea,.account-details-container .form-group input[type=date],.account-details-container .form-group input[type=email],.account-details-container .form-group input[type=tel],.account-details-container .form-group input[type=text],.account-details-container .form-group select,.account-details-container .form-group textarea{background:#ffffffe6!important;border:2px solid #e1e8ed!important;border-radius:12px!important;box-sizing:border-box!important;font-family:ClashGrotesk-Regular,sans-serif!important;font-size:1.1rem!important;margin:0!important;outline:none!important;padding:16px 20px!important;transition:all .3s ease!important;width:100%!important}.account-details-container .flex-row .form-group input:focus,.account-details-container .flex-row .form-group select:focus,.account-details-container .flex-row .form-group textarea:focus,.account-details-container .form-group input[type=date]:focus,.account-details-container .form-group input[type=email]:focus,.account-details-container .form-group input[type=tel]:focus,.account-details-container .form-group input[type=text]:focus,.account-details-container .form-group select:focus,.account-details-container .form-group textarea:focus{background:#fff!important;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.account-details-container .flex-row .form-group input.error,.account-details-container .flex-row .form-group input.invalid,.account-details-container .form-group input.error,.account-details-container .form-group input.invalid,.account-details-container .form-group input[type=date].error,.account-details-container .form-group input[type=email].error,.account-details-container .form-group input[type=tel].error,.account-details-container .form-group input[type=text].error{animation:shake .5s ease-in-out!important;background-color:#ff6b6b0d!important;border-color:#ff6b6b!important}.account-details-container .flex-row .form-group input.valid,.account-details-container .form-group input.valid,.account-details-container .form-group input[type=date].valid,.account-details-container .form-group input[type=email].valid,.account-details-container .form-group input[type=tel].valid,.account-details-container .form-group input[type=text].valid{background-color:#51cf660d!important;border-color:#51cf66!important}.account-details-container .flex-row .form-group input:disabled,.account-details-container .flex-row .form-group input[readonly],.account-details-container .form-group input:disabled,.account-details-container .form-group input[readonly],.account-details-container .form-group input[type=date]:disabled,.account-details-container .form-group input[type=date][readonly],.account-details-container .form-group input[type=email]:disabled,.account-details-container .form-group input[type=email][readonly],.account-details-container .form-group input[type=tel]:disabled,.account-details-container .form-group input[type=tel][readonly],.account-details-container .form-group input[type=text]:disabled,.account-details-container .form-group input[type=text][readonly]{background-color:#f5f5f5!important;border:2px solid #ddd!important;color:#666!important;cursor:not-allowed!important;opacity:.8!important}.account-details-container .flex-row .form-group input:disabled:focus,.account-details-container .flex-row .form-group input[readonly]:focus,.account-details-container .form-group input:disabled:focus,.account-details-container .form-group input[readonly]:focus,.account-details-container .form-group input[type=date]:disabled:focus,.account-details-container .form-group input[type=date][readonly]:focus,.account-details-container .form-group input[type=email]:disabled:focus,.account-details-container .form-group input[type=email][readonly]:focus,.account-details-container .form-group input[type=tel]:disabled:focus,.account-details-container .form-group input[type=tel][readonly]:focus,.account-details-container .form-group input[type=text]:disabled:focus,.account-details-container .form-group input[type=text][readonly]:focus{border-color:#ddd!important;box-shadow:none!important;outline:none!important}.account-details-container .field-error{color:#ff6b6b!important;font-size:.9rem!important;font-weight:500!important;margin:5px 0 0!important;padding-left:5px!important;text-align:left!important;width:100%!important}.account-details-container .floating-label-container{margin:10px 0!important;max-width:none!important;overflow:visible!important;position:relative!important;width:100%!important}.account-details-container .floating-label-container input{background:#ffffffe6;border:2px solid #e1e8ed;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:1.1rem;margin:0;max-width:none!important;outline:none;padding:18px 20px 8px;transition:all .3s ease;width:100%!important}.account-details-container .floating-label-container .floating-label{background:#ffffffe6!important;border-radius:4px!important;color:#667eea!important;display:block!important;font-size:.8rem!important;font-weight:600!important;height:auto!important;left:20px!important;margin:0!important;padding:0 4px!important;pointer-events:none!important;position:absolute!important;top:-5px!important;transform:none!important;transition:all .3s ease!important;width:auto!important;z-index:10!important}.account-details-container .floating-label-container input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.account-details-container .floating-label-container input:focus+.floating-label{background:#fff;color:#667eea}.account-details-container .floating-label-container input::placeholder{color:#a0a0a0;font-weight:400}.account-details-container .floating-label-container input.error{animation:shake .5s ease-in-out;background-color:#ff6b6b0d!important;border-color:#ff6b6b!important}.account-details-container .floating-label-container input.valid{background-color:#51cf660d!important;border-color:#51cf66!important}.account-details-container .floating-label-container input:disabled{background-color:#f5f5f5!important;border:2px solid #ddd!important;color:#666!important;cursor:not-allowed!important;opacity:.8!important}.account-details-container .floating-label-container input:disabled+.floating-label,.account-details-container .floating-label-container input:not(:placeholder-shown)+.floating-label,.account-details-container .floating-label-container input[value]:not([value=""])+.floating-label{background:#ffffffe6!important;color:#667eea!important;font-size:.8rem!important;font-weight:600!important;top:-5px!important}.account-details-container .floating-label-container input:disabled+.floating-label{color:#999!important}.account-details-container .error-message{color:#ff6b6b;font-size:.9rem;font-weight:500;margin:5px 0 15px;padding-left:5px;text-align:left;width:100%}.account-details-container .form-row{margin-bottom:15px}.account-details-container .form-row input[type=date]:not(.floating-label-container input),.account-details-container .form-row input[type=tel]:not(.floating-label-container input),.account-details-container .form-row input[type=text]:not(.floating-label-container input),.account-details-container .form-row select:not(.floating-label-container select){background:#ffffffe6;border:2px solid #e1e8ed;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:1.1rem;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.account-details-container .form-row input[type=date]:focus:not(.floating-label-container input),.account-details-container .form-row input[type=tel]:focus:not(.floating-label-container input),.account-details-container .form-row input[type=text]:focus:not(.floating-label-container input),.account-details-container .form-row select:focus:not(.floating-label-container select){background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.account-details-container .form-row label:not(.floating-label){color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.flex-row{display:flex;gap:20px;margin-bottom:15px}.form-group{display:flex;flex:1 1;flex-direction:column}.subjects-flex-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.subject-checkbox{gap:6px}.subjects-grid{border-collapse:collapse}.subjects-grid td,.subjects-grid th{border:1px solid #ccc;padding:8px;vertical-align:middle}.level-checkbox,.subjects-grid input[type=checkbox]{appearance:auto!important;-webkit-appearance:auto!important;-moz-appearance:auto!important;box-sizing:initial!important;height:18px!important;margin:0;width:18px!important}.level-checkbox{cursor:pointer;display:inline-block}.pending-approval-container{margin:20px auto;max-width:50%;padding:50px}.pending-approval-image{max-width:800px}.pending-approval-title{font-size:1.6rem;font-weight:700}.pending-approval-message{font-size:1.1rem}.unsaved-banner{background:#fffbea;border:1px solid #ffd26e;border-radius:0 0 6px 6px;box-shadow:0 2px 6px #0000001f;font-size:.95rem;left:50%;margin-top:20px;padding:11px 19px;position:fixed;top:0;transform:translateX(-50%);z-index:1000}.sticky-action-bar{background:#fafafa;border-top:1px solid #ddd;bottom:0;display:flex;gap:12px;justify-content:flex-end;left:0;padding:12px 24px;position:fixed;width:100%;z-index:999}.sticky-action-bar button{background:#48a6a7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:ClashGrotesk-Bold,sans-serif;padding:10px 18px}.sticky-action-bar .disabled-btn{cursor:not-allowed;opacity:.35}.form-error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;font-size:1rem;margin-bottom:20px;padding:1rem;text-align:center}@media (max-width:768px){.account-details-container{border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:20px 15px}.account-details-container .form-header{grid-template-columns:1fr 1fr 1fr;margin-bottom:15px;padding:0 0 12px}.account-details-container .back-arrow-button{font-size:1.1rem;height:36px;width:36px}.account-details-container .form-header__title{font-size:1.6rem}.account-details-container .status-pill{font-size:.8rem;padding:6px 12px}.flex-row{flex-direction:column;gap:15px;margin-bottom:15px}.account-section{margin-bottom:15px;padding-bottom:10px}.account-details-container .flex-row .form-group input,.account-details-container .flex-row .form-group select,.account-details-container .flex-row .form-group textarea,.account-details-container .form-group input[type=date],.account-details-container .form-group input[type=email],.account-details-container .form-group input[type=tel],.account-details-container .form-group input[type=text],.account-details-container .form-group select,.account-details-container .form-group textarea{font-size:1rem!important;padding:14px 16px!important}.sticky-action-bar{flex-direction:column;gap:10px;padding:10px 15px}.sticky-action-bar button{font-size:1rem;padding:12px 18px;width:100%}.unsaved-banner{font-size:.9rem;left:15px;margin-top:15px;padding:10px 15px;right:15px;transform:none;width:auto}.pending-approval-container{margin:10px;max-width:100%;padding:30px 20px}.pending-approval-image{height:auto;max-width:100%}.pending-approval-title{font-size:1.4rem}.pending-approval-message{font-size:1rem}.subjects-grid{font-size:.9rem}.subjects-grid td,.subjects-grid th{padding:6px 4px}.form-error-message{font-size:.95rem;margin-bottom:15px;padding:.8rem}}@media (max-width:480px){.account-details-container{padding:15px 10px}.account-details-container .form-header{grid-template-columns:1fr 1fr 1fr;padding:0 0 10px}.account-details-container .back-arrow-button{font-size:1rem;height:32px;width:32px}.account-details-container .form-header__title{font-size:1.4rem}.account-details-container .status-pill{font-size:.75rem;padding:5px 10px}.flex-row{gap:12px}.account-section,.flex-row{margin-bottom:12px}.account-details-container .flex-row .form-group input,.account-details-container .flex-row .form-group select,.account-details-container .flex-row .form-group textarea,.account-details-container .form-group input[type=date],.account-details-container .form-group input[type=email],.account-details-container .form-group input[type=tel],.account-details-container .form-group input[type=text],.account-details-container .form-group select,.account-details-container .form-group textarea{border-radius:8px!important;font-size:.95rem!important;padding:12px 14px!important}.sticky-action-bar{padding:8px 10px}.sticky-action-bar button{font-size:.95rem;padding:10px 16px}}@media (min-width:769px) and (max-width:1024px){.account-details-container{max-width:95%;padding:25px}.flex-row{gap:15px}}.students-page{background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;color:#333;font-family:ClashGrotesk-Regular,sans-serif;margin:20px auto;max-width:900px;padding:32px}.students-page h1{border-bottom:1px solid #ddd;font-family:ClashGrotesk-Bold,sans-serif;font-size:2rem;margin-bottom:32px;padding-bottom:20px;text-align:center}.page-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.add-student-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:35px}.add-btn{border:none;border-radius:50px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-family:ClashGrotesk-SemiBold,sans-serif;font-size:1.1rem;letter-spacing:.5px;min-width:200px;padding:14px 28px;transition:all .3s ease}.add-btn.primary{background-image:linear-gradient(90deg,#6a11cb 0,#2575fc)}.add-btn.secondary{background-image:linear-gradient(90deg,#667eea 0,#764ba2)}.add-btn:hover{box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.add-btn.primary:hover{background-image:linear-gradient(90deg,#2575fc 0,#6a11cb)}.add-btn.secondary:hover{background-image:linear-gradient(90deg,#764ba2 0,#667eea)}.add-btn:active{box-shadow:0 2px 10px #0003;transform:translateY(0)}.students-list{list-style:none;padding:0}.student-card{align-items:center;background-color:#f9f9f9;border:1px solid #eee;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:15px;padding:15px;transition:all .2s ease}.student-card.has-error{background-color:#fdf2f2;border-color:#e74c3c}.student-card.pending-deletion{background-color:#fff9e6;border-color:#ffc107}.student-card.has-error .status{color:#e74c3c!important;font-weight:500}.student-info{display:flex;flex-direction:column;gap:5px}.student-name{color:#333;font-family:ClashGrotesk-Medium,sans-serif;font-size:1.1rem}.email{color:#666;font-size:.9rem}.remove-btn{background-color:#dc3545;color:#fff;font-size:.9rem;padding:8px 15px;transition:background-color .3s}.remove-btn:hover{background-color:#c82333}.cancel-btn{background-color:#ffc107;color:#212529;font-weight:500;padding:8px 15px;transition:background-color .3s}.cancel-btn:hover{background-color:#e0a800}.admin-message{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404;font-size:.9rem;max-width:400px;padding:8px 12px}.admin-message strong{color:#533d03}.status{border-radius:.25rem;color:#fff;display:inline-block;font-size:1em;font-weight:700;letter-spacing:1.5px;line-height:1;margin-top:5px;padding:.4em .9em;text-align:center;vertical-align:initial;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.status.pending{color:#212529}.status.verified{background-color:#28a745}.modal-backdrop{background-color:#00000080;height:100%;width:100%}.modal{border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:450px;padding:25px;width:90%}.modal h3{margin-bottom:20px;margin-top:0}.modal label{color:#555;display:block;font-size:.9rem;margin-bottom:15px}.modal input{border:1px solid #ccc;border-radius:4px;font-size:1rem;margin-top:5px;padding:10px;width:calc(100% - 20px)}.modal .error-msg{margin-bottom:15px}.modal-actions{gap:10px;margin-top:20px}.modal-actions button{border:none;border-radius:4px;padding:10px 15px}.modal-actions button.primary{background-color:#48a6a7}.modal-actions button:disabled{opacity:.7}.credentials-modal{min-width:500px}.credentials-modal h3{color:#28a745;margin-bottom:16px;text-align:center}.success-message{color:#666;margin-bottom:24px;text-align:center}.credentials-box{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:20px 0;padding:20px}.credentials-box h4{color:#333;font-family:ClashGrotesk-Medium,sans-serif;margin:0 0 16px}.credential-item{margin-bottom:16px}.credential-item:last-child{margin-bottom:0}.credential-item label{color:#555;display:block;font-weight:600;margin-bottom:4px}.credential-value{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;display:flex;gap:8px;padding:8px 12px}.credential-value span{flex:1 1;font-family:Courier New,monospace;font-size:14px}.password-text{font-weight:600;letter-spacing:.5px}.copy-btn{background:#6c757d;border-radius:4px;color:#fff;font-size:12px;padding:4px 8px;transition:background-color .2s}.copy-btn:hover{background:#5a6268}.important-note{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.important-note p{color:#0c4a6e;font-size:16px;font-weight:600;line-height:1.5;margin:0 0 1rem}.important-note ul{color:#0c4a6e;margin:1rem 0;padding-left:1.5rem}.important-note li{font-size:15px;line-height:1.4;margin-bottom:.5rem}.success-header{margin-bottom:1.5rem;text-align:center}.success-header .success-icon{animation:bounce .6s ease-in-out;font-size:3rem;margin-bottom:.5rem}.success-header h3{color:#10b981;font-size:1.5rem;margin:0}.portal-info{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.portal-info p{color:#92400e;font-size:15px;font-weight:600;margin:0}.status.ready{background-color:#28a745;color:#fff}.student-card.pending-deletion{background-color:#fff8e1;border-left:4px solid #ffc107}.status.pending{background-color:#ffc107;color:#333;font-weight:700}.student-actions{display:flex;flex-wrap:wrap;gap:8px}.view-progress-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:4px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-family:ClashGrotesk-Medium,sans-serif;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.view-progress-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.cancel-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.cancel-btn:hover{background-color:#5a6268}.admin-message{background-color:#e3f2fd;border-left:3px solid #2196f3;border-radius:4px;font-size:.85rem;margin-top:8px;padding:8px}.admin-message strong{color:#1976d2}.modal-backdrop{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;left:0;padding:20px;right:0;top:0}.modal{animation:slideIn .3s ease-out;border-radius:16px;box-shadow:0 20px 40px #0003;font-family:ClashGrotesk-Regular,sans-serif;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;width:100%}.modal h3{border-bottom:2px solid #f8f9fa;color:#2c3e50;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.5rem;margin:0 0 25px;padding-bottom:15px;text-align:center}.modal .floating-label-container{margin-bottom:20px;position:relative}.modal .floating-label-container input,.modal .floating-label-container select{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:16px 12px 8px;transition:all .3s ease;width:100%}.modal .floating-label-container select{cursor:pointer}.modal .floating-label-container input:focus,.modal .floating-label-container select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.modal .floating-label-container input:focus+label,.modal .floating-label-container input:not(:placeholder-shown)+label,.modal .floating-label-container select:focus+label,.modal .floating-label-container select:not([value=""])+label{color:#667eea;font-size:.75rem;font-weight:600;top:4px}.modal .floating-label-container label{background:#fff;color:#6c757d;font-family:ClashGrotesk-Medium,sans-serif;font-size:1rem;left:12px;padding:0 4px;pointer-events:none;position:absolute;top:16px;transition:all .3s ease}.modal-actions{border-top:1px solid #f8f9fa;gap:12px;margin-top:30px;padding-top:20px}.modal-actions button{border:2px solid #0000;border-radius:8px;cursor:pointer;font-family:ClashGrotesk-Medium,sans-serif;font-size:1rem;min-width:120px;padding:12px 24px;transition:all .3s ease}.modal-actions button:not(.primary){background:#f8f9fa;border-color:#e9ecef;color:#6c757d}.modal-actions button:not(.primary):hover{background:#e9ecef;color:#495057}.modal-actions button.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.modal-actions button.primary:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.modal-actions button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.modal .error-msg{background:#ffeaea;border:1px solid #ffcdd2;border-radius:6px;color:#dc3545;font-size:.9rem;margin:10px 0;padding:10px;text-align:center}.link-instructions{background:#f8f9ff;border:1px solid #e1e7ff;border-radius:8px;color:#4c63d2;font-size:.95rem;line-height:1.5;margin-bottom:20px;padding:16px}.help-text{color:#6c757d;font-size:.9rem;font-style:italic;margin-bottom:20px;text-align:center}.linking-code-display{margin:20px 0;text-align:center}.linking-code-display h4{color:#2c3e50;font-family:ClashGrotesk-SemiBold,sans-serif;margin:0 0 15px}.code-box{align-items:center;background:#f8f9ff;border:2px solid #667eea;border-radius:12px;display:flex;gap:10px;justify-content:center;margin:15px 0;padding:16px}.linking-code{background:#fff;border:1px solid #e1e7ff;border-radius:6px;color:#667eea;font-family:Courier New,monospace;font-size:1.4rem;font-weight:700;letter-spacing:2px;padding:8px 16px}.copy-btn{background:#667eea;border:none;border-radius:6px;cursor:pointer;font-size:1.2rem;padding:8px 12px;transition:all .2s ease}.copy-btn:hover{background:#5a67d8;transform:scale(1.1)}.code-info{color:#6c757d;font-size:.9rem;line-height:1.4;margin:15px 0}.code-info strong{color:#495057}.link-instructions-detailed{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:20px}.link-instructions-detailed h4{color:#2c3e50;font-family:ClashGrotesk-SemiBold,sans-serif;margin:0 0 15px}.link-instructions-detailed ol{color:#495057;margin:0;padding-left:20px}.link-instructions-detailed li{line-height:1.4;margin-bottom:8px}.link-instructions-detailed strong{background:#f8f9ff;border-radius:4px;color:#667eea;padding:2px 6px}.credentials-modal{max-width:600px}.credentials-modal .code-box{background:#e8f5e8;border-color:#28a745}.credentials-modal .linking-code{border-color:#c3e6cb;color:#28a745}.credentials-modal .copy-btn{background:#28a745}.credentials-modal .copy-btn:hover{background:#218838}.linking-success-display{background:#e8f5e8;border:2px solid #28a745;border-radius:12px;margin:20px 0;padding:20px;text-align:center}.success-icon{margin-bottom:15px}.linking-success-display h4{color:#155724;font-family:ClashGrotesk-Bold,sans-serif;margin:0 0 15px}.success-message{margin:0}@media (max-width:576px){.modal{margin:10px;max-width:none;padding:20px}.modal h3{font-size:1.3rem}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.code-box{flex-direction:column;gap:15px}.linking-code{font-size:1.2rem;letter-spacing:1px}}.tutor-sidebar{background:#fff;border:1px solid #ddd;border-radius:8px;min-width:280px;padding:20px;width:290px}.tutor-sidebar ul{list-style:none;margin:0;padding:0}.tutor-sidebar li{margin-bottom:15px}.sidebar-link{grid-gap:10px;align-items:center;color:#333;display:grid;font-family:ClashGrotesk-Regular,sans-serif;font-size:1rem;gap:10px;grid-template-columns:1fr auto;text-decoration:none;transition:color .3s}.sidebar-link.active,.sidebar-link:hover{color:#48a6a7;font-weight:700}.tutor-sidebar .status-pill{border-radius:.25rem;color:#fff;display:inline-block;font-size:.75em;font-weight:700;justify-self:end;line-height:1;padding:.2em .6em;text-align:center;vertical-align:initial;white-space:nowrap;width:-webkit-max-content;width:max-content}.tutor-sidebar .status-pill--incomplete{background-color:#dc3545}.tutor-sidebar .status-pill--under-review{background-color:#ffc107;color:#212529}.tutor-sidebar .status-pill--rejected{background-color:#e74c3c;color:#fff}.tutor-sidebar .status-pill--complete{background-color:#28a745}.tutor-sidebar .status-pill--needs-changes{background-color:#fff3cd;border:1px solid #ffe08a;color:#7a5d00}.tutor-dashboard-layout{align-items:flex-start;background-color:#f9f7f3;display:flex;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;min-width:840px;padding:20px}.tutor-dashboard-content{flex:1 1}.tutor-profile-container .form-header h1{font-family:ClashGrotesk-Bold,sans-serif;font-size:2rem;margin-bottom:0}.tutor-profile p{margin-bottom:20px}.tutor-profile-container input[type=email],.tutor-profile-container input[type=number],.tutor-profile-container input[type=text],.tutor-profile-container input[type=url],.tutor-profile-container textarea{background:#ffffffe6!important;border:2px solid #e1e8ed!important;border-radius:12px!important;box-sizing:border-box!important;font-family:ClashGrotesk-Regular,sans-serif!important;font-size:1.1rem!important;margin:0!important;outline:none!important;padding:16px 20px!important;transition:all .3s ease!important;width:100%!important}.tutor-profile-container input[type=email]:focus,.tutor-profile-container input[type=number]:focus,.tutor-profile-container input[type=text]:focus,.tutor-profile-container input[type=url]:focus,.tutor-profile-container textarea:focus{background:#fff!important;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.tutor-profile-container input.invalid,.tutor-profile-container textarea.invalid{animation:shake .5s ease-in-out!important;background-color:#ff6b6b0d!important;border-color:#ff6b6b!important}.tutor-profile-container input:disabled,.tutor-profile-container textarea:disabled{background-color:#f5f5f5!important;border:2px solid #ddd!important;color:#666!important;cursor:not-allowed!important;opacity:.8!important}.tutor-profile-container .floating-label-container{margin-bottom:25px;position:relative}.tutor-profile-container .floating-label-container input{background-color:#fff!important;border:2px solid #e0e0e0!important;border-radius:12px!important;box-shadow:0 2px 4px #0000000d!important;font-family:ClashGrotesk-Regular,sans-serif!important;font-size:16px!important;outline:none!important;padding:20px 16px 8px!important;transition:all .3s ease!important;width:100%!important}.tutor-profile-container .floating-label-container input:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.tutor-profile-container .floating-label-container input:disabled{background-color:#f8f9fa!important;border-color:#e9ecef!important;color:#6c757d!important;cursor:not-allowed!important}.tutor-profile-container .floating-label-container label{background-color:#fff!important;color:#666!important;font-family:ClashGrotesk-Medium,sans-serif!important;font-size:16px!important;left:16px!important;padding:0 4px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;transition:all .3s ease!important;z-index:1!important}.tutor-profile-container .floating-label-container input:focus+label,.tutor-profile-container .floating-label-container input:not(:placeholder-shown)+label{color:#667eea!important;font-size:12px!important;font-weight:600!important;top:0!important;transform:translateY(-50%)!important}.tutor-profile-container .floating-label-container input:disabled+label{color:#6c757d!important}.tutor-profile-container label{color:#333;display:block;font-family:ClashGrotesk-Medium,sans-serif;font-size:.95rem;font-weight:600;margin-bottom:8px}.tutor-profile__form{display:flex;flex-direction:column;gap:20px}.tutor-profile__section{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.tutor-profile__section:last-child{border-bottom:none}.tutor-profile__section-title{font-size:18px;margin-bottom:12px}.tutor-profile__photo-container{align-items:center;display:flex;gap:30px}.tutor-profile__identity{display:flex;flex-direction:column;gap:8px;margin:12px 0 24px}.tutor-profile__identity-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.tutor-profile__name{color:#1f2937;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.6rem;margin:0}.tutor-profile__rate-pill{background:#48a6a72e;border:1px solid #48a6a759;border-radius:999px;color:#0f494a;font-family:ClashGrotesk-Medium,sans-serif;font-size:.95rem;font-weight:600;padding:6px 14px}.tutor-profile__tagline{color:#4b5563;font-size:.95rem;margin:0}.tutor-profile__quick-links{display:flex;justify-content:flex-end;margin:0 0 24px}.tutor-profile__quick-link-btn{background:#0000;border:1px solid #6366f166;border-radius:999px;color:#4c51bf;cursor:pointer;font-weight:600;padding:10px 18px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.tutor-profile__quick-link-btn:hover{background:#6366f114;box-shadow:0 10px 18px #4f46e52e;transform:translateY(-1px)}.tutor-profile__photo-actions{display:flex;flex-direction:column;gap:10px}.photo-actions{display:flex;flex-direction:column;gap:8px}.tutor-profile__photo{align-items:center;background:#eee;border-radius:50%;display:flex;height:200px;justify-content:center;overflow:hidden;width:200px}.tutor-profile__photo-img{height:100%;object-fit:cover;width:100%}.tutor-profile__photo-upload{display:flex;flex-direction:column;gap:8px}.tutor-profile__upload-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea4d;color:#fff!important;cursor:pointer;display:inline-block;font-family:ClashGrotesk-Medium,sans-serif;font-size:16px;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.tutor-profile__upload-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.tutor-profile__upload-button:disabled{background:#e9ecef;box-shadow:none;color:#6c757d!important;cursor:not-allowed;transform:none}.tutor-profile__file-info{color:#666;font-size:12px;margin-top:0}.tutor-profile__input,.tutor-profile__textarea{box-sizing:border-box;padding:8px;width:100%}.tutor-profile__textarea{background:#fff;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:.95rem;height:180px;overflow-y:auto;resize:none}.tutor-profile__char-count{color:#666;font-size:12px;margin-top:5px;text-align:right}.tutor-profile__form-buttons{display:flex;gap:10px;justify-content:flex-end}.tutor-profile__form-buttons button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.tutor-profile__form-buttons button:hover{background-color:#45a049}.tutor-profile__crop-modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.tutor-profile__crop-modal-content{background:#fff;border-radius:4px;padding:20px}.tutor-profile__crop-modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.tutor-profile__crop-modal-buttons button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.tutor-profile__crop-modal-buttons button:hover{background-color:#45a049}.availability-slot{border:1px solid #ccc;cursor:pointer;height:40px;line-height:20px;padding:0;text-align:center;transition:background-color .2s ease;vertical-align:middle}.availability-slot--selected{background-color:#2dd660!important;color:#fff}.availability-slot:hover{background-color:#eef}.tutor-profile__availability-table{border-collapse:collapse;margin-top:10px;table-layout:fixed;width:100%}.tutor-profile__availability-table td,.tutor-profile__availability-table th{border:1px solid #ccc;padding:8px;text-align:center;width:25%}.tick{color:#000!important;font-size:1rem!important}.tutor-profile__fieldset{background:#ffffffe6;border:2px solid #e1e8ed;border-radius:12px;margin-bottom:20px;padding:20px;transition:all .3s ease}.tutor-profile__fieldset:hover{border-color:#667eea4d}.tutor-profile__fieldset legend{color:#667eea;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:15px;padding:0 15px}.tutor-profile__video-container{height:0;margin-top:20px;padding-bottom:56.25%;padding-top:25px;position:relative}.tutor-profile__video-container iframe{border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%}.big-success-message{background:#e5fbf8;border:1px solid #a8e2db;border-radius:4px;color:#136f63;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:20px;padding:15px;text-align:center}.pending-approval-container{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:30px auto;max-width:700px;padding:40px 20px;text-align:center}.pending-approval-image{height:auto;margin-bottom:25px;max-height:350px;max-width:100%}.pending-approval-title{color:#333;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.8rem;margin-bottom:15px}.pending-approval-message{color:#555;font-family:ClashGrotesk-Regular,sans-serif;font-size:1.05rem;line-height:1.6}.error-banner{background-color:#f8d7da!important;border:1px solid #f5c6cb!important;color:#721c24!important}.success-banner{background-color:#d4edda!important;border:1px solid #c3e6cb!important;color:#155724!important}.info-banner{background-color:#fff3cd!important;border:1px solid #ffeaa7!important;color:#856404!important}.availability-slots{display:flex;flex-direction:column;gap:15px;margin-top:15px}.availability-day{display:flex;flex-direction:column;gap:8px}.day-label{border-bottom:1px solid #eee;color:#333;font-size:1.1rem;font-weight:700;padding-bottom:5px}.time-slots-row{display:flex;flex-wrap:wrap;gap:10px}.time-slot{position:relative}.time-slot input[type=checkbox]{cursor:pointer;opacity:0;position:absolute}.time-slot label{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;display:inline-block;font-size:.9rem;min-width:120px;padding:8px 16px;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.time-slot input[type=checkbox]:checked+label{background-color:#007bff;border-color:#007bff;color:#fff}.time-slot input[type=checkbox]:disabled+label{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;opacity:.6}.time-slot label:hover:not([disabled]){background-color:#e2e6ea;border-color:#dae0e5}.time-slot input[type=checkbox]:checked+label:hover{background-color:#0056b3;border-color:#0056b3}@media (max-width:768px){.time-slots-row{flex-direction:column}.time-slot label{min-width:100%;text-align:center}}.avatar-frame{align-items:center;background:#f1f1f1;border-radius:50%;display:flex;flex-shrink:0;height:160px;justify-content:center;overflow:hidden;width:160px}.avatar-frame img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{color:#bbb;font-size:6rem}.photo-upload-btn,.tutor-profile-container .photo-upload-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 4px #667eea4d!important;color:#fff!important;cursor:pointer!important;display:inline-block!important;font-family:ClashGrotesk-Medium,sans-serif!important;font-size:16px!important;font-weight:600!important;margin-bottom:0!important;padding:12px 24px!important;text-align:center!important;text-decoration:none!important;transition:all .3s ease!important}.photo-upload-btn:hover,.tutor-profile-container .photo-upload-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 12px #667eea66!important;color:#fff!important;transform:translateY(-2px)!important}.photo-upload-btn:disabled,.tutor-profile-container .photo-upload-btn:disabled{background:#e9ecef!important;box-shadow:none!important;color:#6c757d!important;cursor:not-allowed!important;transform:none!important}.field-error{color:#c62828;font-size:.9rem;margin-top:4px}.invalid{border-color:#c62828!important;box-shadow:0 0 0 1px #c628284d}@media (max-width:768px){.tutor-profile-container{border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:20px 15px}.tutor-profile-container .form-header{grid-template-columns:1fr 1fr 1fr;margin-bottom:15px;padding:0 0 12px}.tutor-profile-container .back-arrow-button{font-size:1.1rem;height:36px;width:36px}.tutor-profile-container .form-header__title{font-size:1.6rem}.tutor-profile-container .status-pill{font-size:.8rem;padding:6px 12px}.tutor-profile-container input[type=email],.tutor-profile-container input[type=number],.tutor-profile-container input[type=text],.tutor-profile-container input[type=url],.tutor-profile-container textarea{font-size:1rem!important;padding:14px 16px!important}.tutor-profile__fieldset{margin-bottom:15px;padding:15px}.tutor-profile__fieldset legend{font-size:1.2rem;padding:0 10px}.tutor-profile__photo-container{flex-direction:column;gap:20px;text-align:center}.avatar-frame{height:120px;width:120px}.time-slots-row{flex-direction:column}.time-slot label{min-width:100%;text-align:center}}@media (max-width:480px){.tutor-profile-container{padding:15px 10px}.tutor-profile-container .form-header{grid-template-columns:1fr 1fr 1fr;padding:0 0 10px}.tutor-profile-container .back-arrow-button{font-size:1rem;height:32px;width:32px}.tutor-profile-container .form-header__title{font-size:1.4rem}.tutor-profile-container .status-pill{font-size:.75rem;padding:5px 10px}.tutor-profile-container input[type=email],.tutor-profile-container input[type=number],.tutor-profile-container input[type=text],.tutor-profile-container input[type=url],.tutor-profile-container textarea{border-radius:8px!important;font-size:.95rem!important;padding:12px 14px!important}.tutor-profile__fieldset{padding:12px}}@media (min-width:769px) and (max-width:1024px){.tutor-profile-container{max-width:95%;padding:25px}}.tutor-dashboard{background-color:#f4f7f6;border-radius:12px;box-shadow:0 4px 12px #00000014;font-family:ClashGrotesk-Regular,sans-serif;margin:20px auto;max-width:1600px;padding:25px}.loading-state{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{border:3px solid #f3f3f3;border-top-color:#007bff;height:40px;margin-bottom:15px;width:40px}.dashboard-layout{display:flex;gap:2rem;margin-bottom:2rem}.main-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.right-sidebar{flex-shrink:0;width:300px}.progress-status-inline{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:2rem;margin-bottom:2rem;padding:2rem}.progress-overview{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:auto}.profile-status{align-items:center;display:flex;flex:1 1;min-height:auto}.profile-status .dashboard-banner{margin-bottom:0;width:100%}.quick-actions{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.quick-actions h3{color:#2c3e50;font-family:ClashGrotesk-Medium,sans-serif;font-size:1.2em;margin:0 0 1rem}.actions-list{display:flex;flex-direction:column;gap:.75rem}.action-item{align-items:center;background-color:#f8f9fa;border:1px solid #0000;color:#2c3e50;display:flex;padding:.75rem;text-decoration:none;transition:all .2s ease}.action-item:hover{background-color:#e9ecef;border-color:#007bff;transform:translateX(2px)}.action-item.support{cursor:default;opacity:.7}.action-item.support:hover{border-color:#0000;transform:none}.action-icon{font-size:1.2em;margin-right:12px;min-width:20px}.action-content h4{color:#2c3e50;font-size:.95em;font-weight:600;margin:0 0 2px}.action-content p{color:#666;font-size:.85em;line-height:1.3;margin:0}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.progress-header h2{color:#2c3e50;font-family:ClashGrotesk-Medium,sans-serif;font-size:1.4em;margin:0}.progress-text{color:#666;font-weight:500}.progress-description{color:#666;font-size:1.05em;line-height:1.5;margin:0 0 15px}.progress-bar-container{background-color:#e9ecef;border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:4px;height:100%;transition:width .3s ease}.dashboard-banner{border-left-style:solid;border-left-width:5px;border-radius:10px;box-shadow:0 3px 10px #00000012;margin-bottom:25px;padding:20px 25px}.dashboard-banner.warning{background-color:#fffaf0;border-left-color:#ffc107;color:#856404}.dashboard-banner.success{background-color:#f0fff4;border-left-color:#28a745;color:#155724}.banner-content h3{font-family:ClashGrotesk-Semibold,sans-serif;font-size:1.3em;margin:0 0 8px}.banner-content p{line-height:1.5;margin:0}.profile-verification-banner{align-items:center;border-left-style:solid;border-left-width:5px;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.profile-verification-banner.warning{background:linear-gradient(135deg,#fffaf0,#fff9e6);border-left-color:#ffc107}.profile-verification-banner.success{background:linear-gradient(135deg,#f0fff4,#e6fff0);border-left-color:#28a745}.banner-left{flex:1 1;min-width:0}.banner-left h3{color:inherit;font-family:ClashGrotesk-Semibold,sans-serif;font-size:1.4em;margin:0 0 .5rem}.banner-left p{font-size:.95em;line-height:1.5;margin:0;opacity:.9}.banner-right{flex-shrink:0;min-width:280px}.verification-compact{align-items:flex-end;display:flex;flex-direction:column;gap:.75rem}.verification-count{align-items:baseline;display:flex;gap:.5rem}.count-number{color:inherit;font-family:ClashGrotesk-Semibold,sans-serif;font-size:2em;line-height:1}.count-label{font-size:.9em;opacity:.8}.verification-bar{background:#00000026;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;height:12px;overflow:hidden;width:260px}.verification-bar-fill{background:linear-gradient(90deg,#4caf50,#45a049);border-radius:12px;box-shadow:0 2px 4px #4caf504d;height:100%;transition:width .3s ease}.profile-verification-banner.warning .verification-bar-fill{background:linear-gradient(90deg,#ffc107,#ff9800);box-shadow:0 2px 4px #ffc1074d}.verification-hint{font-size:.85em;margin:0;opacity:.8;text-align:right}.visibility-control-section{animation:fadeIn .5s ease-in;margin-bottom:30px}.visibility-control-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:24px;justify-content:space-between;padding:24px;transition:border-color .3s ease}.visibility-control-card:hover{border-color:#667eea}.visibility-control-left{flex:1 1}.visibility-control-left h3{color:#333;font-family:ClashGrotesk-Medium,sans-serif;font-size:1.25em;margin:0 0 8px}.visibility-description{color:#666;font-size:.95em;line-height:1.5;margin:0}.visibility-message{animation:slideIn .3s ease-out;border-radius:6px;font-size:.9em;font-weight:500;margin-top:12px;padding:10px 14px}.visibility-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.visibility-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.visibility-control-right,.visibility-toggle-container{align-items:center;display:flex}.visibility-toggle-container{gap:12px}.toggle-label{color:#555;font-size:.95em;min-width:60px;text-align:right}.visibility-toggle-switch{cursor:pointer;display:inline-block;height:30px;position:relative;width:56px}.visibility-toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{align-items:center;background-color:#ccc;border-radius:30px;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:4px;position:absolute;transition:.4s;width:22px}input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}input:checked+.toggle-slider:before{transform:translateX(26px)}input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.toggle-spinner{animation:spin 1s linear infinite;color:#fff;font-size:14px;position:absolute}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.verification-steps{clear:both;margin-bottom:30px}.verification-steps h2{color:#2c3e50;font-family:ClashGrotesk-Medium,sans-serif;font-size:1.6em;margin-bottom:20px;margin-top:0}.steps-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.verification-step{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px;transition:all .3s ease}.verification-step:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.verification-step-completed{background:linear-gradient(135deg,#f0fff4,#fff);border-color:#28a745}.verification-step-pending{background:linear-gradient(135deg,#fffaf0,#fff);border-color:#ffc107}.verification-step-incomplete{border-color:#e9ecef}.step-header{justify-content:space-between;margin-bottom:15px}.step-header,.step-number{align-items:center;display:flex}.step-number{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;color:#fff;font-size:1.1em;font-weight:700;height:40px;justify-content:center;width:40px}.verification-step-completed .step-number{background:linear-gradient(135deg,#28a745,#1e7e34)}.verification-step-pending .step-number{background:linear-gradient(135deg,#ffc107,#e0a800)}.status-badge{font-size:.85em;font-weight:500;padding:4px 12px}.status-badge.completed{background-color:#d4edda}.status-badge.pending{background-color:#fff3cd;color:#856404}.step-content h3{color:#2c3e50;font-family:ClashGrotesk-Medium,sans-serif;font-size:1.2em;margin:0 0 8px}.step-content p{color:#666;line-height:1.5;margin:0 0 15px}.step-action{margin-top:auto}.step-button{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:.95em;font-weight:500;padding:10px 20px;text-align:center;text-decoration:none;transition:all .2s ease}.step-button.primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.step-button.primary:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px)}.step-button.secondary{background-color:#f8f9fa;border:1px solid #e9ecef;color:#007bff}.step-button.secondary:hover{background-color:#e9ecef;border-color:#007bff}.verified-dashboard{display:flex;flex-direction:column;gap:25px}.dashboard-stats h2{color:#2c3e50;font-family:ClashGrotesk-Medium,sans-serif;font-size:1.6em;margin-bottom:20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.stat-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px;text-align:center}.stat-card h3{color:#666;font-size:.9em;font-weight:500;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.stat-number{color:#007bff;font-family:ClashGrotesk-Medium,sans-serif;font-size:2em;font-weight:700;margin-bottom:5px}.stat-card p{color:#666;font-size:.9em;margin:0}.recent-activity h2{color:#2c3e50;font-family:ClashGrotesk-Medium,sans-serif;font-size:1.6em;margin-bottom:20px}.activity-placeholder{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:30px;text-align:center}.activity-placeholder p{color:#666;line-height:1.6;margin-bottom:15px}.getting-started-tips{margin-left:auto;margin-right:auto;margin-top:20px;max-width:500px;text-align:left}.getting-started-tips h4{color:#2c3e50;font-family:ClashGrotesk-Medium,sans-serif;margin-bottom:10px}.getting-started-tips ul{color:#666;padding-left:20px}.getting-started-tips li{line-height:1.5;margin-bottom:8px}.getting-started-tips a{color:#007bff;font-weight:500;text-decoration:none}.getting-started-tips a:hover{text-decoration:underline}@media (max-width:1024px) and (min-width:769px){.progress-status-container{gap:15px}.progress-overview{padding:20px}.sidebar-quick-actions{padding:15px}.stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.tutor-dashboard{margin:10px;padding:15px}.profile-verification-banner{align-items:flex-start;flex-direction:column;gap:1.5rem;padding:1.25rem 1.5rem}.banner-right{min-width:auto;width:100%}.verification-compact{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.verification-count{order:2}.verification-bar{flex:1 1;max-width:none;order:1}.verification-hint{order:3;text-align:left;white-space:nowrap}.progress-status-container{flex-direction:column;gap:15px}.progress-overview{flex:none;padding:20px}.status-sidebar{flex:none}.unverified-sidebar,.verified-sidebar{gap:15px}.sidebar-quick-actions{padding:15px}.stats-grid,.steps-grid{gap:15px;grid-template-columns:1fr}.progress-header{align-items:flex-start;flex-direction:column;gap:10px}.sidebar-action-item{padding:10px}.action-content h4{font-size:.9em}.action-content p{font-size:.8em}}@media (max-width:1024px){.dashboard-layout{flex-direction:column;gap:1rem}.right-sidebar{width:100%}.quick-actions,.right-sidebar{position:static}.progress-status-inline{flex-direction:column;gap:1rem}.actions-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.tutor-dashboard{margin:1rem;padding:1rem}.progress-status-inline{padding:1rem}.actions-list{grid-template-columns:1fr}}.payment-details input[type=text]{background:#ffffffe6!important;border:2px solid #e1e8ed!important;border-radius:12px!important;box-sizing:border-box!important;font-family:ClashGrotesk-Regular,sans-serif!important;font-size:1.1rem!important;margin:0!important;outline:none!important;padding:16px 20px!important;transition:all .3s ease!important;width:100%!important}.payment-details input[type=text]:focus{background:#fff!important;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.payment-details input.invalid{background-color:#ff6b6b0d!important;border-color:#ff6b6b!important}.warning-banner{background:#fff3cd;border:1px solid #ffeeba;border-radius:8px;color:#856404;margin:10px 0 15px;padding:12px 16px}.payment-details__fieldset{background:#ffffffe6;border:2px solid #e1e8ed;border-radius:12px;margin-bottom:20px;padding:20px;transition:all .3s ease}.payment-details__fieldset:hover{border-color:#667eea4d}.payment-details__fieldset legend{color:#667eea;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:15px;padding:0 15px}.payment-details label{color:#333;display:block;font-family:ClashGrotesk-Medium,sans-serif;font-size:.95rem;font-weight:600;margin-bottom:8px}.payment-details .field-error{color:#dc3545;font-size:.9rem;font-weight:500;margin-top:4px}.verified-view-container{background-color:#f9f9f9;border-radius:8px;margin-top:20px;padding:20px}.verified-view fieldset{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:20px}.verified-view legend{border-bottom:1px solid #eee;color:#333;font-family:ClashGrotesk-Medium,sans-serif;font-size:1.3rem;margin-bottom:15px;padding-bottom:5px}.verified-view p{color:#333;font-size:1rem;line-height:1.6;margin-bottom:10px}.verified-view p strong{font-family:ClashGrotesk-Medium,sans-serif}.verified-view a{color:#007bff;text-decoration:none}.verified-view a:hover{text-decoration:underline}.info-text.mt-4{color:#555;font-style:italic;margin-top:1.5rem!important}.payouts-cta-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 4px #667eea4d!important;color:#fff!important;cursor:pointer!important;display:inline-block!important;font-family:ClashGrotesk-Medium,sans-serif!important;font-size:16px!important;font-weight:600!important;padding:12px 24px!important;text-align:center!important;text-decoration:none!important;transition:all .3s ease!important}.payouts-cta-btn:hover{box-shadow:0 4px 12px #667eea66!important;transform:translateY(-2px)!important}.payouts-cta-btn:disabled{background:#e9ecef!important;box-shadow:none!important;color:#6c757d!important;cursor:not-allowed!important;transform:none!important}.payment-details .discard-button{background:#fff!important;border:2px solid #e2e8f0!important;border-radius:8px!important;color:#4a5568!important;cursor:pointer!important;display:inline-block!important;font-family:ClashGrotesk-Medium,sans-serif!important;font-size:15px!important;padding:11px 20px!important;text-align:center!important;transition:all .2s ease!important}.payment-details .discard-button:hover{background:#f7fafc!important;border-color:#cbd5e0!important}.payment-details .discard-button:disabled{background:#f8f9fa!important;border-color:#edf2f7!important;color:#a0aec0!important;cursor:not-allowed!important}.payment-details .skeleton-container{display:flex;flex-direction:column;gap:14px}.payment-details .skeleton-lines{display:flex;flex-direction:column;gap:10px}.payment-details .skeleton-line{height:14px}.payment-details .skeleton-bank,.payment-details .skeleton-line{animation:skeleton-shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#f0f2f5 25%,#e6eaf0 37%,#f0f2f5 63%);background-size:400% 100%;border-radius:8px}.payment-details .skeleton-bank{height:18px;width:220px}.payment-details .skeleton-actions{display:flex;gap:12px}.payment-details .skeleton-btn{animation:skeleton-shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#f0f2f5 25%,#e6eaf0 37%,#f0f2f5 63%);background-size:400% 100%;border-radius:8px;height:40px;width:168px}.payment-details .skeleton-btn.secondary{width:190px}.payment-details .skeleton-pill{animation:skeleton-shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#f0f2f5 25%,#e6eaf0 37%,#f0f2f5 63%);background-size:400% 100%;border-radius:999px;display:inline-block;height:28px;width:140px}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.tax-dashboard{margin:0 auto;max-width:1200px;padding:20px}.tax-header{border-bottom:2px solid #e0e0e0;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.tax-header,.year-selector{align-items:center;display:flex}.year-selector{gap:10px}.year-selector select{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:8px 12px}.earnings-summary{display:flex;flex-direction:column;gap:30px}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 25px #0000001a;color:#fff;padding:30px;text-align:center}.summary-card h2{font-size:24px;font-weight:300;margin:0 0 15px}.amount{font-size:48px;font-weight:700;margin-bottom:10px}.sessions{font-size:16px;opacity:.9}.quarterly-breakdown h3{color:#333;margin-bottom:20px}.quarters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quarter-card{background:#fff;border:2px solid #f0f0f0;border-radius:10px;padding:20px;text-align:center;transition:all .3s ease}.quarter-card:hover{border-color:#667eea;box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.quarter-label{color:#666;font-size:18px;font-weight:700;margin-bottom:10px}.quarter-amount{color:#333;font-size:24px;font-weight:700}.tax-actions{display:flex;flex-direction:column;gap:30px}.download-btn{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px 30px;transition:all .3s ease}.download-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.tax-info{background:#f8f9ff;border-left:4px solid #667eea;border-radius:10px;padding:25px}.tax-info h4{color:#333;margin-top:0}.tax-info ul{list-style-type:none;padding:0}.tax-info li{border-bottom:1px solid #e0e0e0;padding:8px 0}.tax-info li:last-child{border-bottom:none}.next-steps{background:#fff8e1;border-left:4px solid #ffa726;border-radius:10px;padding:25px}.next-steps h4{color:#333;margin-top:0}.actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-item{background:#fff;border:1px solid #ffd54f;border-radius:8px;padding:15px}.loading{color:#666;font-size:18px;padding:50px;text-align:center}@media (max-width:768px){.tax-header{flex-direction:column;gap:20px;text-align:center}.quarters-grid{grid-template-columns:1fr 1fr}.actions-grid{grid-template-columns:1fr}.amount{font-size:36px}}.make-booking-page{background:#f9f7f3;box-sizing:border-box;margin:0 auto;max-width:1400px;min-height:calc(100vh - 60px);padding:15px 10px}.outer-flex-container{align-items:flex-start;display:flex;gap:16px;margin-bottom:24px}.booking-container{background:#fff;border:2px solid #e1e8ed;border-radius:16px;box-shadow:0 8px 32px #00000014;color:#333;flex:1 1;font-family:ClashGrotesk-Regular,sans-serif;margin:0 auto;min-width:0;padding:25px;transition:all .3s ease}.booking-container:hover{border-color:#667eea;box-shadow:0 12px 40px #667eea1f}.booking-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#667eea;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.9rem;line-height:1.3;margin-bottom:20px;text-align:center}.top-row{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e1e8ed;border-radius:8px;display:flex;gap:12px;justify-content:center;margin-bottom:16px;padding:12px}.arrow-btn{text-align:center;width:48px}.separator{color:#667eea;font-size:2.3rem;font-weight:700;line-height:1;opacity:.6}.nav-button{background:#fff;border:2px solid #e1e8ed;border-radius:8px;box-shadow:0 2px 8px #0000000d;color:#555;cursor:pointer;font-family:ClashGrotesk-Medium,sans-serif;font-size:14px;font-weight:600;min-width:100px;padding:8px 24px;transition:all .3s ease}.nav-button.disabled,.nav-button:disabled{background:#e2e8f0;color:#64748b;cursor:not-allowed;opacity:.5}.nav-button:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-1px)}.nav-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 16px #667eea4d;color:#fff}.sessions-row{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e1e8ed;border-radius:8px;display:flex;justify-content:center;margin-bottom:16px;padding:10px}.sessions-row label{align-items:center;color:#555;display:flex;font-family:ClashGrotesk-Medium,sans-serif;font-size:16px;gap:12px}.minimal-dropdown{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27><path fill=%27%23667eea%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;border:2px solid #e1e8ed;border-radius:8px;box-shadow:0 2px 8px #0000000d;color:#333;cursor:pointer;font-family:ClashGrotesk-Regular,sans-serif;font-size:16px!important;min-width:140px;padding:10px 40px 10px 16px;transition:all .3s ease}.minimal-dropdown:focus,.minimal-dropdown:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.calendar-container{border-radius:8px;box-shadow:0 4px 16px #00000014;margin-top:16px;max-height:70vh;overflow:hidden;overflow-y:auto;scrollbar-color:#667eea #f1f1f1;scrollbar-width:thin}.calendar-container::-webkit-scrollbar{width:8px}.calendar-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.calendar-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.calendar-container::-webkit-scrollbar-thumb:hover{background:#5a6fd8}.calendar-grid{--segments-per-hour:2;--segment-base-height:32px;background:#fff;border:2px solid #e1e8ed;border-radius:8px;overflow:hidden;width:100%}.calendar-grid.intro-mode{--segments-per-hour:4;--segment-base-height:28px}.grid-header{height:56px}.grid-header,.grid-row{border-bottom:1px solid #e1e8ed;display:grid;grid-template-columns:70px repeat(7,1fr);min-width:0}.grid-row{min-height:calc(var(--segments-per-hour)*var(--segment-base-height))}.grid-header>div{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-family:ClashGrotesk-Bold,sans-serif;font-size:clamp(10px,1.5vw,14px);font-weight:700;justify-content:center;line-height:1.2;overflow:hidden;padding:0 2px;text-align:center;word-break:break-word}.grid-row>div{align-items:stretch;display:flex;justify-content:stretch}.grid-row:last-child{border-bottom:none}.time-column{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#667eea;display:flex;font-family:ClashGrotesk-Medium,sans-serif;font-size:12px;font-weight:600;justify-content:center;padding:8px}.slot-cell-container{border-right:1px solid #e1e8ed;display:flex;flex-direction:column;height:100%;width:100%}.slot-segment{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;box-sizing:border-box;cursor:pointer;display:flex;flex:1 1 var(--segment-base-height);font-family:ClashGrotesk-Regular,sans-serif;font-size:12px;justify-content:center;line-height:1.1;min-height:var(--segment-base-height);padding:4px 0;position:relative;text-align:center;transition:all .3s ease;width:100%}.slot-segment:last-child{border-bottom:none}.calendar-grid.intro-mode .slot-segment{font-size:11px}.slot-segment:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a)!important}.slot-segment.booked{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff;cursor:not-allowed;font-weight:600}.slot-segment.selected{background:linear-gradient(135deg,#10b981,#047857)!important;color:#fff;font-weight:600}.slot-segment.disabled{background:linear-gradient(135deg,#e5e7eb,#d1d5db)!important;color:#9ca3af;cursor:not-allowed;opacity:.7}.slot-segment.disabled:before{color:#ef4444;content:"✕";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.slot-segment.disabled:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db)!important;box-shadow:inset 0 0 0 1px #ef4444;transform:none}.slot-segment.blocked-overlap{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff;cursor:not-allowed;font-weight:600;opacity:.9}.slot-segment.blocked-overlap:hover{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:inset 0 0 0 2px #dc2626;transform:none}.slot-segment.unclickable{cursor:not-allowed}.slot-segment.unclickable:hover{background:linear-gradient(135deg,#667eea0f,#764ba20f)!important}.slot-cell{display:none}.preview-container{background:#fff;border:2px solid #e1e8ed;border-radius:16px;box-shadow:0 8px 32px #00000014;box-sizing:border-box;flex-shrink:1;height:-webkit-fit-content;height:fit-content;max-width:100%;min-width:320px;padding:24px;transition:all .3s ease;width:380px}.preview-container:hover{border-color:#667eea;box-shadow:0 12px 40px #667eea1f}.preview-panel{background:#fff;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;max-height:600px;padding:0;width:100%}.preview-panel h3{border-bottom:2px solid #e1e8ed;color:#667eea;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.4rem;margin-bottom:20px;margin-top:0;padding-bottom:12px}.preview-list{box-sizing:border-box;flex:1 1;margin-top:12px;max-height:400px;overflow-x:hidden;overflow-y:auto;padding-right:4px;position:relative;width:100%}.preview-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffe6;border-radius:8px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{border:3px solid #f3f3f3;height:40px;margin-bottom:12px;width:40px}.preview-loading-overlay span{color:#667eea;font-family:ClashGrotesk-Medium,sans-serif;font-size:14px;text-align:center}.preview-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #f1f5f9;border-left:4px solid #10b981;border-radius:8px;box-sizing:border-box;display:flex;font-family:ClashGrotesk-Regular,sans-serif;font-size:14px;line-height:1.3;margin-bottom:8px;max-width:calc(100% - 8px);overflow:hidden;padding:8px 12px;transition:all .3s ease;width:calc(100% - 8px);word-break:break-word}.preview-item:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-left-color:#667eea;transform:translateX(4px)}.preview-item:last-child{border-bottom:none}.tick{color:#10b981;flex-shrink:0;font-size:16px;font-weight:700;margin-right:8px}.session-text{flex:1 1;font-size:14px;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unselect-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;box-shadow:0 2px 4px #ef444433;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:24px;justify-content:center;line-height:1;margin:0;padding:0;text-align:center;transition:all .3s ease;vertical-align:middle;width:24px}.unselect-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d;transform:scale(1.1)}.unselect-btn:active{transform:scale(.95)}.preview-bottom{border-top:2px solid #e1e8ed;box-sizing:border-box;margin-top:24px;padding-top:20px;width:100%}.preview-bottom>label{align-items:center;box-sizing:border-box;color:#555;display:flex;font-family:ClashGrotesk-Medium,sans-serif;font-size:16px;gap:12px;margin-bottom:16px;width:100%}.preview-bottom .minimal-dropdown{flex:1 1;max-width:200px;min-width:120px}.request-report-row{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e1e8ed;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:12px}.request-report-row input[type=checkbox]{accent-color:#667eea;height:18px;width:18px}.request-report-row label{color:#555;cursor:pointer;font-family:ClashGrotesk-Medium,sans-serif}.intro-session-card{background:linear-gradient(135deg,#667eea14,#764ba214);border:2px solid #667eea40;border-radius:12px;box-shadow:0 6px 18px #667eea26;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;overflow:hidden;padding:18px 20px;transition:all .3s ease}.intro-session-card.active{background:linear-gradient(135deg,#667eea29,#764ba229);border-color:#667eea99;box-shadow:0 10px 28px #667eea33}.intro-session-toggle{word-wrap:break-word;align-items:flex-start;color:#374151;display:flex;font-family:ClashGrotesk-Medium,sans-serif;gap:14px;overflow-wrap:break-word}.intro-session-toggle input{accent-color:#667eea;flex-shrink:0;height:20px;margin-top:4px;width:20px}.intro-session-toggle strong{word-wrap:break-word;color:#4338ca;display:block;font-size:1.05rem;margin-bottom:4px}.intro-session-toggle p{word-wrap:break-word;color:#4b5563;font-size:.95rem;margin:0}.intro-session-note{word-wrap:break-word;color:#6366f1;font-family:ClashGrotesk-Regular,sans-serif;font-size:.9rem;margin:0;padding-left:34px}.intro-session-tip{word-wrap:break-word;background:linear-gradient(135deg,#0ea5e91f,#0ea5e914);border:1px solid #0ea5e940;border-radius:10px;color:#0f172a;font-size:.95rem;margin-bottom:12px;padding:12px 16px}.confirm-button,.intro-session-tip{font-family:ClashGrotesk-Medium,sans-serif}.confirm-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 16px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .3s ease;width:100%}.confirm-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.confirm-button:active{transform:translateY(0)}.confirm-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;cursor:not-allowed;transform:none}.modal-overlay{background:#00000080;inset:0}.modal-content{border-radius:12px;box-shadow:0 10px 40px #0003;max-width:420px;padding:24px;width:92%}.modal-content h2{margin:0 0 8px}.modal-content p{color:#444;margin:0 0 16px}.modal-actions{display:flex;justify-content:flex-end;margin-top:16px}@media (max-width:1024px){.outer-flex-container{flex-direction:column;gap:16px}.preview-container{max-width:none;min-width:0;width:100%}.booking-container{max-width:95%;padding:24px}.calendar-container{max-height:60vh}}@media (max-width:768px){.make-booking-page{padding:20px 16px}.booking-container{max-width:95%;padding:16px}.preview-container{min-width:0;padding:16px;width:100%}.booking-title{font-size:1.6rem}.calendar-container{max-height:50vh}.grid-header,.grid-row{grid-template-columns:40px repeat(7,1fr);height:56px;min-width:0}.slot-segment{font-size:12px;padding:1px 0}.slot-segment-30{min-height:26px}.slot-segment-15{min-height:14px}.time-column{font-size:9px;padding:4px}.top-row{flex-wrap:wrap;gap:8px;padding:8px}.nav-button{font-size:12px;min-width:80px;padding:6px 16px}.grid-header>div{font-size:10px;padding:0 4px}.slot-segment.disabled:before{font-size:10px}.intro-session-card{margin-bottom:16px;padding:14px 16px}.intro-session-toggle{gap:10px}.intro-session-toggle strong{font-size:.95rem}.intro-session-toggle p{font-size:.85rem}.intro-session-note{font-size:.8rem;padding-left:30px}.intro-session-tip{font-size:.85rem;padding:10px 12px}}@media (max-width:480px){.preview-container{margin:0;min-width:0;padding:12px;width:100%}.outer-flex-container{gap:12px}.make-booking-page{max-width:100%;padding:16px 12px}.intro-session-card{gap:10px;padding:12px 14px}.intro-session-toggle{gap:8px}.intro-session-toggle input{height:18px;width:18px}.intro-session-toggle strong{font-size:.9rem}.intro-session-toggle p{font-size:.8rem}.intro-session-note{font-size:.75rem;padding-left:26px}.intro-session-tip{font-size:.8rem;margin-bottom:10px;padding:8px 10px}}.document-check-container .floating-label-container{margin-bottom:25px;position:relative}.document-check-container .floating-label-container input{background-color:#fff!important;border:2px solid #e0e0e0!important;border-radius:12px!important;box-shadow:0 2px 4px #0000000d!important;font-family:ClashGrotesk-Regular,sans-serif!important;font-size:16px!important;outline:none!important;padding:20px 16px 8px!important;transition:all .3s ease!important;width:100%!important}.document-check-container .floating-label-container input:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.document-check-container .floating-label-container input:disabled{background-color:#f8f9fa!important;border-color:#e9ecef!important;color:#6c757d!important;cursor:not-allowed!important}.document-check-container .floating-label-container label{background-color:#fff!important;color:#666!important;font-family:ClashGrotesk-Medium,sans-serif!important;font-size:16px!important;left:16px!important;padding:0 4px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;transition:all .3s ease!important;z-index:1!important}.document-check-container .floating-label-container input:focus+label,.document-check-container .floating-label-container input:not(:placeholder-shown)+label{color:#667eea!important;font-size:12px!important;font-weight:600!important;top:0!important;transform:translateY(-50%)!important}.document-check-container .floating-label-container input:disabled+label{color:#6c757d!important}.document-check-container .status-pill{justify-self:end}.document-check-container fieldset{background-color:#fff;border:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;margin-bottom:25px}.document-check-container fieldset:disabled{background-color:#f8f9fa;border-color:#e9ecef}.document-check-container fieldset legend{color:#333;font-size:18px;font-weight:600;margin-bottom:0;padding:0 12px}.document-check-container .upload-button,.upload-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 4px #667eea4d!important;color:#fff!important;cursor:pointer!important;display:inline-block!important;font-family:ClashGrotesk-Medium,sans-serif!important;font-size:16px!important;padding:12px 24px!important;text-align:center!important;text-decoration:none!important;transition:all .3s ease!important}.document-check-container .upload-button:hover,.upload-button:hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 12px #667eea66!important;color:#fff!important;transform:translateY(-2px)!important}.document-check-container .upload-button:disabled,.upload-button:disabled{background:#e9ecef!important;box-shadow:none!important;color:#6c757d!important;cursor:not-allowed!important;transform:none!important}.document-check-container .dbs-check__file-container{align-items:center;background-color:#f8f9fa;border:2px dashed #e0e0e0;border-radius:8px;display:flex;flex-direction:column;margin-bottom:15px;padding:20px}.document-check-container .staged-file-ok{color:#28a745;font-weight:600;margin-bottom:10px}.document-check-container .rejection-reason-banner{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeaa7;border-left:4px solid #f39c12;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#856404;margin-bottom:25px;padding:20px}.document-check-container .rejection-reason-header{align-items:center;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:10px}.document-check-container .rejection-reason-header i{color:#f39c12;font-size:20px}.document-check-container .rejection-reason-content p{font-size:14px;line-height:1.5;margin:0 0 8px}.document-check-container .rejection-reason-content p:last-child{color:#6c5c00;font-style:italic;margin-bottom:0}@media (max-width:768px){.document-check-container{border-radius:8px;margin:10px;padding:15px}.document-check-container .form-header .form-header__title{font-size:24px}.document-check-container .floating-label-container input{font-size:14px!important;padding:18px 14px 6px!important}.document-check-container .floating-label-container label{font-size:14px!important;left:14px!important}.document-check-container .floating-label-container input:focus+label,.document-check-container .floating-label-container input:not(:placeholder-shown)+label{font-size:11px!important}.document-check-container .rejection-reason-banner,.document-check-container fieldset{padding:15px}}@media (max-width:480px){.document-check-container{margin:5px;padding:12px}.document-check-container .form-header .form-header__title{font-size:20px}.document-check-container .form-header .back-arrow-button{font-size:18px;height:35px;width:35px}}.document-check p{margin-bottom:15px}.document-check form{display:flex;flex-direction:column;gap:15px}.document-check-container input[type=date],.document-check-container input[type=text],.document-check-container select{background:#ffffffe6!important;border:2px solid #e1e8ed!important;border-radius:12px!important;box-sizing:border-box!important;font-family:ClashGrotesk-Regular,sans-serif!important;font-size:1.1rem!important;margin:0!important;outline:none!important;padding:16px 20px!important;transition:all .3s ease!important;width:100%!important}.document-check-container input[type=date]:focus,.document-check-container input[type=text]:focus,.document-check-container select:focus{background:#fff!important;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.document-check-container input.invalid,.document-check-container select.invalid{animation:shake .5s ease-in-out!important;background-color:#ff6b6b0d!important;border-color:#ff6b6b!important}.document-check-container input:disabled,.document-check-container select:disabled{background-color:#f5f5f5!important;border:2px solid #ddd!important;color:#666!important;cursor:not-allowed!important;opacity:.8!important}.document-check-container fieldset{background:#ffffffe6;border:2px solid #e1e8ed;border-radius:12px;margin-bottom:15px;padding:20px;transition:all .3s ease}.document-check-container fieldset:hover{border-color:#667eea4d}.document-check-container fieldset legend{color:#667eea;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:15px;padding:0 15px}.document-check-container label{color:#333;display:block;font-family:ClashGrotesk-Medium,sans-serif;font-size:.95rem;font-weight:600;margin-bottom:8px}.document-check-container input[type=file]{display:none}.document-check-container .upload-button{background:#667eea;border:none;border-radius:8px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;display:inline-block!important;font-family:ClashGrotesk-Medium,sans-serif;font-size:1rem;font-weight:600;margin-bottom:10px;padding:12px 24px;text-align:center;transition:all .3s ease}.document-check-container .upload-button:hover{background:#5a67d8;box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.document-check .form-buttons{display:flex;gap:10px;justify-content:space-between}.document-check .form-buttons button{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-family:ClashGrotesk-Bold,sans-serif;font-size:1rem;padding:12px;transition:background .3s ease}.document-check .form-buttons button[type=submit]{background-color:#48a6a7;color:#fff}.document-check .form-buttons button[type=button]{background-color:#ccc;color:#333}.submit-message-banner.error-banner{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.submit-message-banner.error-banner,.submit-message-banner.success-banner{font-size:1rem;font-weight:700;margin-bottom:20px;padding:15px;text-align:center}.submit-message-banner.success-banner{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724}.submit-message-banner.info-banner{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;color:#856404;font-size:1rem;font-weight:700;margin-bottom:20px;padding:15px;text-align:center}.rejection-reason-banner{background-color:#fff3cd;border:1px solid #ffeaa7;border-left:4px solid #f39c12;border-radius:4px;color:#856404;margin-bottom:20px;padding:1rem}.rejection-reason-header{align-items:center;display:flex;font-size:1.1rem;gap:8px;margin-bottom:10px}.rejection-reason-header i{color:#f39c12;font-size:1.2rem}.rejection-reason-content p{line-height:1.4;margin:0 0 8px}.rejection-reason-content p:last-child{color:#6c5c00;font-style:italic;margin-bottom:0}@media (max-width:768px){.document-check-container{border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:20px 15px}.document-check-container .form-header{grid-template-columns:1fr 1fr 1fr;margin-bottom:15px;padding:0 0 12px}.document-check-container .back-arrow-button{font-size:1.1rem;height:36px;width:36px}.document-check-container .form-header__title{font-size:1.6rem}.document-check-container .status-pill{font-size:.8rem;padding:6px 12px}.document-check-container input[type=date],.document-check-container input[type=text],.document-check-container select{font-size:1rem!important;padding:14px 16px!important}.document-check-container fieldset{margin-bottom:12px;padding:15px}.document-check-container fieldset legend{font-size:1.2rem;padding:0 10px}.document-check-container .upload-button{padding:12px 20px;width:100%}}@media (max-width:480px){.document-check-container{padding:15px 10px}.document-check-container .form-header{grid-template-columns:1fr 1fr 1fr;padding:0 0 10px}.document-check-container .back-arrow-button{font-size:1rem;height:32px;width:32px}.document-check-container .form-header__title{font-size:1.4rem}.document-check-container .status-pill{font-size:.75rem;padding:5px 10px}.document-check-container input[type=date],.document-check-container input[type=text],.document-check-container select{border-radius:8px!important;font-size:.95rem!important;padding:12px 14px!important}.document-check-container fieldset{padding:12px}}@media (min-width:769px) and (max-width:1024px){.document-check-container{max-width:95%;padding:25px}}.dbs-check-container .floating-label-container{margin-bottom:25px;position:relative}.dbs-check-container .floating-label-container input{background-color:#fff!important;border:2px solid #e0e0e0!important;border-radius:12px!important;box-shadow:0 2px 4px #0000000d!important;font-family:ClashGrotesk-Regular,sans-serif!important;font-size:16px!important;outline:none!important;padding:20px 16px 8px!important;transition:all .3s ease!important;width:100%!important}.dbs-check-container .floating-label-container input:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.dbs-check-container .floating-label-container input:disabled{background-color:#f8f9fa!important;border-color:#e9ecef!important;color:#6c757d!important;cursor:not-allowed!important}.dbs-check-container .floating-label-container label{background-color:#fff!important;color:#666!important;font-family:ClashGrotesk-Medium,sans-serif!important;font-size:16px!important;left:16px!important;padding:0 4px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;transition:all .3s ease!important;z-index:1!important}.dbs-check-container .floating-label-container input:focus+label,.dbs-check-container .floating-label-container input:not(:placeholder-shown)+label{color:#667eea!important;font-size:12px!important;font-weight:600!important;top:0!important;transform:translateY(-50%)!important}.dbs-check-container .floating-label-container input:disabled+label{color:#6c757d!important}.dbs-check-container fieldset{background-color:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:25px;padding:20px}.dbs-check-container fieldset:disabled{background-color:#f8f9fa;border-color:#e9ecef}.dbs-check-container fieldset legend{color:#333;font-family:ClashGrotesk-Bold,sans-serif;font-size:18px;font-weight:600;margin-bottom:0;padding:0 12px}.dbs-check-container .upload-button,.upload-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 4px #667eea4d!important;color:#fff!important;cursor:pointer!important;display:inline-block!important;font-family:ClashGrotesk-Medium,sans-serif!important;font-size:16px!important;padding:12px 24px!important;text-align:center!important;text-decoration:none!important;transition:all .3s ease!important}.dbs-check-container .upload-button:hover,.upload-button:hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 12px #667eea66!important;color:#fff!important;transform:translateY(-2px)!important}.dbs-check-container .upload-button:disabled,.upload-button:disabled{background:#e9ecef!important;box-shadow:none!important;color:#6c757d!important;cursor:not-allowed!important;transform:none!important}.dbs-check-container .dbs-check__file-container{align-items:center;background-color:#f8f9fa;border:2px dashed #e0e0e0;border-radius:8px;display:flex;flex-direction:column;margin-bottom:15px;padding:20px}.dbs-check-container .staged-file-ok{color:#28a745;font-weight:600;margin-bottom:10px}.dbs-check-container .rejection-reason-banner{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeaa7;border-left:4px solid #f39c12;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#856404;margin-bottom:25px;padding:20px}.dbs-check-container .rejection-reason-header{align-items:center;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:10px}.dbs-check-container .rejection-reason-header i{color:#f39c12;font-size:20px}.dbs-check-container .rejection-reason-content p{font-size:14px;line-height:1.5;margin:0 0 8px}.dbs-check-container .rejection-reason-content p:last-child{color:#6c5c00;font-style:italic;margin-bottom:0}.dbs-check-container .field-error{color:#dc3545;font-family:ClashGrotesk-Medium,sans-serif;font-size:14px;margin-top:5px}.dbs-check-container input.invalid{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc35451a!important}@media (max-width:768px){.dbs-check-container{border-radius:8px;margin:10px;padding:15px}.dbs-check-container .form-header .form-header__title{font-size:24px}.dbs-check-container .floating-label-container input{font-size:14px!important;padding:18px 14px 6px!important}.dbs-check-container .floating-label-container label{font-size:14px!important;left:14px!important}.dbs-check-container .floating-label-container input:focus+label,.dbs-check-container .floating-label-container input:not(:placeholder-shown)+label{font-size:11px!important}.dbs-check-container .rejection-reason-banner,.dbs-check-container fieldset{padding:15px}}@media (max-width:480px){.dbs-check-container{margin:5px;padding:12px}.dbs-check-container .form-header .form-header__title{font-size:20px}.dbs-check-container .form-header .back-arrow-button{font-size:18px;height:35px;width:35px}}.dbs-check p{margin-bottom:20px}.prices-reskin-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#333;font-family:ClashGrotesk-Regular,sans-serif;margin:0 auto;max-width:1680px;padding:20px;width:95vw}.prices-split{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:2.5fr 1fr}.prices-main{background-color:#fff;border-radius:12px;min-width:0;padding:20px}.prices-side{min-width:0}.side-panel{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:16px;position:-webkit-sticky;position:sticky;top:16px}.side-panel h3{color:#333;font-family:ClashGrotesk-Bold,sans-serif;font-size:18px;margin:0 0 10px}.side-panel li,.side-panel p{color:#666;font-size:14px;line-height:1.5}.side-panel .info-callout{background:#fff;border:1px dashed #cbd5e0;border-radius:8px;margin:12px 0;padding:12px}.side-panel-divider{border-top:1px solid #dee2e6;margin:18px 0}.active-rate-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.active-rate-item{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 1px 2px #0f172a0f;padding:12px}.active-rate-top{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.active-rate-name{color:#1f2937;font-family:ClashGrotesk-Bold,sans-serif;font-size:15px}.intro-chip,.legacy-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;line-height:1.4;padding:2px 8px}.legacy-chip{background:#fff3cd;border:1px solid #ffc10773;color:#8a6d1b}.intro-chip{background:#e0f2ff;border:1px solid #0ea5e959;color:#0369a1}.active-rate-row{display:flex;font-size:13px;gap:8px;justify-content:space-between;margin-top:4px}.active-rate-label{color:#6b7280}.active-rate-value{align-items:center;color:#374151;display:flex;font-weight:500;gap:6px}.active-rate-band{background:linear-gradient(135deg,#667eea1f,#764ba21f);border-radius:999px;color:#4c51bf;font-size:11px;font-weight:600;padding:2px 8px}.band-progress-list{grid-gap:6px;color:#495057;display:grid;gap:6px;list-style:none;margin:0 0 14px;padding:0}.muted{color:#6c757d}.prices-reskin-container h1{color:#333;font-family:ClashGrotesk-Bold,sans-serif;font-size:28px;font-weight:600;margin-bottom:20px;text-align:center}.intro-text{color:#666;font-size:16px;line-height:1.6;margin-bottom:30px;text-align:center}.current-band-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;margin-bottom:40px;padding:25px}.current-band-card h2{color:#fff;font-family:ClashGrotesk-Bold,sans-serif;font-size:24px;margin-bottom:15px}.current-band-card .current-band-title,.current-band-title,.prices-reskin-container .current-band-card .current-band-title,h2.current-band-title{color:#fff!important;font-family:ClashGrotesk-Bold,sans-serif!important;font-size:24px!important;margin-bottom:15px!important}.highlight-row{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;display:flex;font-size:16px;gap:15px;margin-bottom:20px;padding:15px}.highlight-row strong{color:#fff;font-weight:700;text-shadow:0 1px 2px #0000001a}.subject-breakdown-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.subject-breakdown-grid .grid-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;padding:15px;text-align:center}.subject-breakdown-grid .subject{color:#fff;font-family:ClashGrotesk-Bold,sans-serif;font-weight:700;margin-bottom:8px}.subject-breakdown-grid .price{color:#ffffffe6;font-size:14px;margin-bottom:4px}.subject-breakdown-grid .price strong{color:#fff}.other-bands-header{color:#333;font-family:ClashGrotesk-Bold,sans-serif;font-size:24px;margin:40px 0 15px;text-align:center}.band-explainer{color:#666;font-size:16px;line-height:1.6;margin-bottom:30px;text-align:center}.bands-grid{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.band-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;height:100%;padding:20px;transition:all .3s ease}.band-card-clickable{cursor:pointer}.band-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.band-card.active-card{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;box-shadow:0 4px 12px #667eea33}.band-card.selected{border-color:#764ba2;box-shadow:0 6px 14px #764ba22e}.band-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;min-height:28px}.band-card-header .band-number{color:#333;font-family:ClashGrotesk-Bold,sans-serif;font-size:20px}.tag-active{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 4px #667eea4d;color:#fff;font-family:ClashGrotesk-Medium,sans-serif;font-size:12px;font-weight:600;padding:6px 12px}.band-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:auto 1fr;margin-top:auto}.band-actions .change-band-btn{text-align:center;width:100%}.band-actions .expand-button{font-size:14px;line-height:1.2;padding:6px 16px;text-align:center;width:auto}@media (max-width:520px){.band-actions{grid-template-columns:1fr}.band-actions .change-band-btn,.band-actions .expand-button{width:100%}}.band-info-row{align-items:center;display:flex;font-size:16px;gap:12px;margin-bottom:15px}.band-info-row .small-label{color:#667eea;font-family:ClashGrotesk-Medium,sans-serif;font-weight:600}.expand-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;font-family:ClashGrotesk-Medium,sans-serif;font-size:14px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.expand-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.modal-backdrop{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 10px 30px #0003;padding:20px;width:min(92vw,720px)}.subject-breakdown-grid.alt-grid .grid-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px;transition:all .3s ease}.subject-breakdown-grid.alt-grid .grid-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.subject-breakdown-grid.alt-grid .subject{color:#333;font-family:ClashGrotesk-Bold,sans-serif;font-weight:700;margin-bottom:8px}.subject-breakdown-grid.alt-grid .price{color:#666;font-size:14px;margin-bottom:4px}.subject-breakdown-grid.alt-grid .price strong{color:#333}.change-band-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 2px 4px #28a7454d;color:#fff;cursor:pointer;font-family:ClashGrotesk-Medium,sans-serif;font-size:14px;margin-top:15px;padding:12px 24px;transition:all .3s ease}.change-band-btn:hover{box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.change-band-btn:disabled{background:#e9ecef;box-shadow:none;color:#6c757d;cursor:not-allowed;transform:none}@media (max-width:768px){.prices-reskin-container{border-radius:8px;margin:10px;padding:15px}.prices-split{display:block}.prices-reskin-container h1{font-size:24px}.other-bands-header{font-size:20px}.current-band-card{padding:20px}.highlight-row{align-items:flex-start;flex-direction:column;gap:10px}.subject-breakdown-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.bands-grid{grid-template-columns:1fr}.band-card{padding:15px}.band-card-header .band-number{font-size:18px}}@media (min-width:1600px){.subject-breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.bands-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:480px){.prices-reskin-container{margin:5px;padding:12px}.prices-reskin-container h1{font-size:20px}.current-band-card{padding:15px}.subject-breakdown-grid{grid-template-columns:1fr}.change-band-btn,.expand-button{padding:15px;width:100%}}.parent-review-page{overflow:hidden;padding:32px 24px 48px;position:relative}.review-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:minmax(0,280px) minmax(0,1fr)}.review-sidebar{display:flex;flex-direction:column;gap:24px}.review-tutor-card{background:linear-gradient(160deg,#6366f11f,#7c3aed29);border-radius:20px;box-shadow:0 18px 36px #6366f12e;color:#1f2937;padding:28px 24px;text-align:center}.review-avatar-wrapper{align-items:center;background:linear-gradient(135deg,#6366f1,#7c3aed);border-radius:50%;box-shadow:0 12px 24px #6366f147;display:flex;height:120px;justify-content:center;margin:0 auto 18px;padding:4px;width:120px}.review-avatar-wrapper img{background:#fff;border-radius:50%;height:100%;object-fit:cover;width:100%}.review-tutor-card h2{font-family:ClashGrotesk-Semibold,sans-serif;font-size:1.3rem;margin:12px 0 10px}.review-tutor-card p{color:#334155;font-size:.95rem;line-height:1.5;margin:0}.review-session-chip{align-items:center;background:#fffc;border-radius:999px;box-shadow:inset 0 0 0 1px #6366f12e;color:#4338ca;display:inline-flex;font-weight:600;gap:8px;margin-top:20px;padding:10px 16px}.review-panel{background:#f8fafff2;border-radius:24px;box-shadow:0 18px 40px #4f46e51f;display:flex;flex-direction:column;gap:20px;padding:32px}.review-notice{align-items:flex-start;border-radius:18px;display:flex;gap:16px;line-height:1.5;padding:18px 22px}.review-notice__icon{align-items:center;background:#10b9811f;border-radius:50%;color:#0f766e;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:36px;justify-content:center;width:36px}.review-notice--success{background:#10b98124;border:1px solid #2dd4bf66;color:#0f766e}.review-notice--error{background:#f8717124;border:1px solid #f8717166;color:#b91c1c}.review-loading-state{align-items:center;color:#475569;display:flex;flex-direction:column;gap:16px;padding:40px 0;text-align:center}.review-spinner{animation:review-spin .8s linear infinite;border:4px solid #6366f12e;border-radius:50%;border-top-color:#6366f1;height:44px;width:44px}@keyframes review-spin{to{transform:rotate(1turn)}}.review-form{gap:22px}.review-field,.review-form{display:flex;flex-direction:column}.review-field{gap:10px}.review-field label{color:#1f2937;font-size:.98rem;font-weight:600}.review-field label span{color:#64748b;font-weight:400;margin-left:6px}.review-select,.review-textarea{background:#fff;border:1px solid #6366f147;border-radius:14px;font-family:ClashGrotesk-Regular,sans-serif;font-size:.95rem;padding:14px 16px;transition:border-color .2s ease,box-shadow .2s ease}.review-select:focus,.review-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f12e;outline:none}.review-textarea{min-height:150px;resize:vertical}.review-char-count{color:#64748b;font-size:.8rem;text-align:right}.review-actions{display:flex;gap:14px;justify-content:flex-end}.review-link-button,.review-primary,.review-secondary{border:none;border-radius:999px;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 22px;transition:transform .2s ease,box-shadow .2s ease}.review-primary{background:linear-gradient(135deg,#6366f1,#7c3aed);box-shadow:0 12px 24px #6366f14d;color:#fff}.review-primary:hover{box-shadow:0 16px 32px #6366f159;transform:translateY(-1px)}.review-secondary{background:#0000;border:1px solid #6366f166;color:#4c51bf}.review-secondary:hover{box-shadow:0 10px 20px #6366f133;transform:translateY(-1px)}.review-link-button{align-self:flex-start;background:#6366f11f;border:1px solid #6366f133;color:#4c1d95}.review-link-button:hover{box-shadow:0 8px 16px #6366f133;transform:translateY(-1px)}.review-empty{background:#fff;border-radius:18px;box-shadow:inset 0 0 0 1px #94a3b82e;color:#475569;display:flex;flex-direction:column;gap:18px;padding:28px;text-align:center}.review-empty h3{color:#1f2937;font-size:1.1rem;margin:0}.review-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffe0;display:flex;inset:0;justify-content:center;position:absolute}.review-loading-modal{background:#fff;border-radius:24px;box-shadow:0 30px 60px #6366f140;display:flex;flex-direction:column;gap:16px;max-width:420px;padding:32px 38px;text-align:center}.review-spinner--overlay{border-width:5px;height:52px;width:52px}.review-loading-modal h3{color:#312e81;font-size:1.2rem;margin:0}.review-loading-modal p{color:#475569;font-size:.95rem;line-height:1.6;margin:0}@media (max-width:960px){.review-layout{grid-template-columns:1fr}.review-sidebar{order:2}.review-panel{order:1}}@media (max-width:640px){.parent-review-page{padding:24px 16px 40px}.review-panel{padding:24px}.review-actions{align-items:stretch;flex-direction:column-reverse}.review-primary,.review-secondary{width:100%}.review-link-button{align-self:stretch}.review-loading-modal{width:calc(100% - 40px)}}.tutor-reviews-page{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:880px;padding:32px 24px 48px}.tutor-reviews-summary{align-items:flex-start;background:linear-gradient(135deg,#6366f11a,#7c3aed14);border-radius:18px;display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start;padding:20px 24px}.tutor-reviews-summary__identity{display:flex;flex-direction:column;gap:6px;min-width:200px}.tutor-reviews-summary__name-row{align-items:center;display:flex;gap:12px}.tutor-reviews-summary__name{color:#1f2937;font-size:1.35rem;font-weight:700;margin:0}.tutor-reviews-summary__rate{background:#48a6a72e;border:1px solid #48a6a759;border-radius:999px;color:#0f494a;font-size:.95rem;font-weight:600;padding:6px 12px}.tutor-reviews-summary__tagline{word-wrap:break-word;color:#4b5563;font-size:.9rem;-webkit-hyphens:auto;hyphens:auto;margin:0;max-width:100%;overflow-wrap:break-word;word-break:break-word}.tutor-reviews-summary__item{display:flex;flex-direction:column;gap:6px}.tutor-reviews-summary__label{color:#6b7280;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.tutor-reviews-summary__value{align-items:center;color:#111827;display:flex;font-size:1.4rem;gap:12px}.tutor-reviews-summary__divider{align-self:stretch;background:#6366f140;width:1px}.tutor-reviews-alert{border-radius:12px;font-size:.95rem;padding:14px 18px}.tutor-reviews-alert--error{background:#dc26261f;color:#b91c1c}.tutor-reviews-empty,.tutor-reviews-loading{background:#fff;border-radius:18px;box-shadow:0 16px 28px #243a7b1f;color:#4b5563;padding:24px;text-align:center}.tutor-reviews-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tutor-review-card{background:#fff;border-radius:18px;box-shadow:0 12px 24px #243a7b1f;display:flex;flex-direction:column;gap:14px;padding:20px 22px}.tutor-review-card__top{align-items:flex-start;display:flex;gap:18px;justify-content:space-between}.tutor-review-card__identity{align-items:center;display:flex;gap:14px}.tutor-review-card__avatar{align-items:center;background:linear-gradient(135deg,#6366f133,#4f46e538);border-radius:50%;box-shadow:inset 0 0 0 2px #ffffffeb;color:#312e81;display:flex;font-size:1.05rem;font-weight:700;height:52px;justify-content:center;width:52px}.tutor-review-card__identity-text{display:flex;flex-direction:column;gap:6px}.tutor-review-card__name-row{align-items:center;display:flex;gap:10px}.tutor-review-card__name{color:#111827;font-weight:600}.tutor-review-card__subline{color:#6b7280;display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px}.tutor-review-card__subline span:after{color:#d1d5db;content:"•";margin-left:8px}.tutor-review-card__subline span:last-child:after{content:"";margin:0}.tutor-review-card__scoreblock{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.tutor-review-card__rating{color:#1f2937;font-weight:600}.tutor-review-card__comment{color:#374151;font-size:.95rem;line-height:1.5;margin:0}.tutor-review-card__footer{color:#9ca3af;display:flex;flex-wrap:wrap;font-size:.8rem;gap:12px}.tutor-review-card__role-tag{background:#3b82f61f;border-radius:999px;color:#1d4ed8;font-size:.7rem;font-weight:600;letter-spacing:.06em;margin-left:6px;padding:2px 8px;text-transform:uppercase}.tutor-review__stars{color:#fbbf24;display:inline-flex;gap:4px}.tutor-review__star--empty{color:#d1d5db}@media (max-width:768px){.tutor-reviews-summary{align-items:flex-start;flex-direction:column}.tutor-reviews-summary__divider{display:none}.tutor-reviews-list{grid-template-columns:1fr}}.session-timeline-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.session-timeline-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.session-timeline-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.session-timeline-date{color:#4a5568;flex:1 1;font-size:14px;font-weight:600}.session-timeline-meta{align-items:center;display:flex;flex-shrink:0;gap:8px}.session-timeline-duration{background:#edf2f7;border-radius:12px;color:#667eea;font-size:12px;font-weight:600;padding:4px 12px}.status-badge{border-radius:12px;font-size:11px;letter-spacing:.5px;padding:4px 10px}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.upcoming{background:#fff3cd;color:#856404}.session-timeline-content{margin-bottom:16px}.session-timeline-subject{color:#1a202c;font-size:18px;margin-bottom:12px}.subject-level{color:#718096;font-weight:400}.session-timeline-report-preview{background:#f7fafc;border-left:4px solid #667eea;border-radius:6px;padding:12px}.report-label{color:#667eea;font-size:12px;font-weight:600;margin-bottom:6px}.report-summary{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#4a5568;display:-webkit-box;font-size:14px;line-height:1.5;overflow:hidden}.session-timeline-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.btn-download-whiteboard,.btn-view-report{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-download-whiteboard{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-download-whiteboard:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-download-whiteboard:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-view-report{background:#fff;border:2px solid #667eea;color:#667eea}.btn-view-report:hover{background:#667eea;color:#fff}.no-report-text{color:#a0aec0;font-size:13px;font-style:italic}@media (max-width:768px){.session-timeline-header{flex-direction:column;gap:8px}.session-timeline-meta{align-self:flex-start}.session-timeline-actions{flex-direction:column;width:100%}.btn-download-whiteboard,.btn-view-report{width:100%}}.subject-progress-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .3s ease}.subject-progress-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.subject-progress-header h3{color:#1a202c;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 20px}.subject-progress-stats{display:flex;gap:16px;justify-content:space-around}.stat-item{flex:1 1;text-align:center}.stat-value{color:#667eea;font-size:28px;font-weight:700;margin-bottom:4px}.stat-label{color:#718096;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.subject-progress-stats{flex-direction:column;gap:12px}}.student-progress-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px}.student-progress-container{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin:0 auto;max-width:1200px;padding:40px}.student-progress-container h1{color:#1a202c;font-size:32px;font-weight:700;margin:0 0 32px}.progress-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:48px}.overview-stat{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:28px 24px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.overview-stat:hover{box-shadow:0 8px 16px #667eea4d;transform:translateY(-4px)}.overview-stat-icon{font-size:36px;margin-bottom:8px}.overview-stat-value{font-size:48px;font-weight:700;margin-bottom:8px}.overview-stat-label{font-size:14px;font-weight:500;opacity:.95}.progress-section{margin-bottom:48px}.progress-section h2{color:#2d3748;font-size:24px;font-weight:600;margin-bottom:24px}.subject-progress-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tutors-section{background:#f7fafc;border-radius:12px;padding:24px}.tutors-list{display:flex;flex-wrap:wrap;gap:16px}.tutor-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:16px 24px;transition:all .3s ease}.tutor-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.tutor-name{color:#1a202c;font-weight:600}.tutor-sessions{background:#edf2f7;border-radius:10px;color:#667eea;font-size:13px;font-weight:600;padding:4px 10px}.session-timeline{display:flex;flex-direction:column;gap:16px}.timeline-empty{color:#718096;font-style:italic;padding:40px 20px;text-align:center}.student-progress-loading{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:18px;gap:20px;justify-content:center;min-height:400px;padding:60px 20px}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff}.student-progress-error{color:#fff;padding:60px 20px;text-align:center}.student-progress-error h2{color:#fff;font-size:28px;margin-bottom:16px}.student-progress-error p{color:#ffffffe6;font-size:16px}.student-progress-empty{color:#fff;padding:80px 20px;text-align:center}.empty-icon{font-size:80px;margin-bottom:20px}.student-progress-empty h2{color:#fff;font-size:28px;margin-bottom:12px}.student-progress-empty p{color:#ffffffe6;font-size:18px}@media (max-width:768px){.student-progress-page{padding:20px 10px}.student-progress-container{padding:24px 16px}.student-progress-container h1{font-size:24px;margin-bottom:24px}.progress-overview{gap:12px;grid-template-columns:repeat(2,1fr)}.overview-stat{padding:20px 16px}.overview-stat-value{font-size:36px}.overview-stat-label{font-size:12px}.progress-section h2{font-size:20px}.subject-progress-grid{grid-template-columns:1fr}.tutors-list{flex-direction:column}}@media (max-width:480px){.progress-overview{grid-template-columns:1fr}}.onboarding-container{background-color:#f9f7f3!important;display:flex;font-family:ClashGrotesk-Regular,sans-serif;min-height:calc(100vh - 60px)}.date-input-single{background:#ffffffe6;border:2px solid #e1e8ed;border-radius:12px;box-sizing:border-box;font-family:inherit;font-family:Courier New,monospace;font-size:1.1rem;letter-spacing:1px;margin:0;max-width:200px!important;outline:none;padding:18px 20px 8px;transition:all .3s ease;width:100%!important}.onboarding-content .floating-label-container .date-input-single{max-width:178px!important;width:100%!important}.date-input-single:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.onboarding-content .floating-label-container{margin:10px 0!important;max-width:none!important;overflow:visible!important;position:relative!important;width:100%!important}.onboarding-content .floating-label-container input{background:#ffffffe6;border:2px solid #e1e8ed;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:1.1rem;margin:0;max-width:none!important;outline:none;padding:18px 20px 8px;transition:all .3s ease;width:100%!important}.onboarding-content .floating-label-container .floating-label,.onboarding-content .form-row .floating-label-container .floating-label{background:#ffffffe6!important;border-radius:4px!important;color:#667eea!important;display:block!important;font-size:.8rem!important;font-weight:600!important;height:auto!important;left:20px!important;margin:0!important;padding:0 4px!important;pointer-events:none!important;position:absolute!important;top:-5px!important;transform:none!important;transition:all .3s ease!important;width:auto!important;z-index:10!important}.onboarding-content .floating-label-container input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.onboarding-content .floating-label-container input:focus+.floating-label{background:#fff;color:#667eea}.onboarding-content .floating-label-container input::placeholder{color:#a0a0a0;font-weight:400}.onboarding-content .floating-label-container input.error{animation:shake .5s ease-in-out;background-color:#ff6b6b0d!important;border-color:#ff6b6b!important}.onboarding-content .floating-label-container input.valid{background-color:#51cf660d!important;border-color:#51cf66!important}.onboarding-content .floating-label-container .autocomplete-dropdown{background:#fff;border:1px solid #e1e8ed;border-radius:10px;box-shadow:0 8px 20px #00000014;left:0;max-height:260px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:1000}.onboarding-content .floating-label-container .autocomplete-item{cursor:pointer;font-size:.95rem;padding:10px 14px}.onboarding-content .floating-label-container .autocomplete-item:hover{background:#667eea14}.onboarding-content .floating-label-container .autocomplete-item.active{background:#667eea26}.onboarding-content .floating-label-container .autocomplete-item.disabled{color:#888;cursor:default}.error-message{color:#ff6b6b;font-size:.9rem;font-weight:500;margin:5px 0 15px;padding-left:5px;text-align:left;width:100%}.continue-btn,.primary-btn{background:linear-gradient(135deg,#28a745,#20c997)!important;border:none!important;border-radius:12px!important;box-shadow:0 6px 20px #28a7454d!important;color:#fff!important;cursor:pointer!important;font-family:ClashGrotesk-Bold,sans-serif!important;font-size:1.2rem!important;font-weight:700!important;min-width:180px!important;padding:18px 30px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.continue-btn:hover,.primary-btn:hover{background:linear-gradient(135deg,#218838,#1aa085)!important;box-shadow:0 10px 30px #28a74566!important;transform:translateY(-2px)!important}.continue-btn:active,.primary-btn:active{transform:translateY(0)!important}.readonly-input,input:disabled,input[readonly]{background-color:#f5f5f5!important;border:1px solid #ddd!important;color:#666!important;cursor:not-allowed!important;opacity:.8!important}.readonly-input:focus,input:disabled:focus,input[readonly]:focus{border-color:#ddd!important;box-shadow:none!important;outline:none!important}.readonly-input:hover,input:disabled:hover,input[readonly]:hover{border-color:#ddd!important}.readonly-indicator{color:#666;font-size:.85rem;font-style:italic;font-weight:400}.onboarding-sidebar{border-right:1px solid #ddd;padding:1rem;width:250px}.onboarding-sidebar h2{font-size:1.2rem;margin-bottom:1rem;margin-top:0}.onboarding-sidebar ul{list-style:none;margin:0;padding:0}.onboarding-sidebar .sidebar-link{align-items:center;color:inherit;display:flex;gap:.5rem;text-decoration:none;width:100%}.sidebar-step{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.75rem 1rem;position:relative;-webkit-user-select:none;user-select:none}.sidebar-step:hover{background-color:#eaeaea!important}.sidebar-step.completed{background-color:#d6f8d6!important;font-weight:700}.sidebar-step.completed:hover{background-color:#c8f0c8!important}.sidebar-step.current{background-color:#e6f3ff!important;border-left:4px solid #007cba;font-weight:700}.sidebar-step.current:hover{background-color:#d1e9ff!important}.sidebar-step.current span:first-of-type{color:#007cba;font-size:.875rem;height:22px;line-height:22px}.sidebar-step span:first-of-type,.sidebar-step.current span:first-of-type{display:inline-block;font-weight:700;text-align:center;width:22px}.page-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.valid-inline{color:#28a745;font-size:.9rem;font-weight:700}.flex-wrapper{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;height:auto}@media (max-width:1400px){.flex-wrapper{flex-direction:column}.my-table-container{margin-top:20px}}.onboarding-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:0;margin-top:30px}.onboarding-content h3:first-of-type{margin-top:0}.my-table-container{background:#ffffffe6;border:2px solid #e1e8ed;border-radius:12px;box-shadow:0 4px 15px #667eea1a;margin-top:50px;padding:1.5rem;transition:all .3s ease}.my-table-container:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26}.my-table-container h3{margin-bottom:20px;margin-top:0!important;text-align:center}.requirements-table{border:2px solid #e1e8ed;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 4px 15px #667eea1a;color:#333;font-size:.95rem;overflow:hidden;width:500px}.requirements-table td{word-wrap:break-word;background:#ffffffe6;border-bottom:1px solid #e1e8ed;overflow-wrap:anywhere;padding:1rem;transition:all .3s ease;vertical-align:top;white-space:normal}.requirements-table th{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-transform:uppercase;vertical-align:top}.requirements-table tbody tr:hover td{background:#667eea0d}.onboarding-content{background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 10px 30px #0000001a;box-sizing:border-box;flex:1 1;font-family:ClashGrotesk-Regular,sans-serif;margin:20px;max-width:-webkit-fit-content;max-width:fit-content;min-width:600px;padding:30px}@media (max-width:1200px){.onboarding-content{max-width:none;min-width:500px}}@media (max-width:768px){.onboarding-content{margin:10px;max-width:none;min-width:auto;padding:20px}}.page-header{margin-bottom:25px;text-align:center}.page-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-family:ClashGrotesk-Bold,sans-serif;font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:15px}.step-valid-banner{align-items:center;background:linear-gradient(135deg,#e8f5e8,#f0fff0);border:2px solid #51cf66;border-radius:12px;color:#2d7738;display:flex;font-size:1rem;font-weight:600;gap:10px;margin-bottom:20px;padding:12px 18px}.step-valid-banner:before{align-items:center;background:#51cf66;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:.9rem;font-weight:700;height:24px;justify-content:center;width:24px}.form-row{margin-bottom:10px}.form-row label:not(.floating-label){color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.add-doc-row input[type=text]:not(.floating-label-container input),.add-subject-row input:not(.floating-label-container input),.dob-inputs input,.form-row input[type=tel]:not(.floating-label-container input),.form-row input[type=text]:not(.floating-label-container input),.form-row select:not(.floating-label-container select){background:#ffffffe6;border:2px solid #e1e8ed;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:1.1rem;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.form-row input[type=tel]:focus:not(.floating-label-container input),.form-row input[type=text]:focus:not(.floating-label-container input),.form-row select:focus:not(.floating-label-container select){background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dob-row{display:flex;flex-direction:column;margin-bottom:25px}.dob-row label{color:#333;font-size:.95rem;font-weight:600;margin-bottom:15px}.dob-inputs{display:flex;gap:15px;max-width:600px;width:100%}.dob-inputs>div{display:flex;flex:1 1;flex-direction:column}.dob-inputs input{background:#ffffffe6!important;border:2px solid #e1e8ed!important;border-radius:12px!important;font-family:inherit!important;font-size:1.1rem!important;font-weight:600!important;outline:none!important;padding:16px 20px!important;text-align:center!important;transition:all .3s ease!important;width:100%!important}.dob-inputs input:focus{background:#fff!important;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.dob-inputs input.error-input{animation:shake .5s ease-in-out;background-color:#ff6b6b0d!important;border-color:#ff6b6b!important}.dob-inputs input::placeholder{color:#a0a0a0!important;font-weight:400!important}.error-input{animation:shake .5s ease-in-out;background-color:#ff6b6b0d!important;border-color:#ff6b6b!important}.button-row{display:flex;gap:1rem;gap:15px;justify-content:flex-end;margin-top:40px}.back-btn{background:linear-gradient(135deg,#8e9aab,#738192);border:none;border-radius:12px;box-shadow:0 4px 15px #8e9aab4d;color:#fff;cursor:pointer;font-family:ClashGrotesk-Regular,sans-serif;font-size:1.1rem;font-weight:600;min-width:120px;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-btn:hover{background:linear-gradient(135deg,#7a8699,#63707f);box-shadow:0 8px 25px #8e9aab66;transform:translateY(-2px)}.finish-btn{background:linear-gradient(135deg,#51cf66,#40c057)!important;border:none!important;border-radius:12px!important;box-shadow:0 6px 20px #51cf664d!important;color:#fff!important;cursor:pointer!important;font-family:ClashGrotesk-Bold,sans-serif!important;font-size:1.2rem!important;font-weight:700!important;min-width:180px!important;padding:18px 30px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.finish-btn:hover{background:linear-gradient(135deg,#4cc461,#3bb454)!important;box-shadow:0 10px 30px #51cf6666!important;transform:translateY(-2px)!important}.subject-item{align-items:center;background-color:#fff;border:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.subject-item span{color:#333;font-size:1rem}.subject-item button{background-color:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:.85rem;height:24px;line-height:24px;padding:0;text-align:center;transition:background-color .2s;width:24px}.subject-level-select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;cursor:pointer;font-size:.9rem;margin-top:20px;max-width:300px;padding:.6rem;transition:border-color .2s;width:100%}.subject-level-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}.choose-file-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:16px 24px;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.choose-file-btn:hover{background:linear-gradient(135deg,#4c63d2,#5a4b8c);box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.invalid{border:2px solid red}.invalid-checkboxes input[type=checkbox]{box-shadow:0 0 0 2px red;height:18px;width:18px}.add-subject-btn{background-color:#20c997;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:.5rem;margin-top:10px;padding:.5rem 1rem;transition:background-color .2s}.add-subject-btn:hover{background-color:#17a2b8}.subject-item button:hover{background-color:#c82333}.subjects-grid{border:2px solid #e1e8ed;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 4px 15px #667eea1a;font-size:.95rem;margin-top:1.5rem;min-width:500px;overflow:hidden;width:100%}@media (max-width:768px){.subjects-grid{font-size:.85rem;min-width:auto}.subjects-grid td,.subjects-grid th{padding:.5rem .25rem}.subjects-grid th{font-size:.8rem}}.subjects-grid td,.subjects-grid th{border-bottom:1px solid #e1e8ed;padding:1rem .75rem;text-align:center;transition:all .3s ease}.subjects-grid td:first-child,.subjects-grid th:first-child{color:#495057;font-weight:600;text-align:left;width:120px}.subjects-grid th{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.5px;min-width:80px;text-transform:uppercase;white-space:nowrap}.subjects-grid th:first-child{color:#fff}.subjects-grid tbody tr{background:#ffffffe6;transition:all .3s ease}.subjects-grid tbody tr:hover{background:#667eea0d;transform:translateY(-1px)}.subjects-grid td{position:relative}.subjects-grid input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #667eea;border-radius:4px;cursor:pointer;height:20px;position:relative;transition:all .3s ease;width:20px}.subjects-grid input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.subjects-grid input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.subjects-grid input[type=checkbox]:hover{border-color:#4c63d2;box-shadow:0 0 0 3px #667eea33}.proof-upload-section{margin-top:1.5rem}.proofs-list{margin-top:.5rem}.proof-item{display:inline-block;margin:16px;position:relative}.proof-image{display:block;height:300px;object-fit:cover;width:300px}.remove-proof-btn{align-items:center;background-color:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;line-height:0;padding:0;position:absolute;right:-5px;top:0;transition:background-color .3s ease;width:40px;z-index:2}.remove-proof-btn:hover{background-color:#d32f2f}.button-row{margin-top:2rem}.edit-btn{background-color:#007bff;font-size:.75rem;padding:.3rem .6rem}.edit-btn:hover{background-color:#0056b3}.action-btn{border:none;border-radius:4px;cursor:pointer;font-size:.75rem;padding:.3rem .6rem;transition:background-color .2s}.action-btn.remove{background-color:#dc3545}.action-btn.remove:hover{background-color:#c82333}.action-btn.edit{background-color:#17a2b8}.action-btn.edit:hover{background-color:#138496}.review-card-header{align-items:center;margin:-32px -32px 24px;padding:24px 32px 20px;width:100%}.left-header{align-items:center}.section-title{color:#333;font-size:1rem;font-weight:600}.edit-link{background:none;border:none;border-radius:4px;color:#007bff;cursor:pointer;font-size:.85rem!important;padding:4px 8px;text-decoration:none;transition:background-color .2s}.edit-link:hover{background-color:#f8f9fa;color:#0056b3;text-decoration:none}.status-badge{border-radius:4px;font-size:.75rem;padding:4px 8px}.status-badge.complete{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.incomplete{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.review-card-content{background-color:#f8f9fa;font-size:1.1rem!important;line-height:1.7!important;margin-top:16px!important;padding:20px 24px!important}.review-card-content div{margin-bottom:16px}.review-card-content strong{color:#495057;font-size:1rem!important;font-weight:600}.review-card-content ul{margin:6px 0}.review-card-content ul li{border-bottom:1px solid #dee2e6;font-size:1.1rem!important;padding:4px 0}.finish-btn{background-color:#28a745;border-radius:6px;font-size:1rem;font-weight:600;margin-top:0;padding:12px 24px;transition:all .2s ease}.finish-btn:hover{background-color:#218838;transform:translateY(-1px)}.celebration-container{bottom:0;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0}.welcome-message{background:#fffffff2;border:2px solid #28a745;border-radius:8px;box-shadow:0 4px 12px #00000026;left:50%;padding:2rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.welcome-message h1{color:#28a745;font-size:2rem;margin:0}.welcome-message p{color:#333;font-size:1.2rem;margin-top:.5rem}@media (max-width:768px){.onboarding-sidebar{padding:1rem .5rem;width:80px}.sidebar-step span:last-of-type{display:none}.sidebar-step{justify-content:center!important;padding:.75rem .5rem!important}.onboarding-sidebar h2{display:none}}.onboarding-content .floating-label-container .styled-select{background:#ffffffe6;border:2px solid #e1e8ed;border-radius:12px;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:1.1rem;margin:0;max-width:none!important;outline:none;padding:18px 20px 8px;transition:all .3s ease;width:100%!important}.onboarding-content .floating-label-container .styled-select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.onboarding-content .floating-label-container .styled-select.error{animation:shake .5s ease-in-out;background-color:#ff6b6b0d!important;border-color:#ff6b6b!important}.onboarding-content .floating-label-container .styled-select option{background:#fff;color:#333;font-size:1.1rem;padding:12px}.form-row{margin-bottom:20px;width:100%}.review-card{background:#ffffffe6!important;border:2px solid #e1e8ed!important;border-radius:16px!important;box-shadow:0 4px 15px #667eea1a!important;margin-bottom:20px!important;padding:32px!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.review-card:hover{border-color:#667eea;box-shadow:0 8px 30px #667eea26;transform:translateY(-2px)}.review-sections-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;margin-bottom:50px;width:100%}.review-sections-grid .review-section-container:nth-child(3){grid-column:1/-1}@media (max-width:992px){.review-sections-grid{gap:16px;grid-template-columns:1fr;grid-template-rows:auto}.review-sections-grid .review-section-container:nth-child(3){grid-column:1}}@media (max-width:768px){.review-sections-grid{gap:12px}.review-card{margin-bottom:16px!important;padding:20px!important}.review-card-header{margin:-20px -20px 16px!important;padding:20px 20px 16px!important;width:calc(100% + 40px)!important}.review-card-content{font-size:1rem;padding:16px!important}.section-title{font-size:1.2rem}.status-badge{font-size:.8rem;padding:8px 16px}}.review-section-container{width:100%}.review-card-header{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-bottom:2px solid #e1e8ed;border-radius:16px 16px 0 0;justify-content:space-between;margin:-32px -32px 24px!important;min-height:60px!important;padding:24px 32px 20px!important;width:calc(100% + 64px)!important}.left-header,.review-card-header{align-items:center!important;display:flex}.left-header{gap:1.2rem;min-height:40px}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700;margin:0}.status-badge{align-items:center!important;border-radius:24px;box-sizing:border-box!important;display:inline-flex!important;font-size:.9rem;font-weight:700;justify-content:center!important;letter-spacing:.6px;min-height:40px!important;padding:10px 20px!important;text-transform:uppercase}.status-badge.complete{background:linear-gradient(135deg,#51cf66,#40c057);border:none;box-shadow:0 2px 8px #51cf664d;color:#fff}.status-badge.incomplete{background:linear-gradient(135deg,#ff6b6b,#f03e3e);border:none;box-shadow:0 2px 8px #ff6b6b4d;color:#fff}.review-card-content{background:linear-gradient(135deg,#667eea05,#764ba205);border:1px solid #667eea1a;border-radius:8px;color:#333;font-size:.9rem;line-height:1.4;margin-top:0;padding:12px}.review-card-content div{border-bottom:1px solid #667eea1a;margin-bottom:8px;padding:4px 0}.review-card-content div:last-child{border-bottom:none;margin-bottom:0}.review-card-content strong{color:#667eea;display:inline-block;font-size:.85rem;font-weight:700;min-width:120px}.review-card-content ul{list-style:none;margin:4px 0;padding:0}.review-card-content ul li{background:#ffffffb3;border-left:3px solid #667eea;border-radius:4px;font-size:.95rem;margin:2px 0;padding:6px 10px;transition:all .3s ease}.review-card-content ul li:hover{background:#667eea0d;transform:translateX(4px)}.review-card-content ul li:last-child{border-bottom:none}.review-card-content p{background:#6c757d1a;border-left:3px solid #6c757d;border-radius:6px;color:#6c757d;font-style:italic;margin:0;padding:12px}.review-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.review-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;flex:1 1;font-size:2rem;font-weight:800;margin:0}.finish-btn{background:linear-gradient(135deg,#51cf66,#40c057);border:none;border-radius:12px;box-shadow:0 6px 20px #51cf664d;color:#fff;cursor:pointer;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:14px 32px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.finish-btn:hover{background:linear-gradient(135deg,#4cc461,#3bb454);box-shadow:0 12px 35px #51cf6666;transform:translateY(-3px)}.finish-btn:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;opacity:.6}.finish-btn:disabled,.finish-btn:disabled:hover{box-shadow:0 4px 12px #6c757d33;transform:none}.clickable-card{cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.clickable-card:hover{border-color:#667eea!important;box-shadow:0 12px 40px #667eea33!important;transform:translateY(-4px)!important}@media (max-width:768px){.form-grid-2col{gap:10px;grid-template-columns:1fr}.onboarding-content .floating-label-container input.short-input{max-width:100%!important;width:100%!important}.review-header{align-items:flex-start;flex-direction:column;gap:15px}.review-header h2{font-size:1.6rem}.finish-btn{align-self:stretch;font-size:1rem;padding:12px 24px;text-align:center}}.subjects-container{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.subject-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:all .3s ease}.subject-card.has-error{background:#dc354505;border-color:#dc3545}.subject-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.subject-header-left{align-items:center;display:flex;gap:.75rem}.expand-btn{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;padding:.25rem;transition:transform .2s ease;width:24px}.expand-btn:hover{background:#667eea1a;border-radius:4px}.subject-card h4{color:#212529;font-family:ClashGrotesk-Semibold,sans-serif;font-size:1.25rem;margin:0}.levels-count{color:#6c757d;font-size:.875rem;font-weight:400}.remove-btn{background:none;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:1.25rem;padding:.25rem .5rem;transition:all .2s ease}.remove-btn:hover{background:#dc35451a;color:#c82333}.subject-card-body{border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem}.levels-section{display:flex;flex-direction:column;gap:.75rem}.section-label{color:#495057;display:block;font-size:.95rem;font-weight:600}.levels-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.level-checkbox-label{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.level-checkbox-label:hover{background:#f0f4ff;border-color:#667eea}.level-checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:18px;width:18px}.level-checkbox-label input[type=checkbox]:checked+span{color:#667eea;font-weight:600}.level-checkbox-label span{color:#495057;flex:1 1}.proof-section{gap:.75rem}.proof-section,.proof-upload-area{display:flex;flex-direction:column}.proof-upload-area{gap:1rem}.upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.upload-btn:hover:not(.uploading){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.upload-btn.uploading{cursor:not-allowed;opacity:.6}.upload-btn.error{background:#fff;border:2px solid #dc3545;color:#dc3545}.proof-preview{border:2px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:150px;overflow:hidden;width:200px}.proof-preview img{height:100%;object-fit:cover;width:100%}.proof-uploading{align-items:center;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;display:flex;font-size:.875rem;height:150px;justify-content:center;width:200px}.field-error{color:#dc3545;font-size:.875rem;font-weight:500;margin:0}.add-subject-section{margin:1rem 0}.add-subject-select{background:#fff;border:2px dashed #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-family:ClashGrotesk-Medium,sans-serif;font-size:1rem;font-weight:600;max-width:300px;padding:.875rem 1rem;transition:all .2s ease;width:100%}.add-subject-select:hover{background:#f0f4ff;border-color:#5568d3}.add-subject-select option[disabled]{color:#667eea}.empty-state{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;margin:2rem 0;padding:3rem 2rem;text-align:center}.empty-state p{color:#6c757d;margin:0}.requirements-note{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;color:#856404;font-size:.9rem;line-height:1.5;margin-top:1rem;padding:1rem}.requirements-note strong{color:#664d03;font-weight:600}.requirements-note em{color:#856404;font-style:italic}@media (max-width:768px){.levels-grid{grid-template-columns:1fr}.add-subject-select{max-width:100%}.subject-card{padding:1rem}}.demo-session-page .onboarding-content{flex:1 1!important;max-width:1600px!important;min-width:900px!important;padding-top:20px!important;width:100%!important}.demo-session-page .onboarding-content h1{margin-bottom:.75rem!important;margin-top:0!important}.demo-session-page .onboarding-main{display:flex!important;flex:1 1!important;width:100%!important}.demo-pending{margin:0;max-width:100%}.demo-booking-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1.5fr 1fr;margin-top:.75rem}.booking-calendar-section{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:1.5rem 2rem}.booking-calendar-section h2{color:#2d3748;font-size:1.35rem;margin-bottom:1rem;margin-top:0}.loading-state{color:#718096;padding:3rem;text-align:center}.spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;height:48px;margin:0 auto 1rem;width:48px}.no-availability{color:#718096;padding:3rem 1rem;text-align:center}.no-availability p{font-size:1.1rem;margin:.5rem 0}.calendar-container{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.75rem;padding:1.25rem 1.5rem}.calendar-header{margin-bottom:1.25rem;text-align:center}.calendar-header h3{color:#2d3748;font-size:1.25rem;font-weight:700;margin:0}.no-slots-notice{color:#e53e3e;font-size:.9rem;font-weight:500;margin:.5rem 0 0}.calendar-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.calendar-day{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.35rem;justify-content:center;min-height:120px;padding:.85rem .5rem;position:relative;transition:all .2s ease}.calendar-day.compact{gap:.25rem}.calendar-day.disabled{background:#f7fafc;border-color:#edf2f7;color:#a0aec0;cursor:not-allowed;opacity:.7}.calendar-day.available{background:#fff;border-color:#667eea;color:#2d3748}.calendar-day.available:hover{background:#f0f4ff;border-color:#667eea;box-shadow:0 6px 14px #667eea33;transform:translateY(-2px)}.calendar-day.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 6px 16px #667eea59;color:#fff}.weekday-label{font-size:.75rem;font-weight:600;letter-spacing:.03em;opacity:.8;text-transform:uppercase}.calendar-day .day-number{font-size:1.45rem;font-weight:700;line-height:1}.month-label{font-size:.85rem;font-weight:500;opacity:.85}.calendar-day .slots-indicator{background:#667eea1f;border-radius:999px;color:#4f5dcf;font-size:.75rem;font-weight:600;padding:.2rem .5rem}.calendar-day.selected .slots-indicator{background:#ffffff40;color:#fff}.calendar-legend{border-top:1px solid #e2e8f0;display:flex;gap:1.25rem;justify-content:center;margin-top:1.25rem;padding-top:.75rem}.calendar-legend.compact{justify-content:flex-start;margin-top:1.5rem;padding-top:.75rem}.calendar-hint{color:#718096;font-size:.85rem;margin-top:.75rem;text-align:left}.legend-item{align-items:center;color:#4a5568;display:flex;font-size:.85rem;gap:.5rem}.legend-color{border:2px solid #e2e8f0;border-radius:4px;height:20px;width:20px}.legend-color.available{background:#fff;border-color:#667eea}.legend-color.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.legend-color.unavailable{background:#f7fafc;border-color:#e2e8f0}.date-selector{margin-bottom:2rem}.date-selector label{color:#2d3748;display:block;font-size:1rem;font-weight:600;margin-bottom:1rem}.date-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.date-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;padding:1rem .5rem;transition:all .2s}.date-btn:hover{background-color:#f7fafc;border-color:#667eea;box-shadow:0 4px 8px #667eea26;transform:translateY(-2px)}.date-btn.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.date-weekday{font-size:.75rem;font-weight:600;opacity:.8;text-transform:uppercase}.date-day{font-size:1.75rem;font-weight:700;margin:.25rem 0}.date-month{font-size:.85rem;opacity:.9}.slots-count{font-size:.7rem;margin-top:.25rem;opacity:.75}.time-slots-section{animation:fadeIn .3s ease-out;margin-bottom:2rem}.time-slots-section label{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left:4px solid #667eea;border-radius:8px;color:#2d3748;display:block;font-size:1.05rem;font-weight:600;margin-bottom:1rem;padding:.75rem}.no-slots{color:#718096;font-style:italic;padding:2rem;text-align:center}.time-slots-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:1.5rem}.time-slot-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;padding:1rem .75rem;transition:all .2s}.time-slot-btn:hover{background-color:#f7fafc;border-color:#667eea;box-shadow:0 4px 8px #667eea26;transform:translateY(-2px)}.time-slot-btn.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.time-slot-btn .time{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.time-slot-btn .capacity-badge{background:#fff3;border-radius:8px;font-size:.7rem;margin-top:.25rem;opacity:.8;padding:.15rem .5rem;text-align:center}.time-slot-btn.selected .capacity-badge{background:#ffffff4d}.time-slot-btn .admin-name{font-size:.75rem;opacity:.8;text-align:center}.btn-book-demo{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-family:inherit;font-size:1.15rem;font-weight:700;padding:1.25rem;transition:all .3s;width:100%}.btn-book-demo:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-book-demo:disabled{cursor:not-allowed;opacity:.6;transform:none}.booking-info-section{grid-gap:1.25rem;align-content:start;display:grid;gap:1.25rem;grid-template-columns:1fr}.info-card{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:1.25rem 1.5rem;transition:all .3s ease}.info-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(2px)}.info-card.tips{border-left-color:#38ef7d}.info-card h3{color:#2d3748;font-size:1.05rem;font-weight:700;margin-bottom:.85rem;margin-top:0}.info-card ul{margin:0;padding-left:1.25rem}.info-card li{color:#4a5568;font-size:.9rem;line-height:1.45;margin-bottom:.65rem}.info-card li:last-child{margin-bottom:0}.demo-success{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin:2rem 0;padding:3rem;text-align:center}.demo-success .success-icon{display:block;font-size:4rem;margin-bottom:1rem}.demo-success h2{font-size:2rem;margin:1rem 0}.demo-success p{font-size:1.1rem;margin:.5rem 0;opacity:.9}.demo-info-card,.feedback-card,.focus-areas-card,.next-steps-card,.reminder-card,.retry-info-card,.scores-card,.session-details-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.demo-info-card h2{color:#667eea;margin-bottom:1rem;margin-top:0}.demo-criteria,.demo-tips{margin-top:1.5rem}.demo-criteria h3,.demo-tips h3,.feedback-card h3,.focus-areas-card h3,.next-steps-card h3,.reminder-card h3,.retry-info-card h3{color:#333;font-size:1.2rem;margin-bottom:.75rem}.demo-criteria ul,.demo-tips ul,.focus-areas-card ul,.next-steps-card ol,.reminder-card ul{padding-left:1.5rem}.demo-criteria li,.demo-tips li,.focus-areas-card li,.next-steps-card li,.reminder-card li{line-height:1.6;margin-bottom:.75rem}.demo-booking-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.demo-booking-form h3{color:#333;margin-bottom:1.5rem;margin-top:0}.form-group label{color:#333;margin-bottom:.5rem}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none}.status-banner{align-items:center;border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.status-banner.success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.status-banner.warning{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.status-banner.success-large{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 12px #28a7454d;color:#fff!important;flex-direction:column;padding:1.5rem 2rem;text-align:center}.status-icon-large{font-size:3rem;margin-bottom:.5rem}.status-banner.success-large h2{color:#fff!important;font-size:1.5rem;margin:0 0 .5rem;text-shadow:0 2px 4px #0003}.status-banner.success-large p{color:#fff!important;margin:0;opacity:1;text-shadow:0 1px 3px #0003}.status-banner h2{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.status-banner p{color:#fff;margin:0;opacity:.95}.detail-row{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:1rem 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#666;font-weight:600}.detail-value{color:#333;font-weight:500}.countdown-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-top:2rem;padding:1.5rem;text-align:center}.countdown-label{font-size:1rem;margin:0 0 .5rem;opacity:.9}.countdown-value{font-size:2.5rem;font-weight:700;margin:0}.join-section{margin:2rem 0;text-align:center}.btn-join{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:600;padding:1.25rem 3rem;transition:all .3s}.btn-join:hover:not(:disabled){box-shadow:0 6px 20px #667eea66}.session-details-compact{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.detail-row-inline{align-items:center;display:flex;flex-wrap:wrap;font-size:1rem;gap:.5rem;justify-content:center}.detail-row-inline .detail-label{font-size:1.1rem}.detail-row-inline .detail-value{color:#2d3748;font-weight:600}.detail-separator{color:#cbd5e0;font-weight:400}.countdown-compact{border-top:1px solid #e2e8f0;margin-top:.75rem;padding-top:.75rem;text-align:center}.countdown-compact .countdown-label{color:#667eea;font-size:.95rem;font-weight:600;margin:0}.action-section{margin:1.5rem 0;text-align:center}.btn-join-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;max-width:400px;padding:1rem 2.5rem;transition:all .25s;width:100%}.btn-join-primary:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-join-disabled{background:#e2e8f0;border:none;border-radius:10px;color:#a0aec0;cursor:not-allowed;font-size:1.1rem;font-weight:600;max-width:400px;padding:1rem 2.5rem;width:100%}.join-hint-compact{color:#718096;font-size:.85rem;margin:.5rem 0 0}.reminder-compact{background:#f7fafc;border-left:4px solid #667eea;border-radius:8px;color:#4a5568;font-size:.9rem;margin-top:1.5rem;padding:1rem 1.25rem}.reminder-compact strong{color:#2d3748;display:block;margin-bottom:.25rem}@media (max-width:1600px){.demo-session-page .onboarding-content{max-width:1400px!important}}@media (max-width:1400px){.demo-session-page .onboarding-content{max-width:1200px!important}}@media (max-width:1200px){.demo-session-page .onboarding-content{max-width:1000px!important;min-width:700px!important}.demo-booking-grid{gap:1.5rem}}@media (max-width:1024px){.demo-session-page .onboarding-content{min-width:600px!important}.demo-booking-grid{grid-template-columns:1fr}.booking-info-section{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.demo-session-page .onboarding-content{min-width:400px!important}.booking-calendar-section{padding:1.5rem}.date-buttons{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.booking-info-section{gap:1rem;grid-template-columns:1fr}.scores-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.demo-session-page .onboarding-content{margin:10px;min-width:100%!important;padding:15px}.demo-booking-grid{gap:1rem}.booking-calendar-section{padding:1rem}.date-buttons{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.date-btn{padding:.75rem .25rem}.date-day{font-size:1.5rem}.time-slots-grid{gap:.5rem;grid-template-columns:1fr 1fr}.time-slot-btn{padding:.75rem .5rem}.info-card{padding:1rem}.scores-grid{grid-template-columns:1fr}}.btn-join:hover:not(:disabled){box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.btn-join:disabled{cursor:not-allowed;opacity:.5}.join-hint{color:#666;font-size:.9rem;margin-top:1rem}.scores-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.overall-score{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:2rem;text-align:center}.score-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px #667eea66;color:#fff;display:flex;flex-direction:column;height:150px;justify-content:center;margin:0 auto 1rem;width:150px}.score-circle.moderate{background:linear-gradient(135deg,#f093fb,#f5576c)}.score-value{font-size:3rem;font-weight:700;line-height:1}.score-max{font-size:1.2rem;opacity:.9}.overall-score p{color:#666;font-size:1.1rem;font-weight:600;margin:0}.individual-scores{display:flex;flex-direction:column;gap:1.5rem}.score-bar-container{width:100%}.score-bar-label{color:#333;display:flex;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.score-bar-value{color:#667eea}.score-bar-track{background:#f0f0f0;border-radius:6px;height:12px;overflow:hidden}.score-bar-fill{border-radius:6px;height:100%;transition:width .5s ease}.score-bar-fill.high{background:linear-gradient(90deg,#11998e,#38ef7d)}.score-bar-fill.medium{background:linear-gradient(90deg,#f093fb,#f5576c)}.score-bar-fill.low{background:linear-gradient(90deg,#ff6b6b,#ee5a6f)}.feedback-card{background:#f8f9fa;border-left:4px solid #667eea}.feedback-text{color:#333;line-height:1.8;margin:0;white-space:pre-wrap}.next-steps-card ol{counter-reset:step-counter;list-style:none;padding-left:0}.next-steps-card li{counter-increment:step-counter;margin-bottom:1rem;padding-left:3rem;position:relative}.next-steps-card li:before{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-weight:700;height:2rem;justify-content:center;left:0;position:absolute;top:0;width:2rem}.btn-complete-onboarding{background:linear-gradient(135deg,#11998e,#38ef7d);border:none;border-radius:50px;box-shadow:0 4px 15px #11998e66;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:600;margin-top:2rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;width:100%}.btn-complete-onboarding:hover:not(:disabled){box-shadow:0 6px 20px #11998e99;transform:translateY(-2px)}.btn-complete-onboarding:disabled{cursor:not-allowed;opacity:.5}.retry-available{color:#11998e;font-size:1.1rem;font-weight:600}.retry-date{color:#667eea;font-size:1.3rem;font-weight:700;margin:1rem 0}.retry-count{color:#666;font-style:italic}.encouragement{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin-top:2rem;padding:1rem}.encouragement p{color:#856404;line-height:1.6;margin:0}@media (max-width:768px){.demo-failed,.demo-passed,.demo-pending,.demo-scheduled{padding:1rem}.demo-booking-form,.demo-info-card,.scores-card,.session-details-card{padding:1.5rem}.countdown-value{font-size:2rem}.btn-complete-onboarding,.btn-join{font-size:1.1rem;padding:1rem 2rem}.score-circle{height:120px;width:120px}.score-value{font-size:2.5rem}}.tutor-signup-page{align-items:center;background:#f9f7f3;display:flex;flex-direction:column;font-family:ClashGrotesk-Regular,sans-serif;justify-content:flex-start;margin-top:0;min-height:calc(100vh - 60px);overflow-x:hidden;padding:40px 15px;position:relative;z-index:1}.signup-container{max-width:600px;width:100%}.signup-card{animation:slideUp .5s ease-out;background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:40px;position:relative;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 1.5rem;width:50px}.signup-header{margin-bottom:30px;text-align:center}.signup-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-family:ClashGrotesk-Bold,sans-serif;font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:10px}.signup-header p{color:#6c757d;font-size:1.05rem;margin:0}.applicant-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;margin-bottom:30px;padding:20px}.info-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.info-row:last-child{margin-bottom:0}.info-label{color:#495057;font-size:.95rem}.info-value{color:#212529;font-weight:500}.form-group,.signup-form{margin-bottom:25px}.form-group label{color:#212529;display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.form-group input{background:#ffffffe6;border:2px solid #e1e8ed;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:1.05rem;outline:none;padding:18px 20px;transition:all .3s ease;width:100%}.form-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.password-strength{align-items:center;display:flex;gap:.75rem;margin-top:.75rem}.strength-bar{background:#e0e0e0;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.strength-fill{border-radius:3px;height:100%;transition:width .3s,background-color .3s}.strength-fill.strength-0,.strength-fill.strength-1{background:linear-gradient(90deg,#e74c3c,#c0392b)}.strength-fill.strength-2{background:linear-gradient(90deg,#f39c12,#e67e22)}.strength-fill.strength-3{background:linear-gradient(90deg,#f1c40f,#f39c12)}.strength-fill.strength-4,.strength-fill.strength-5{background:linear-gradient(90deg,#27ae60,#229954)}.strength-label{font-size:.875rem;font-weight:600;min-width:60px;text-align:right}.strength-label.strength-0,.strength-label.strength-1{color:#e74c3c}.strength-label.strength-2{color:#f39c12}.strength-label.strength-3{color:#f1c40f}.strength-label.strength-4,.strength-label.strength-5{color:#27ae60}.password-requirements{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-top:15px;padding:15px}.password-requirements p{color:#495057;font-size:.9rem;font-weight:600;margin-bottom:8px}.password-requirements ul{list-style:none;margin:0;padding:0}.password-requirements li{color:#6c757d;font-size:.875rem;padding:6px 0 6px 24px;position:relative}.password-requirements li:before{color:#ced4da;content:"○";font-weight:700;left:0;position:absolute}.password-requirements li.met{color:#28a745;font-weight:500}.password-requirements li.met:before{color:#28a745;content:"✓"}.password-match{font-size:.875rem;font-weight:500;margin-top:.5rem}.match-success{color:#27ae60}.match-error{color:#e74c3c}.form-error{background:#f8d7da;border-left:4px solid #dc3545;border-radius:8px;color:#721c24;font-size:.95rem;line-height:1.5;margin-bottom:25px;padding:15px}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #667eea66}.btn-submit:disabled{opacity:.5}.signup-footer{border-top:1px solid #e9ecef;margin-top:10px;padding-top:20px;text-align:center}.signup-footer p{color:#6c757d;font-size:.95rem;margin:0}.signup-footer a{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s}.signup-footer a:hover{color:#764ba2;text-decoration:underline}.error-card{text-align:center}.error-icon{animation:shake .5s;font-size:4rem;margin-bottom:1rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-card h2{color:#e74c3c;margin-bottom:1rem}.error-message{color:#666;line-height:1.6;margin-bottom:2rem}.error-actions{display:flex;flex-direction:column;gap:1rem}.btn-primary,.btn-secondary{border-radius:8px;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;text-align:center;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#f8f9fa;transform:translateY(-2px)}.success-card{text-align:center}.success-icon{align-items:center;animation:scaleIn .5s ease-out;background:linear-gradient(135deg,#27ae60,#229954);border-radius:50%;color:#fff;display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.success-card h2{color:#27ae60;margin-bottom:1rem}.success-card p{color:#666;font-size:1rem;line-height:1.6;margin-bottom:.5rem}.loading-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background:#667eea;border-radius:50%;height:12px;width:12px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width:768px){.tutor-signup-page{padding:1rem}.signup-card{padding:1.75rem}.signup-header h1{font-size:1.75rem}.btn-submit{font-size:1rem}.error-actions{flex-direction:column}}@media (max-width:480px){.signup-card{padding:1.5rem}.signup-header h1{font-size:1.5rem}.info-row{align-items:flex-start;flex-direction:column;gap:.25rem}}.consent-group{margin-bottom:24px;margin-top:24px}.consent-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.consent-label{align-items:flex-start!important;cursor:pointer;display:flex!important;gap:20px!important;line-height:1.6;margin-bottom:16px}.consent-label:last-child{margin-bottom:0}.consent-label input[type=checkbox]{accent-color:#667eea!important;cursor:pointer;flex-shrink:0!important;height:18px;margin-right:20px!important;margin-top:3px;width:18px}.consent-label span{flex:1 1}.consent-label a{color:#667eea;text-decoration:underline}.consent-label a:hover{color:#5568d3}.consent-label.marketing span{color:#666;font-size:.95rem}.consent-label .required{color:#ef4444}.marketing-info-box{align-items:flex-start;background:#f0f4ff;border:1px solid #d1dff7;border-radius:6px;color:#4a5568;display:flex;font-size:.9rem;gap:12px;line-height:1.5;padding:12px}.marketing-info-box .info-icon{flex-shrink:0;font-size:1.1rem}.marketing-info-box span:last-child{flex:1 1}.pre-application-page{align-items:center;background:#f9f7f3;display:flex;flex-direction:column;font-family:ClashGrotesk-Regular,sans-serif;justify-content:flex-start;margin-top:0;min-height:calc(100vh - 60px);overflow-x:hidden;padding:10px 15px;position:relative;z-index:1}.application-container{margin:0 auto;max-width:1000px;width:100%}.application-card{animation:fadeIn .6s ease-out;background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:40px;position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.application-header{border-bottom:2px solid #e9ecef;margin-bottom:40px;padding:0!important;text-align:center}.application-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-family:ClashGrotesk-Bold,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:10px}.application-header p{color:#6c757d;font-size:1.125rem;margin:0}.form-section{background-color:#fff!important;margin-bottom:35px}.form-section h2{border-bottom:2px solid #667eea;color:#212529;font-family:ClashGrotesk-Semibold,sans-serif;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.form-group{margin-bottom:1.5rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:0}.form-group>label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem}.form-group .required{color:#e74c3c}.form-group .optional{color:#999;font-size:.9rem;font-weight:400}.floating-label-container{margin-bottom:1.5rem;position:relative}.floating-label-container input,.floating-label-container textarea{background-color:#fff!important;border:2px solid #e1e8ed!important;border-radius:12px!important;box-shadow:0 2px 4px #0000000d!important;box-sizing:border-box!important;font-family:ClashGrotesk-Regular,sans-serif!important;font-size:16px!important;outline:none!important;padding:20px 16px 8px!important;transition:all .3s ease!important;width:100%!important}.floating-label-container textarea{min-height:120px;padding-top:24px!important;resize:vertical}.floating-label-container input:focus,.floating-label-container textarea:focus{background:#fff!important;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.floating-label-container input:disabled,.floating-label-container textarea:disabled{background-color:#fff!important;border-color:#e9ecef!important;color:#6c757d!important;cursor:not-allowed!important}.floating-label-container label{background-color:#fff!important;color:#666!important;font-family:ClashGrotesk-Medium,sans-serif!important;font-size:16px!important;left:16px!important;padding:0 4px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;transition:all .3s ease!important;z-index:1!important}.floating-label-container textarea+label{top:32px!important;transform:translateY(0)!important}.floating-label-container input:focus+label,.floating-label-container input:not(:placeholder-shown)+label,.floating-label-container textarea:focus+label,.floating-label-container textarea:not(:placeholder-shown)+label{color:#667eea!important;font-size:12px!important;font-weight:600!important;top:0!important;transform:translateY(-50%)!important}.floating-label-container input:disabled+label,.floating-label-container textarea:disabled+label{color:#6c757d!important}.floating-label-container input.error,.floating-label-container textarea.error{background-color:#dc35450d!important;border-color:#dc3545!important}.floating-label-container .field-help{color:#777;display:block;font-size:.85rem;line-height:1.4;margin-top:.5rem}.floating-label-container .char-counter{margin-top:.5rem;text-align:right}.floating-label-container .error-text{color:#e74c3c;display:block;font-size:.875rem;font-weight:500;margin-top:.5rem}.optional{color:#999;font-size:.9rem;font-weight:400}.field-help{color:#777;font-size:.9rem;line-height:1.5;margin-bottom:.75rem}.form-group>input:not(.floating-label-container input),.form-group>select,.form-group>textarea:not(.floating-label-container textarea){background:#ffffffe6;border:2px solid #e1e8ed;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:1.05rem;outline:none;padding:18px 20px;transition:all .3s ease;width:100%}.form-group>input:not(.floating-label-container input):focus,.form-group>select:focus,.form-group>textarea:not(.floating-label-container textarea):focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group>input.error:not(.floating-label-container input),.form-group>select.error,.form-group>textarea.error:not(.floating-label-container textarea){border-color:#dc3545}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#fff;cursor:not-allowed;opacity:.6}.form-group textarea{min-height:120px;resize:vertical}.error-text{color:#e74c3c;display:block;font-size:.875rem;font-weight:500;margin-top:.5rem}.subjects-grid{grid-gap:.85rem;align-items:center;background:#0000!important;border:none!important;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));justify-items:center;margin-top:1rem;padding:0!important}.subject-checkbox{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#333;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:center;margin:0!important;min-height:48px;padding:.85rem 1.25rem;position:relative;text-align:center;transition:all .3s ease;width:100%}.subject-checkbox:hover{background:#f8f9fa;border-color:#667eea;box-shadow:0 4px 8px #667eea26}.subject-checkbox input[type=checkbox]{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.subject-checkbox input[type=checkbox]:checked~span{color:#fff}.subject-checkbox input[type=checkbox]:checked+span:before{content:"✓ ";font-weight:700;margin-right:.35rem}.subject-checkbox:has(input[type=checkbox]:checked){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.subject-checkbox:has(input[type=checkbox]:checked):hover{box-shadow:0 6px 16px #667eea66}.subject-checkbox input[type=checkbox]:disabled{cursor:not-allowed}.subject-checkbox:has(input[type=checkbox]:disabled){cursor:not-allowed;opacity:.5}.subject-checkbox span{color:inherit;font-size:.95rem;font-weight:500;line-height:1.3;max-width:100%;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;z-index:1}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-family:ClashGrotesk-Medium,sans-serif;font-size:1.15rem;font-weight:700;margin-top:30px;padding:18px;transition:all .3s ease;width:100%}.btn-submit:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.submit-error{background:#fee;border-left:4px solid #e74c3c;border-radius:8px;color:#c33;font-size:.95rem;line-height:1.5;margin-bottom:2rem;padding:1.125rem}.application-footer{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:2rem;text-align:center}.application-footer p{color:#666;font-size:1rem}.application-footer a{color:#667eea;font-weight:600;text-decoration:none}.application-footer a:hover{text-decoration:underline}.success-message-card{animation:scaleIn .6s ease-out;background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;gap:2rem;max-width:100%;padding:40px;width:100%}.success-top-row{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr auto;text-align:left}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-icon-large{align-items:center;animation:bounceIn .6s ease-out;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;box-shadow:0 4px 15px #28a7454d;color:#fff;display:flex;flex-shrink:0;font-size:3rem;height:80px;justify-content:center;width:80px}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-message-card h1{color:#28a745;font-family:ClashGrotesk-Bold,sans-serif;font-size:1.75rem;margin-bottom:10px;margin-top:0}.success-text{color:#495057;font-size:1.125rem;line-height:1.5;margin-bottom:15px}.success-detail{color:#6c757d;font-size:.95rem;line-height:1.5;margin-bottom:10px}.success-detail strong{color:#212529;font-weight:600}.next-steps-box{background:#f8f9fa;border:2px solid #e1e8ed;border-radius:12px;margin:0;padding:1.5rem;text-align:left;width:100%}.next-steps-box h3{color:#333;font-size:1.125rem;margin-bottom:1rem;margin-top:0}.next-steps-box ol{grid-gap:1rem;counter-reset:step-counter;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0}.next-steps-box li{color:#555;counter-increment:step-counter;font-size:.95rem;line-height:1.4;padding:.75rem 0 .75rem 2.5rem;position:relative}.next-steps-box li:before{align-items:center;border-radius:50%;content:counter(step-counter);display:flex;font-size:.85rem;height:28px;justify-content:center;left:0;position:absolute;top:.5rem;width:28px}.btn-home,.next-steps-box li:before{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700}.btn-home{border-radius:12px;box-shadow:0 4px 15px #667eea4d;display:inline-block;font-family:ClashGrotesk-Medium,sans-serif;font-size:1rem;margin-top:10px;padding:14px 32px;text-decoration:none;transition:all .3s ease}.btn-home:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.pre-application-page{padding:2rem 1rem}.application-card,.success-message-card{padding:2rem}.success-top-row{gap:1.5rem;grid-template-columns:1fr;text-align:center}.success-icon-large{margin:0 auto}.next-steps-box ol{grid-template-columns:1fr}.application-header h1{font-size:2rem}.application-header p{font-size:1rem}.form-row{gap:1rem;grid-template-columns:1fr}.subjects-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.form-section h2{font-size:1.25rem}.next-steps-box{padding:1.5rem}.next-steps-box li{font-size:.95rem;padding-left:2.5rem}.next-steps-box li:before{font-size:.85rem;height:28px;width:28px}}@media (max-width:480px){.application-card,.success-message-card{padding:1.5rem}.application-header h1,.success-message-card h1{font-size:1.75rem}.success-icon-large{font-size:3rem;height:80px;width:80px}.subjects-grid{grid-template-columns:1fr}}.university-search-container{position:relative;width:100%}.floating-label-container .university-search-container input{width:100%!important}.university-dropdown{animation:slideDown .2s ease-out;background:#fff;border:2px solid #667eea;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 4px 12px #00000026;left:0;margin-top:-2px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.university-option{border-bottom:1px solid #e9ecef;cursor:pointer;padding:12px 16px;transition:background-color .2s}.university-option:last-child{border-bottom:none}.university-option.highlighted,.university-option:hover{background-color:#f0f4ff}.university-name{color:#212529;font-size:.95rem;font-weight:600}.university-short{color:#6c757d;font-size:.85rem;margin-top:2px}.email-toggle{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;margin:1.5rem 0;padding:1rem}.toggle-label{align-items:center;color:#212529;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px}.toggle-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.toggle-help{color:#6c757d;font-size:.875rem;font-style:italic;margin:.5rem 0 0 32px}.email-builder-label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem;text-align:left}.email-builder{align-items:center;background:#fff;border:2px solid #e1e8ed;border-radius:12px;display:flex;overflow:hidden;padding:0;transition:all .3s ease}.email-builder:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.email-builder input{background:#0000!important;flex:1 1;font-family:ClashGrotesk-Regular,sans-serif!important;font-size:1.05rem!important;margin:0!important;outline:none!important;padding:18px 16px!important}.email-builder input,.email-builder input:focus{border:none!important;box-shadow:none!important}.email-at{color:#667eea;font-weight:600;padding:0 4px}.email-at,.email-domain{flex-shrink:0;font-size:1.05rem}.email-domain{background:#fff;border-left:1px solid #e1e8ed;color:#555;font-weight:500;padding:18px 16px}.email-builder input.error{background-color:#fff5f5;border-color:#dc3545}.email-builder.error{border-color:#dc3545}@media (max-width:968px){.application-container{max-width:800px}.application-card{padding:40px}}@media (max-width:768px){.application-container{max-width:100%}.application-card{border-radius:15px;padding:30px 20px}.application-header h1{font-size:2rem}.form-row{gap:1rem;grid-template-columns:1fr}.form-section{margin-bottom:30px}.form-section h2{font-size:1.35rem}.subjects-grid{gap:.75rem;grid-template-columns:1fr}}@media (max-width:480px){.pre-application-page{padding:20px 10px}.application-card{padding:25px 15px}.application-header{margin-bottom:30px;padding-bottom:20px}.application-header h1{font-size:1.75rem}.form-group input,.form-group select,.form-group textarea{font-size:1rem;padding:14px 16px}}.review-page{font-family:system-ui,sans-serif;margin:50px auto;max-width:960px;padding:0 20px}.review-page__title{font-size:1.8rem;line-height:1.3;margin-bottom:1.8rem}.section-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));list-style:none;margin:0 0 40px;padding:0}.section-card{background:#fff;border-radius:14px;box-shadow:0 6px 18px #0000000f;padding:26px 22px 70px;position:relative;text-align:center;transition:transform .16s ease,box-shadow .16s ease}.section-card:hover{transform:translateY(-4px)}.section-card__title{font-size:1.05rem;font-weight:600;margin:0 0 12px}.status-pill{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;padding:3px 10px}.status-pill--approved{background:#22c55e;color:#fff}.status-pill--pending{background:#2563eb;color:#fff}.status-pill--waiting{background:#d1d5db;color:#374151}.section-card__btn{border:none;border-radius:9999px;bottom:20px;cursor:pointer;font-size:.85rem;font-weight:600;left:50%;padding:8px 24px;position:absolute;transform:translateX(-50%);transition:background .15s}.section-card__btn:not([disabled]){background:#2563eb;color:#fff}.section-card__btn:not([disabled]):hover{background:#1e4fd1}.section-card__btn[disabled]{background:#e5e7eb;color:#6b7280;cursor:default}.section-card--approved{border-top:6px solid #22c55e}.section-card--pending{border-top:6px solid #2563eb}.section-card--waiting{border-top:6px solid #9ca3af}.section-card--pending:hover{box-shadow:0 10px 24px #00000014}.section-card--approved:hover,.section-card--waiting:hover{transform:none}.btn-group{display:flex;gap:8px;justify-content:center}.section-card__btn--primary{background:#2563eb;color:#fff}.section-card__btn--primary:hover{background:#1e4fd1}.section-card__btn--ghost{background:#f3f4f6;color:#374151}.section-card__btn--ghost:hover{background:#e5e7eb}.changed{background:#fef3c7;outline:2px solid #f59e0b}.compare-columns{display:flex;flex-direction:column;gap:24px}@media (min-width:768px){.compare-columns{flex-direction:row}}.compare-column{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1 1;max-height:80vh;min-width:0;overflow-y:auto;padding:16px}.compare-column h3{font-weight:600;margin-bottom:12px}.document-image-frame{align-items:center;background:#f1f1f1;border:1px solid #d1d5db;border-radius:8px;display:flex;height:150px;justify-content:center;margin-top:8px;overflow:hidden;width:200px}.document-image-frame img{height:100%;object-fit:cover;width:100%}.applications-dashboard{margin:0 auto;max-width:1400px;padding:2rem}.applications-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:1rem;margin-bottom:2rem}.applications-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.applications-table{border-collapse:collapse;width:100%}.applications-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.applications-table th{font-size:.95rem;font-weight:600;padding:1rem;text-align:left}.applications-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.applications-table tbody tr:hover{background:#f8f9fa}.applications-table td{color:#333;font-size:.95rem;padding:1rem}.subjects-cell{display:flex;flex-wrap:wrap;gap:.375rem}.subject-badge{background:#e9ecef;border-radius:12px;color:#555;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .625rem}.subject-badge.more{background:#667eea;color:#fff}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.subjects-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.subject-tag{background:linear-gradient(135deg,#667eea,#764ba2)}.level-tag,.subject-tag{border-radius:16px;color:#fff;font-size:.9rem;font-weight:500;padding:.375rem .875rem}.level-tag{background:linear-gradient(135deg,#28a745,#20c997)}.text-content{word-wrap:break-word;background:#f8f9fa;border-left:4px solid #667eea;color:#555;line-height:1.6;max-width:100%;overflow-wrap:break-word;white-space:pre-wrap}.rejection-section,.text-content{border-radius:8px;padding:1.25rem}.rejection-section{background:#fff5f5;margin-top:2rem}.rejection-section h3{border-bottom-color:#e74c3c}.rejection-text{background:#fff;border-left-color:#e74c3c}.warning-banner{align-items:flex-start;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:10px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.25rem}.warning-banner.deletion-warning{background:linear-gradient(135deg,#ffe5e5,#fcc);border:2px solid #dc3545}.warning-banner.deletion-warning .warning-content p,.warning-banner.deletion-warning .warning-content strong{color:#721c24}.warning-icon{flex-shrink:0;font-size:1.75rem}.warning-content{flex:1 1}.warning-content strong{color:#856404;display:block;font-size:1.125rem;margin-bottom:.5rem}.warning-content p{color:#856404;font-size:.95rem;margin:.25rem 0}.deletion-details,.rejection-details{cursor:pointer;margin-top:.75rem}.deletion-details summary,.rejection-details summary{align-items:center;color:#667eea;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;list-style:none}.deletion-details summary::-webkit-details-marker,.rejection-details summary::-webkit-details-marker{display:none}.deletion-details summary:before,.rejection-details summary:before{content:"▶";font-size:.75rem;transition:transform .2s}.deletion-details[open] summary:before,.rejection-details[open] summary:before{transform:rotate(90deg)}.deletion-info,.previous-reason{background:#fff;border-left:3px solid #e74c3c;border-radius:4px;color:#555;font-size:.9rem;line-height:1.5;margin-top:.75rem;padding:1rem}.deletion-info p{color:#555;margin:.5rem 0}.deletion-info strong{color:#333;font-weight:600}.deletion-history,.rejection-history{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.deletion-entry,.rejection-entry{background:#fff;border-left:4px solid #dc3545;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1rem}.rejection-entry{border-left-color:#ffc107}.deletion-header,.rejection-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.deletion-header strong,.rejection-header strong{color:#dc3545;font-size:1rem;font-weight:600}.rejection-header strong{color:#856404}.deletion-date,.rejection-date{color:#6c757d;font-size:.85rem;font-weight:400}.deletion-info,.rejection-info{background:#0000;border-left:none;padding:0}.deletion-info p,.rejection-info p{color:#555;font-size:.9rem;line-height:1.5;margin:.4rem 0}.deletion-info strong,.rejection-info strong{color:#333;font-weight:600}.modal-footer{display:flex;gap:1rem;justify-content:flex-end}.btn-approve{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.75rem;transition:transform .2s,box-shadow .2s}.btn-approve:hover:not(:disabled){box-shadow:0 6px 20px #27ae6066;transform:translateY(-2px)}.btn-approve:disabled{cursor:not-allowed;opacity:.6}.btn-reject-toggle{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.75rem;transition:transform .2s,box-shadow .2s}.btn-reject-toggle:hover:not(:disabled){box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}.btn-reject-toggle:disabled{cursor:not-allowed;opacity:.6}.reject-form{width:100%}.reject-form label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.required{color:#e74c3c}.reject-form textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;min-height:100px;padding:.875rem;resize:vertical;transition:border-color .3s;width:100%}.reject-form textarea:focus{border-color:#e74c3c;outline:none}.reject-form textarea:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.char-counter{margin-bottom:1rem}.char-counter span.met{color:#27ae60}.reject-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-reject-confirm{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.75rem;transition:transform .2s,box-shadow .2s}.btn-reject-confirm:hover:not(:disabled){box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}.btn-reject-confirm:disabled{cursor:not-allowed;opacity:.5}.btn-cancel{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.75rem;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#f8f9fa;border-color:#999}.btn-cancel:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.applications-dashboard{padding:1rem}.dashboard-header h1{font-size:1.5rem}.applications-tabs{gap:.5rem}.tab-button{font-size:.9rem;padding:.75rem 1rem}.applications-table-wrapper{overflow-x:auto}.applications-table{min-width:800px}.modal-content{max-height:95vh}.modal-body,.modal-footer,.modal-header{padding:1.25rem}.modal-header h2{font-size:1.5rem}.info-grid{grid-template-columns:1fr}.modal-footer,.reject-actions{flex-direction:column}}@media (max-width:480px){.applications-table{font-size:.85rem}.applications-table td,.applications-table th{padding:.75rem .5rem}.btn-view{font-size:.85rem;padding:.375rem .875rem}}.token-status-section{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:10px;padding:1.5rem}.token-status-section h3{border-bottom-color:#2196f3;color:#1976d2}.token-status-content{display:flex;flex-direction:column;gap:1rem}.token-status-info{flex:1 1}.status-badge{border-radius:20px;display:inline-block;font-size:.95rem;font-weight:600;margin-bottom:.75rem;padding:.5rem 1rem}.status-badge.valid{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.status-badge.expiring-soon{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.status-badge.expired{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.status-badge.delivered{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge.failed{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.status-badge.pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.status-message{color:#555;font-size:.95rem;line-height:1.5;margin:.5rem 0}.status-message.error{color:#dc2626;font-weight:500}.regeneration-info{color:#666;font-size:.875rem;font-style:italic;margin-top:.5rem}.email-status-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #3b82f6;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.email-status-section h3{border-bottom-color:#3b82f6;color:#1e40af}.email-status-content{display:flex;flex-direction:column;gap:1rem}.btn-retry-email{align-self:flex-start;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;max-width:250px;padding:.875rem 1.75rem;transition:transform .2s,box-shadow .2s}.btn-retry-email:hover:not(:disabled){box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.btn-retry-email:disabled{cursor:not-allowed;opacity:.6}.btn-resend-link{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;max-width:250px;padding:.875rem 1.75rem;transition:transform .2s,box-shadow .2s;width:100%}.btn-resend-link:hover:not(:disabled){box-shadow:0 6px 20px #2196f366;transform:translateY(-2px)}.btn-resend-link:disabled{cursor:not-allowed;opacity:.6}.success-section{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:10px;padding:1.5rem}.success-section h3{border-bottom-color:#28a745;color:#155724}.success-message{color:#155724;font-size:.95rem;line-height:1.5;margin:.5rem 0 0}.demo-reviews-dashboard{margin:0 auto;max-width:1400px;padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:#333;font-size:2rem;margin-bottom:.5rem}.dashboard-header p{color:#666;font-size:1rem}.reviews-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:1rem;margin-bottom:2rem}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;position:relative;transition:all .3s}.tab-button:hover{color:#667eea}.tab-button.active{border-bottom-color:#667eea;color:#667eea}.tab-badge{background:#667eea;border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;margin-left:.5rem;padding:.25rem .625rem}.search-bar{margin-bottom:1.5rem}.search-bar input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;max-width:400px;padding:.875rem 1.125rem;transition:border-color .3s,box-shadow .3s;width:100%}.search-bar input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.empty-state,.loading-state{padding:4rem 2rem;text-align:center}.spinner{margin:0 auto 1.5rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#555;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:#777;font-size:1rem}.reviews-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.reviews-table{border-collapse:collapse;width:100%}.reviews-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.reviews-table th{font-size:.95rem;font-weight:600;padding:1rem;text-align:left}.reviews-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.reviews-table tbody tr:hover{background:#f8f9fa}.reviews-table td{color:#333;font-size:.95rem;padding:1rem}.name-cell,.result-badge{font-weight:600}.result-badge{border-radius:16px;display:inline-block;font-size:.85rem;padding:.375rem .875rem}.result-badge.pass{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.result-badge.fail{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}.score-display{font-size:1rem;font-weight:700}.score-display.score-high{color:#28a745}.score-display.score-medium{color:#ffc107}.score-display.score-low{color:#dc3545}.btn-view{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:transform .2s,box-shadow .2s}.btn-view:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content-large{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h2{color:#333;font-size:1.75rem;margin:0}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:2rem;height:36px;line-height:1;padding:0;transition:color .2s;width:36px}.modal-close:hover{color:#333}.modal-body{padding:2rem}.modal-section{margin-bottom:2rem}.modal-section:last-child{margin-bottom:0}.modal-section h3{border-bottom:2px solid #667eea;color:#333;font-size:1.25rem;margin-bottom:1rem;padding-bottom:.5rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{color:#555;font-size:.9rem;font-weight:600}.info-value{color:#333;font-size:1rem}.info-text{color:#666;font-size:.95rem}.error-text{color:#d93025}.recordings-list{display:flex;flex-direction:column;gap:.75rem}.recording-link{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e0e0e0;border-radius:8px;color:#667eea;display:inline-flex;font-weight:600;padding:.875rem 1.25rem;text-decoration:none;transition:all .2s}.recording-link:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#667eea;transform:translateX(4px)}.whiteboard-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem}.summary-label{color:#444;font-weight:600}.btn-outline{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.75rem;transition:all .2s}.btn-outline:hover:not(:disabled){background:#667eea;box-shadow:0 4px 12px #667eea40;color:#fff}.btn-outline:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.rubric-section{background:#f8f9fa;border-radius:12px;padding:1.5rem}.rubric-instruction{color:#666;font-size:.95rem;font-style:italic;margin-bottom:1.5rem}.rubric-form{display:flex;flex-direction:column;gap:2rem}.rubric-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.25rem}.rubric-header{margin-bottom:1rem}.rubric-header label{color:#333;display:block;font-size:1rem;font-weight:700;margin-bottom:.25rem}.rubric-description{color:#666;font-size:.875rem}.rubric-slider{position:relative}.slider{-webkit-appearance:none;appearance:none;border-radius:4px;height:8px;margin-bottom:.5rem;outline:none;width:100%}.slider::-webkit-slider-track{border-radius:4px;height:8px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:3px solid;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:24px;width:24px}.slider::-moz-range-thumb{background:#fff;border:3px solid;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:24px;width:24px}.slider.slider-high{background:linear-gradient(90deg,#ffc107,#28a745);color:#28a745}.slider.slider-medium{background:linear-gradient(90deg,#dc3545,#ffc107);color:#ffc107}.slider.slider-low{background:linear-gradient(90deg,#dc3545,#e74c3c);color:#dc3545}.slider-labels{display:flex;justify-content:space-between;margin-bottom:.5rem;padding:0 4px}.slider-labels span{color:#999;font-size:.8rem;font-weight:600}.score-value{text-align:center}.score-value span{font-size:1.25rem;font-weight:700}.score-value .score-high{color:#28a745}.score-value .score-medium{color:#ffc107}.score-value .score-low{color:#dc3545}.average-score{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;display:flex;justify-content:space-between;margin-top:2rem;padding:1.25rem}.average-score span:first-child{color:#333;font-size:1.125rem;font-weight:700}.score-large{font-size:2rem;font-weight:700}.score-large.score-high{color:#28a745}.score-large.score-medium{color:#ffc107}.score-large.score-low{color:#dc3545}.scores-display{display:flex;flex-direction:column;gap:1rem}.score-row{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:.875rem}.score-row.average{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;margin-top:.5rem}.score-label{font-size:1rem;font-weight:600}.score-row .score-value{font-size:1.125rem;font-weight:700}.score-row.average .score-value{color:#fff}.form-help{color:#777;font-size:.9rem;line-height:1.5;margin-bottom:.75rem}.required{color:#dc3545}.feedback-textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;min-height:150px;padding:1rem;resize:vertical;transition:border-color .3s;width:100%}.feedback-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.feedback-textarea:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.char-counter{margin-top:.5rem;text-align:right}.char-counter span{color:#999;font-size:.875rem;font-weight:500}.char-counter span.met{color:#28a745}.feedback-display{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;color:#555;line-height:1.6;padding:1.25rem;white-space:pre-wrap}.review-meta{color:#999;font-size:.875rem;font-style:italic;margin-top:1rem}.modal-footer{border-top:2px solid #f0f0f0;padding:1.5rem 2rem}.decision-buttons{display:flex;gap:1rem;justify-content:flex-end}.btn-fail,.btn-pass{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:transform .2s,box-shadow .2s}.btn-pass{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;flex:1 1}.btn-pass:hover:not(:disabled){box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.btn-fail{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;flex:1 1}.btn-fail:hover:not(:disabled){box-shadow:0 6px 20px #dc354566;transform:translateY(-2px)}.btn-fail:disabled,.btn-pass:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.demo-reviews-dashboard{padding:1rem}.dashboard-header h1{font-size:1.5rem}.reviews-tabs{gap:.5rem}.tab-button{font-size:.9rem;padding:.75rem 1rem}.reviews-table-wrapper{overflow-x:auto}.reviews-table{min-width:800px}.modal-content-large{max-height:95vh}.modal-body,.modal-footer,.modal-header{padding:1.25rem}.modal-header h2{font-size:1.5rem}.info-grid{grid-template-columns:1fr}.decision-buttons{flex-direction:column}.rubric-item{padding:1rem}}@media (max-width:480px){.reviews-table{font-size:.85rem}.reviews-table td,.reviews-table th{padding:.75rem .5rem}.btn-view{font-size:.85rem;padding:.375rem .875rem}.rubric-header label{font-size:.95rem}.score-large{font-size:1.5rem}}.backup-indicator{cursor:help;font-size:.9rem;margin-left:.5rem;opacity:.7}.backup-note{color:#f59e0b;cursor:help;font-size:.85rem;font-style:italic;margin-left:.5rem}.backup-warning{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:1rem;padding:.875rem}.backup-warning strong{color:#78350f}.legal-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem 0}.legal-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;line-height:1.6;margin:0 auto;max-width:800px;padding:3rem}.legal-container h1{border-bottom:3px solid #667eea;color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem;padding-bottom:1rem;text-align:center}.last-updated{color:#7f8c8d;font-style:italic;text-align:center}.last-updated,.legal-container section{margin-bottom:2rem}.legal-container h2{border-left:4px solid #667eea;color:#34495e;font-size:1.5rem;margin-bottom:1rem;margin-top:2rem;padding-left:1rem}.legal-container h3{color:#2c3e50;font-size:1.2rem;margin-bottom:.5rem;margin-top:1.5rem}.legal-container p{color:#2c3e50;margin-bottom:1rem;text-align:justify}.legal-container ul{margin:1rem 0;padding-left:2rem}.legal-container li{color:#2c3e50;margin-bottom:.5rem}.legal-container strong{color:#2c3e50;font-weight:600}@media (max-width:768px){.legal-container{margin:0 1rem;padding:2rem}.legal-container h1{font-size:2rem}.legal-container h2{font-size:1.3rem}.legal-container ul{padding-left:1.5rem}}@media print{.legal-page{background:#fff;padding:0}.legal-container{border-radius:0;box-shadow:none;margin:0;max-width:none;padding:1rem}}.contact-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem 0}.contact-container{margin:0 auto;max-width:1000px;padding:0 2rem}.contact-container h1{color:#fff;font-size:3rem;margin-bottom:1rem;text-align:center;text-shadow:0 2px 4px #0000004d}.contact-intro{color:#fff;font-size:1.2rem;margin-bottom:3rem;opacity:.9;text-align:center}.contact-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.contact-card{background:#fff;border-radius:12px;box-shadow:0 8px 25px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.contact-card:hover{box-shadow:0 12px 35px #00000026;transform:translateY(-5px)}.contact-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1rem}.contact-card p{color:#7f8c8d;line-height:1.6;margin-bottom:1rem}.contact-card a{color:#667eea;font-size:1.1rem;font-weight:600;text-decoration:none;transition:color .3s ease}.contact-card a:hover{color:#764ba2;text-decoration:underline}.contact-hours{background:#fffffff2;border-radius:12px;box-shadow:0 8px 25px #0000001a;margin-bottom:2rem;padding:2rem;text-align:center}.contact-hours h3{color:#2c3e50;margin-bottom:1rem}.contact-hours p{color:#2c3e50;font-size:1.1rem;margin-bottom:.5rem}.response-time{color:#7f8c8d!important;font-size:1rem!important;font-style:italic;margin-top:1rem!important}.emergency-contact{background:#e74c3c1a;border:2px solid #e74c3c4d;border-radius:12px;padding:2rem;text-align:center}.emergency-contact h3{color:#e74c3c;margin-bottom:1rem}.emergency-contact p{color:#2c3e50;line-height:1.6;margin:0}.emergency-contact strong{color:#e74c3c}@media (max-width:768px){.contact-container{padding:0 1rem}.contact-container h1{font-size:2.5rem}.contact-grid{gap:1.5rem;grid-template-columns:1fr}.contact-card,.contact-hours,.emergency-contact{padding:1.5rem}}.blog-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.blog-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:40px;padding:80px 20px;text-align:center}.blog-hero-content h1{font-size:3rem;font-weight:700;margin-bottom:15px}.blog-hero-content p{font-size:1.2rem;margin:0 auto;max-width:600px;opacity:.95}.blog-container{margin:0 auto;max-width:1200px;padding:0 20px 60px}.blog-filters{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:40px;padding:25px}.search-box{margin-bottom:20px;position:relative}.search-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px 45px 12px 15px;transition:border-color .3s;width:100%}.search-input:focus{border-color:#667eea;outline:none}.search-icon{color:#999;font-size:1.2rem;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.tag-filters{display:flex;flex-wrap:wrap;gap:10px}.tag-filter{background:#fff;border:2px solid #e0e0e0;border-radius:20px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s}.tag-filter:hover{border-color:#667eea;color:#667eea}.tag-filter.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.blog-empty,.blog-error,.blog-loading{padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.blog-error{color:#e74c3c}.blog-empty{color:#666;font-size:1.1rem}.blog-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:40px}.blog-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s,box-shadow .3s}.blog-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.blog-card-image{background:#f0f0f0;height:200px;overflow:hidden;width:100%}.blog-card-image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{display:flex;flex:1 1;flex-direction:column;padding:20px}.blog-card-meta{align-items:center;color:#666;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:12px}.blog-card-date{font-weight:500}.blog-card-views{color:#999}.blog-card-title{color:#333;font-size:1.4rem;font-weight:600;line-height:1.3;margin-bottom:12px}.blog-card-excerpt{color:#555;flex:1 1;line-height:1.6;margin-bottom:15px}.blog-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.blog-card-tag{background:#f0f0f0;border-radius:12px;color:#666;font-size:.8rem;padding:4px 10px}.blog-card-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;font-size:.9rem;justify-content:space-between;padding-top:15px}.blog-card-author{color:#666;font-weight:500}.blog-card-read-more{color:#667eea;font-weight:600}.blog-load-more{margin-top:40px;text-align:center}.load-more-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 40px;transition:opacity .3s,transform .2s}.load-more-btn:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.blog-hero-content h1{font-size:2rem}.blog-hero-content p{font-size:1rem}.blog-grid{gap:20px;grid-template-columns:1fr}.tag-filters{justify-content:center}}@media (max-width:480px){.blog-hero{padding:50px 15px}.blog-card-title{font-size:1.2rem}}.blog-post-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:40px 20px 80px}.blog-post-container{margin:0 auto;max-width:800px}.blog-post-error,.blog-post-loading{padding:100px 20px;text-align:center}.blog-post-error h2{color:#e74c3c;margin-bottom:20px}.back-button,.back-to-blog-btn{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:inline-block;font-size:1rem;margin-bottom:30px;padding:10px 20px;transition:all .3s}.back-button:hover,.back-to-blog-btn:hover{background:#667eea;color:#fff}.blog-post-featured-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px;max-height:500px;overflow:hidden;width:100%}.blog-post-featured-image img{height:100%;object-fit:cover;width:100%}.blog-post-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:40px}.blog-post-title{color:#333;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.blog-post-meta{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:.95rem;gap:10px;margin-bottom:20px}.blog-post-author{color:#667eea;font-weight:600}.blog-post-separator{color:#ccc}.blog-post-date,.blog-post-views{color:#666}.blog-post-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.blog-post-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;font-size:.85rem;font-weight:500;padding:6px 14px}.blog-post-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:40px;padding:50px}.blog-post-content p{color:#333;font-size:1.1rem;line-height:1.8;margin-bottom:20px}.blog-post-content strong{color:#222;font-weight:700}.blog-post-content em{color:#555;font-style:italic}.blog-post-content a{color:#667eea;text-decoration:underline}.blog-post-content a:hover{color:#764ba2}.blog-post-share{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:40px;padding:30px;text-align:center}.blog-post-share h3{color:#333;margin-bottom:20px}.share-buttons{display:flex;gap:15px;justify-content:center}.share-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:opacity .3s,transform .2s}.share-btn:hover{opacity:.9;transform:translateY(-2px)}.related-posts{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px}.related-posts h3{color:#333;font-size:1.6rem;margin-bottom:25px}.related-posts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.related-post-card{border:2px solid #f0f0f0;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s}.related-post-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-3px)}.related-post-image{background:#f0f0f0;height:140px;overflow:hidden;width:100%}.related-post-image img{height:100%;object-fit:cover;width:100%}.related-post-content{padding:15px}.related-post-content h4{color:#333;font-size:1rem;line-height:1.3;margin-bottom:8px}.related-post-date{color:#666;font-size:.85rem}@media (max-width:768px){.blog-post-header{padding:25px}.blog-post-title{font-size:1.8rem}.blog-post-content{padding:30px 20px}.blog-post-content p{font-size:1rem}.related-posts{padding:25px}.related-posts-grid{grid-template-columns:1fr}}@media (max-width:480px){.blog-post-page{padding:20px 10px 60px}.blog-post-header{padding:20px}.blog-post-title{font-size:1.5rem}.blog-post-meta{font-size:.85rem}.blog-post-content{padding:20px 15px}.share-buttons{flex-direction:column}}.not-found-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:calc(100vh - 100px);padding:40px 20px}.not-found-container{max-width:600px;width:100%}.not-found-content{animation:fadeInUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;padding:60px 40px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.not-found-number{-webkit-text-fill-color:#0000;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-family:ClashGrotesk-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:120px;font-weight:800;line-height:1;margin-bottom:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.not-found-title{color:#1f2937;font-family:ClashGrotesk-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2rem;font-weight:700;margin:0 0 16px}.not-found-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin:0 0 40px}.not-found-illustration{align-items:center;animation:float 3s ease-in-out infinite;display:flex;justify-content:center;margin:40px 0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.not-found-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:40px}.not-found-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:ClashGrotesk-Medium,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;justify-content:center;padding:14px 32px;text-decoration:none;transition:all .3s ease}.not-found-btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px #667eea4d;color:#fff}.not-found-btn--primary:hover{box-shadow:0 6px 24px #667eea66;transform:translateY(-2px)}.not-found-btn--secondary{background:#fff;border:2px solid #667eea;box-shadow:0 2px 8px #0000000d;color:#667eea}.not-found-btn--secondary:hover{background:#f8f9ff;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.not-found-links{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:32px}.not-found-links-title{color:#6b7280;font-size:.95rem;font-weight:600;letter-spacing:.05em;margin:0 0 20px;text-transform:uppercase}.not-found-links-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.not-found-link{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;font-size:.9rem;font-weight:500;padding:10px 16px;text-decoration:none;transition:all .2s ease}.not-found-link:hover{background:#667eea;border-color:#667eea;box-shadow:0 4px 12px #667eea33;color:#fff;transform:translateY(-1px)}@media (max-width:768px){.not-found-content{padding:40px 24px}.not-found-number{font-size:80px}.not-found-title{font-size:1.5rem}.not-found-description{font-size:1rem}.not-found-actions{flex-direction:column}.not-found-btn{width:100%}.not-found-links-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.not-found-page{padding:20px 16px}.not-found-content{padding:32px 20px}.not-found-number{font-size:64px}.not-found-title{font-size:1.25rem}.not-found-illustration svg{height:150px;width:150px}.not-found-links-grid{grid-template-columns:1fr}}