@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@700;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=swap);.recorder-container{align-items:center;background:#fff!important;background:var(--color-card-bg,#fff)!important;border-radius:30px;box-shadow:0 6px 32px #00000026;box-sizing:border-box;color:#232323!important;color:var(--color-card-text,#232323)!important;display:flex;flex-direction:column;font-family:Quicksand,Poppins,Arial,sans-serif;max-width:100%;padding:2.2rem 1.8rem 1.3rem;width:420px}.recorder-ui{align-items:center;display:flex;gap:1.5rem;margin-bottom:.6rem}.record-mic-btn-emoji{align-items:center;background:var(--color-bg)!important;border:none;border-radius:50%;box-shadow:0 2px 12px #00000014;color:var(--color-text)!important;cursor:pointer;display:flex;font-size:2.5rem;height:64px;justify-content:center;outline:none;position:relative;transition:box-shadow .18s,background .18s,filter .18s;width:64px}.record-mic-btn-emoji.recording{animation:pulse 1.1s infinite;background:#ff574e;box-shadow:0 0 22px 2px #ff574e6b,0 0 8px 1px #ff574e3d;filter:brightness(1.15) drop-shadow(0 0 14px #ff5757b3)}.record-dot{background:#ff574e;border-radius:50%;display:block;height:28px;width:28px}.recorder-timer{color:var(--color-text)!important;font-family:Quicksand,monospace;font-size:2rem;letter-spacing:2px;min-width:70px;text-align:center;transition:color .2s ease}.recorder-timer-warning{color:#ff6b6b!important;font-weight:700}.recorder-quote{color:var(--color-text)!important;font-family:Quicksand,Poppins,Arial,sans-serif;font-size:19px;font-weight:500;margin-bottom:20px;text-align:center;transition:color .2s ease}.waveform-placeholder{align-items:center;background:linear-gradient(90deg,#232323 40%,#191c29 60%);border-radius:10px;display:flex;height:52px;justify-content:center;margin-bottom:.8rem;opacity:.92;overflow:hidden;position:relative;width:98%}.waveform-placeholder canvas{background:#0000;display:block;height:52px!important;width:100%!important}.upload-file-btn{background:#313338;border:none;border-radius:16px;box-shadow:0 1px 8px #00000012;color:#fff;cursor:pointer;font-family:Quicksand,Poppins,Arial,sans-serif;font-size:1.09rem;font-weight:700;letter-spacing:.03em;margin-bottom:.4rem;margin-top:.3rem;padding:.85rem 2.3rem;transition:background .15s}.upload-file-btn:hover{background:#444}.audio-player{background:#fff;border-radius:22px;margin-top:1rem;width:100%}@media (max-width:600px){.recorder-container{box-sizing:border-box;margin:0 auto;max-width:95vw;min-width:0;padding:1rem .5rem;width:95vw}.recorder-ui{align-items:center;flex-direction:column;gap:1rem}.record-mic-btn-emoji{font-size:2rem;height:56px;width:56px}.recorder-timer{font-size:1.5rem;min-width:60px}.waveform-placeholder{height:40px;max-width:100%;width:100%}}@media (max-width:480px){.recorder-container{border-radius:20px;max-width:90vw;padding:.8rem .4rem;width:90vw}.recorder-ui{gap:.8rem}.record-mic-btn-emoji{font-size:1.8rem;height:48px;width:48px}.recorder-timer{font-size:1.2rem;min-width:50px}.waveform-placeholder{height:35px}}body{font-family:Quicksand,Poppins,Arial,sans-serif}.report-inline-row{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-width:100%;padding:0 16px;width:100%}.emotion-result-wrapper{align-items:center;display:flex;flex-direction:column;max-width:100%;position:relative;transition:all .3s ease;width:100%}.emoji-top{display:flex;justify-content:center;margin-bottom:-62px;position:relative;z-index:1}.emoji-top img{height:300px;object-fit:contain;transition:transform .3s ease;width:720px}.emotion-result-card{background:#fff!important;background:var(--color-card-bg,#fff)!important;border-radius:2rem;box-shadow:0 6px 36px #18181822;box-sizing:border-box;color:#232323!important;color:var(--color-card-text,#232323)!important;font-family:Quicksand,Arial,sans-serif;max-width:1100px;min-width:400px;padding:2.5rem 2.2rem 2rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.emotion-result-card:hover{box-shadow:0 8px 40px #18181830;transform:translateY(-2px)}.emotion-content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.2fr 1fr;margin-top:24px;width:100%}.emotion-analysis-section,.emotion-visualization-section{display:flex;flex-direction:column}.subcategory-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:12px}.plot-gallery{grid-gap:24px;display:grid;gap:24px;margin-top:32px;width:100%}.plot-image-wrapper{background:var(--color-bg)!important;border-radius:12px;box-shadow:0 2px 6px #0000000d;color:var(--color-text)!important;padding:16px;text-align:center;transition:transform .3s ease}.plot-image-wrapper:hover{transform:scale(1.02)}.plot-image-wrapper h3{color:var(--color-text);font-size:1.2rem;font-weight:600;margin-bottom:12px}.plot-image{border:1px solid #ccc;border-radius:8px;height:auto;max-width:100%;transition:all .3s ease}.mental-state-block{background-color:var(--color-bg)!important;border-radius:8px;color:var(--color-text)!important;margin-top:12px;padding:12px 16px;transition:all .3s ease}.mental-state{font-size:18px;margin-bottom:6px}.alert-msg{line-height:1.4;margin-top:4px}.top5-title{color:var(--color-text)!important;font-size:1.4rem;font-weight:700;margin:2rem 0 1rem}.top5-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.6rem}.top5-main-emoji{flex-shrink:0;height:150px;margin-top:4px;width:100px}.top5-chart{flex:1 1;min-width:200px}.top5-bar-row{align-items:center;display:flex;flex-wrap:wrap;gap:1.1rem;margin-bottom:.8rem}.top5-label{font-weight:600;min-width:80px}.top5-value{font-weight:600;min-width:50px;text-align:right}.bar-bg{background:#eee;flex-shrink:0;height:10px;margin:0 10px;overflow:hidden;transition:all .3s ease;width:110px}.bar-bg,.bar-fill{border-radius:12px}.bar-fill{background:linear-gradient(90deg,#ffad31,#ff9c28 60%);height:100%;transition:width .3s ease}.subcat-block{margin-top:2rem;transition:all .3s ease}.subcat-block:hover{transform:translateY(-1px)}.subcat-header{align-items:center;display:flex;font-size:1.6rem;font-weight:700;gap:1rem;margin-bottom:1rem}.subcat-emoji{height:54px;width:54px}.subcat-bar-grid{display:flex;flex-wrap:wrap;gap:2rem}.subcategory-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin:.5rem 0}.subcategory-row span{font-weight:500;min-width:100px}.continue-btn{background:linear-gradient(135deg,#ffad31,#ff9c28);border-radius:25px;box-shadow:0 4px 15px #ffad314d;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.continue-btn:hover{background:linear-gradient(135deg,#ff9c28,#ff8c00);box-shadow:0 6px 20px #ffad3166;transform:translateY(-2px)}.continue-btn:active{transform:translateY(0)}.emotion-layout-flex{align-items:center;display:flex;flex-direction:row;gap:2.2rem;justify-content:center}.emotion-meditation-img{display:block;height:350px;object-fit:contain;width:350px}@media (max-width:1024px) and (min-width:768px){.report-inline-row{padding:0 12px}.emotion-result-card{max-width:100%;padding:2rem 1.8rem 1.5rem}.emotion-content-grid{gap:20px;grid-template-columns:1fr 1fr}.subcategory-grid{gap:12px;grid-template-columns:1fr}.emoji-top img{height:250px;width:600px}.plot-image-wrapper{padding:12px}.plot-image-wrapper h3{font-size:1.1rem}.top5-row{gap:1.2rem}.top5-main-emoji{height:120px;width:80px}.bar-bg{width:90px}.subcat-header{font-size:1.4rem}.subcat-bar-grid{gap:1.5rem}}@media (max-width:767px){.report-inline-row{gap:12px;padding:0 8px}.emotion-result-card,.emotion-result-wrapper{max-width:100%;width:100%}.emotion-result-card{border-radius:1.5rem;min-width:0;min-width:auto;padding:1.5rem 1.2rem 1.2rem}.emotion-content-grid{gap:20px;grid-template-columns:1fr;margin-top:20px}.subcategory-grid{gap:16px;grid-template-columns:1fr}.emoji-top{margin-bottom:-40px}.emoji-top img{height:auto;max-height:200px;max-width:400px;width:100%}.plot-gallery{gap:16px;margin-top:24px}.plot-image-wrapper{padding:12px}.plot-image-wrapper h3{font-size:1rem;margin-bottom:8px}.mental-state-block{padding:10px 12px}.mental-state{font-size:16px}.top5-title{font-size:1.2rem;margin:1.5rem 0 .8rem}.top5-row{align-items:center;flex-direction:column;gap:1rem}.top5-main-emoji{height:90px;margin-top:0;width:60px}.top5-chart{min-width:0;min-width:auto;width:100%}.top5-bar-row{align-items:stretch;flex-direction:column;gap:.8rem;margin-bottom:.6rem}.top5-label,.top5-value{font-size:.9rem;min-width:0;min-width:auto;text-align:center}.bar-bg{height:8px;margin:0 auto;max-width:200px;width:100%}.subcat-block{margin-top:1.5rem}.subcat-header{font-size:1.3rem;gap:.8rem}.subcat-bar-grid{flex-direction:column;gap:1rem}.subcategory-row{flex-direction:column;gap:.5rem;text-align:center}.subcategory-row span{font-size:.9rem;min-width:0;min-width:auto}.continue-btn{font-size:.9rem;max-width:200px;padding:10px 20px;width:100%}}@media (max-width:480px){.report-inline-row{padding:0 4px}.emotion-result-card{border-radius:1.2rem;padding:1.2rem 1rem 1rem}.emotion-content-grid{gap:16px;margin-top:16px}.subcategory-grid{gap:12px}.emoji-top img{max-height:150px}.plot-image-wrapper{padding:8px}.plot-image-wrapper h3{font-size:.9rem}.mental-state{font-size:14px}.top5-title{font-size:1.1rem}.top5-main-emoji{height:75px;width:50px}.bar-bg{height:6px}.subcat-header{font-size:1.1rem}.continue-btn{font-size:.8rem;padding:8px 16px}}@media (max-width:767px) and (orientation:landscape){.emotion-content-grid{gap:16px;grid-template-columns:1fr 1fr}.subcategory-grid{gap:12px;grid-template-columns:1fr 1fr}.emoji-top img{max-height:120px}.emotion-result-card{padding:1rem 1.2rem}.top5-row{align-items:flex-start;flex-direction:row}.top5-main-emoji{height:60px;width:40px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.plot-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.emotion-result-card{border:1px solid #ccc;box-shadow:none}.continue-btn,.emoji-top{display:none}}body,html{scroll-behavior:smooth}.home-page,body{font-family:Quicksand,Poppins,Arial,sans-serif;max-width:100%;overflow-x:hidden;width:100%}.continue-btn{font-family:Quicksand,Poppins;margin-bottom:10px;margin-left:10px}.home-page{background:#fff!important;background:var(--color-bg)!important;min-height:100vh}.home-page,.navbar{color:#232323!important;color:var(--color-text)!important}.navbar{align-items:center;background:#0000!important;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;justify-content:space-between;padding:2rem 3rem 7px}.navbar.school-navbar{background:#fff!important;border-bottom:1px solid #0f172a14;box-shadow:0 2px 12px #0f172a0a;color:#111827!important}.navbar.hospital-doctor-navbar{background:#1e40af!important;color:#fff!important}.navbar.school-navbar .logo-beta-label,.navbar.school-navbar .logo-text,.navbar.school-navbar .neon-username{color:#111827!important}.navbar.school-navbar .dashboard-btn,.navbar.school-navbar .get-started-btn,.navbar.school-navbar .mobile-dashboard-btn,.navbar.school-navbar .mobile-getstarted-btn,.navbar.school-navbar .mobile-login-btn,.navbar.school-navbar .profile-dropdown-btn{border-color:#111827!important;color:#111827!important}.navbar.school-navbar .profile-dropdown-btn{color:#fff!important}.navbar.school-navbar .dashboard-btn:hover,.navbar.school-navbar .get-started-btn:hover,.navbar.school-navbar .mobile-dashboard-btn:hover,.navbar.school-navbar .mobile-getstarted-btn:hover,.navbar.school-navbar .mobile-login-btn:hover{background:#111827!important;color:#fff!important}.navbar.school-navbar .help-btn,.navbar.school-navbar .mobile-menu-btn,.navbar.school-navbar .mobile-menu-icon-btn,.navbar.school-navbar .theme-toggle-btn{color:#111827!important}.navbar.school-navbar .dashboard-btn.help-btn{border-color:#0000!important}.navbar-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1.2rem;margin-left:2.2rem}.dashboard-btn,.get-started-btn{background:none!important;border:2px solid #232323!important;border:2px solid var(--color-text)!important;border-radius:25px;color:#232323!important;color:var(--color-text)!important;cursor:pointer;font-family:Quicksand,Arial,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:1px;padding:.75rem 2rem;text-decoration:none;transition:background .18s,color .18s}.dashboard-btn:hover,.get-started-btn:hover{background:#232323!important;background:var(--color-text)!important;color:#fff!important;color:var(--color-bg)!important}.get-started-btn.active{background:#fff;color:#000}.logo{gap:.25rem;white-space:nowrap}.logo-icon{height:auto;width:42px}.logo-text{color:#232323!important;color:var(--color-text)!important;font-size:2.4rem;font-weight:700;letter-spacing:.02em;transition:font-size .2s}.get-started-btn{background:none;border:2px solid #fff;border-radius:25px;color:#fff;cursor:pointer;font-family:Quicksand,Arial,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:1px;padding:.75rem 2rem;transition:background .2s,color .2s}.get-started-btn:hover{background:#fff;color:#000}.main-content{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:0;min-height:70vh;padding:3rem 6vw}.content-left,.main-content{background:#0000!important;color:#232323!important;color:var(--color-text)!important}.content-left{max-width:540px}.main-title{font-size:2.8rem;font-weight:700;letter-spacing:.02em;line-height:1.15;margin-bottom:1.1rem}.main-title,.subtitle{color:#232323!important;color:var(--color-text)!important}.subtitle{font-size:1.2rem;font-weight:500;letter-spacing:.01em;margin-bottom:2rem}.content-right{align-items:center;background:#0000!important;color:#232323!important;color:var(--color-text)!important;display:flex;flex:1 1;justify-content:center}.right-image{height:auto;max-height:500px;max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none;width:auto}@media (max-width:900px){.main-content{flex-direction:column;max-width:100%;overflow-x:hidden;padding:2rem 1vw;width:100%}.content-right{margin-top:2.5rem}.main-title{font-size:2rem}.right-image{width:250px}.logo-text{font-size:1.7rem}.navbar-actions{gap:.7rem;margin-left:1.1rem}}.emotion-result-box{background:#fff!important;background:var(--color-card-bg,#fff)!important;border-radius:1.5rem;box-shadow:0 4px 32px #ffb44338,0 2px 6px #2222;color:#232323!important;color:var(--color-card-text,#232323)!important;margin-top:2.2rem;max-width:420px;min-width:350px;padding:2rem 2.2rem}.emotion-chart{margin:1.1rem 0 .7rem}.emotion-row{align-items:center;display:flex;gap:.7rem;margin-bottom:.75rem}.emotion-label{font-size:1.1rem;font-weight:700;width:105px}.emotion-bar-bg{background:#eee;border-radius:9px;height:18px;margin:0 .45rem;overflow:hidden;position:relative;width:120px}.emotion-bar{background:linear-gradient(90deg,#ffb143,#ff7c26);border-radius:9px;height:100%;transition:width .7s cubic-bezier(.4,1.6,.5,1)}.emotion-value{font-weight:700;text-align:right;width:38px}.emotion-details,.emotion-mental-combo{font-size:1.09rem;margin-top:.8rem}.loader-overlay{align-items:center;background:#fff!important;background:var(--color-bg)!important;bottom:0;color:#232323!important;color:var(--color-text)!important;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99}.loader-circle{animation:spin 1.1s linear infinite;border:7px solid #ffe15a;border-bottom-color:#ff7b2c;border-radius:50%;height:54px;width:54px}.mic-overlay-btn{background:#0000;border:none;cursor:pointer;left:50%;outline:none;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.mic-overlay-btn span{filter:drop-shadow(0 2px 4px #18181890)}.custom-bot-modal-bg{align-items:center;background:#0a0a0acc;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.custom-bot-modal-inner{background:#fff7ee!important;background:var(--color-modal-bg)!important;border-radius:32px;box-shadow:0 4px 32px #0009;color:#232323!important;color:var(--color-modal-text)!important;display:flex;min-height:420px;min-width:660px;overflow:hidden;padding:0;position:relative}.bot-modal-left{align-items:flex-start;background:#0000!important;flex:1.1 1;flex-direction:column;justify-content:center;padding:40px 32px 40px 40px}.bot-modal-left,.bot-modal-right{color:#232323!important;color:var(--color-text)!important;display:flex}.bot-modal-right{align-items:flex-end;background:none;background:#0000!important;flex:1 1;justify-content:flex-end;padding:0 28px 24px 0}.bot-title{color:#ffe066;font-family:Quicksand,Poppins,Arial,sans-serif;font-size:40px;font-weight:700;letter-spacing:-1px;line-height:1.1;margin-bottom:24px}.speech-bot-mic-btn-2{align-items:center;background:#fff9e2;border:none;border-radius:50%;box-shadow:0 2px 10px #0002;cursor:pointer;display:flex;height:100px;justify-content:center;margin-bottom:10px;outline:none;position:relative;transition:box-shadow .2s,background .2s;width:100px}.speech-bot-mic-btn-2.recording{background:#ffd166;box-shadow:0 0 0 6px #fffbe7}.bot-mic-icon{color:#623cea;font-size:48px}.bot-mic-text{color:#ffe066;margin-bottom:32px}.bot-bubble,.bot-mic-text{font-family:Quicksand,Poppins,Arial,sans-serif;font-size:22px;font-weight:500}.bot-bubble{background:#262940;border-radius:24px;box-shadow:0 2px 12px #0003;color:#fff!important;margin:16px 0 8px;padding:20px 30px 18px 24px}.bot-bubble b{color:#ffe066!important}.bot-audio-bar{align-items:center;background:#ffe066;border-radius:20px;display:flex;margin-top:8px;padding:8px 16px}.bot-audio-bar audio{accent-color:#623cea;background:#0000;border-radius:10px;outline:none;width:260px}.bot-monster-img{background:#fff;border-radius:32px;box-shadow:0 2px 12px #0004;height:auto;margin-bottom:10px;width:220px}.bot-close-btn{background:none;border:none;color:#ffe066;cursor:pointer;font-size:34px;position:absolute;right:24px;top:18px;z-index:10}@media (max-width:800px){.custom-bot-modal-inner{border-radius:20px;flex-direction:column;margin:0 16px;min-width:0;width:calc(100vw - 32px)}.bot-modal-right{justify-content:center;padding:0 0 18px}.bot-monster-img{width:140px}.bot-modal-left{padding:24px}}@media (max-width:480px){.custom-bot-modal-inner{border-radius:18px;margin:0 12px;width:calc(100vw - 24px)}}.neon-username{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(90deg,#e0e0e0,#b0b0b0 50%,#f8f8f8);-webkit-background-clip:text;background-clip:text;border-radius:8px;color:#232323;display:inline-block;font-size:1.1rem;font-weight:700;margin:0 0 0 1.1rem;overflow:hidden;padding:4px 14px;position:relative}.neon-username:after{animation:streak-move 2.2s linear forwards;background:linear-gradient(120deg,#fff0 60%,#ffffffb3 80%,#fff0);content:"";filter:blur(2.5px);height:160%;left:-20%;opacity:.85;pointer-events:none;position:absolute;top:-30%;width:40%;z-index:2}@keyframes streak-move{0%{left:-40%}to{left:110%}}.loader-overlay-gif{background:#000c;color:#fff;flex-direction:column;font-size:1.2rem;font-weight:600;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.loader-lottie-container,.loader-overlay-gif{align-items:center;display:flex;justify-content:center}.loader-lottie-container{margin-bottom:2rem}.loader-message{line-height:1.5;text-align:center}.profile-dropdown-bg{background:#00000014;height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .5s ease;width:100vw;z-index:1000}.profile-dropdown-bg.open{opacity:1;pointer-events:auto}.profile-dropdown-box{align-items:stretch;background:#414141;border:1.5px solid #000;border-radius:18px;box-shadow:0 8px 44px #2222;color:#fff;display:flex;flex-direction:column;gap:.65rem;min-width:220px;opacity:0;padding:1.15rem 1.45rem;pointer-events:none;position:absolute;right:30px;top:100px;transform:translateX(100%) scale(.95);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.profile-dropdown-box .profile-dropdown-btn{color:#f5f7fa!important}.profile-dropdown-box .profile-dropdown-btn:focus,.profile-dropdown-box .profile-dropdown-btn:hover{color:#060606!important}.profile-dropdown-box.open{opacity:1;pointer-events:auto;transform:translateX(0) scale(1)}.profile-dropdown-btn{font-feature-settings:"smcp","c2sc";align-items:center;background:#000;border:none;border-radius:.8rem;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-family:Quicksand,Poppins,Arial,sans-serif;font-size:1.08rem;font-variant:all-small-caps;font-weight:600;justify-content:center;letter-spacing:.04em;margin-bottom:.32rem;outline:none;padding:1.05rem 1.1rem;transition:background .22s cubic-bezier(.4,2,.6,1),color .18s,border .18s,box-shadow .22s,transform .22s cubic-bezier(.4,2,.6,1)}.profile-dropdown-btn.report-btn{background:#191919;border:none;box-shadow:none;color:#fff}.profile-dropdown-btn.report-btn:hover{background:#979798f5;box-shadow:none;color:#060606;transform:scale(1.045)}.profile-dropdown-btn.logout-btn{background:#191919;border:none;box-shadow:none;color:#fcfafb}.profile-dropdown-btn.logout-btn:hover{background:#d7263d52;box-shadow:none;color:#fff;transform:scale(1.045)}.profile-dropdown-btn.delete-account-btn{background:#191919;color:#fff}.profile-dropdown-btn.delete-account-btn:hover{background:#fff;color:#b71c1c}@media (max-width:600px){.profile-dropdown-box{min-width:160px;padding:.7rem;right:6px;top:80px}.navbar{gap:.3rem;padding:1.2rem .5rem 0}.logo-text{font-size:1.2rem}.logo{gap:.12rem}.navbar-actions{align-items:center;gap:.3rem;margin-left:.5rem}.dashboard-btn,.get-started-btn{font-size:.78rem;margin:0;min-width:0;overflow:hidden;padding:.18rem .38rem;white-space:nowrap}.neon-username{border-radius:8px;font-size:.92rem;margin:.7rem 0 0 .3rem;padding:2px 5px}.main-content{align-items:stretch;box-sizing:border-box;min-height:0;min-height:auto;overflow-x:hidden;padding:1.2rem 2vw}.content-left,.main-content{flex-direction:column;max-width:100%;width:100%}.content-left{align-items:center;display:flex;text-align:center}.main-title{font-size:1.3rem;margin-bottom:.7rem}.subtitle{font-size:1rem;margin-bottom:1.2rem}.content-right{justify-content:center;margin-top:1.2rem;width:100%}.right-image{max-width:260px;min-width:0;width:90vw}.content-left>div{display:flex;justify-content:center;width:100%}.get-started-btn{margin:0 auto;min-width:140px;width:auto}.emotion-result-box{font-size:.98rem;max-width:98vw;min-width:0;padding:1.2rem .7rem}.loader-gif-img{height:110px;width:110px}.loader-message{font-size:1.1rem}}@media (max-width:400px){.navbar{gap:.15rem;padding:.7rem .2rem 0}.logo-text{font-size:.92rem}.logo{gap:.07rem}.navbar-actions{gap:.15rem;margin-left:.2rem}.dashboard-btn,.get-started-btn{font-size:.62rem;margin:0;min-width:0;overflow:hidden;padding:.09rem .18rem;white-space:nowrap}.neon-username{border-radius:6px;font-size:.8rem;margin:0 0 0 .1rem;padding:1px 3px}}.logo-text-wrapper{display:inline-block;position:relative}.logo-beta-label{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(90deg,#9f8d08,#bba20f 30%,#ffb300 60%,#c1ac0f);-webkit-background-clip:text;background-clip:text;bottom:-.65em;display:block;filter:brightness(1.08) contrast(1.1);font-family:Quicksand,Poppins,Arial,sans-serif;font-size:1.25rem;font-weight:900;left:100%;letter-spacing:.01em;line-height:1;margin-left:-2.45em;pointer-events:none;position:absolute;text-transform:uppercase;white-space:nowrap}@media (max-width:900px){.logo-beta-label{font-size:.7rem;margin-left:-2.1em}}@media (max-width:600px){.logo-beta-label{font-size:.6rem;margin-left:-1.7em}.login-modal-bg{align-items:flex-start;padding-bottom:6vw;padding-top:6vw}.login-card{background:#fff6ec;border-radius:1.2rem;box-sizing:border-box;margin:0 auto;max-height:88vh;max-width:96vw;min-width:90vw;overflow-y:auto;padding:1.2rem .7rem;width:96vw}}.dashboard-btn.help-btn{align-items:center;background:none;border:2px solid #fff;border-radius:50%;color:#fff;display:inline-flex;font-size:1.35rem;font-weight:700;height:40px;justify-content:center;margin-bottom:0;margin-left:2px;margin-top:0;max-height:40px;max-width:40px;min-height:40px;min-width:40px;padding:0;position:relative;top:.5px;transition:background .18s,color .18s,border .18s;vertical-align:middle;width:40px}.dashboard-btn.help-btn:hover{background:#fff;border:2px solid #fff;color:#232323}@media (max-width:600px){.navbar-actions{align-items:center;gap:.3rem;margin-left:.5rem}.dashboard-btn.help-btn{font-size:1rem;height:32px;margin-bottom:0;margin-left:4px;margin-top:0;max-height:32px;max-width:32px;min-height:32px;min-width:32px;top:.5px;width:32px}}.dashboard-btn.theme-toggle-btn{align-items:center;background:none;border:2px solid #fff;border-radius:50%;color:#fff;display:inline-flex;font-size:1.35rem;font-weight:700;height:40px;justify-content:center;margin-bottom:0;margin-left:2px;margin-top:0;max-height:40px;max-width:40px;min-height:40px;min-width:40px;padding:0;position:relative;top:.5px;transition:background .18s,color .18s,border .18s;vertical-align:middle;width:40px}.dashboard-btn.theme-toggle-btn:hover{background:#fff;border:2px solid #fff;color:#232323}@media (max-width:600px){.dashboard-btn.theme-toggle-btn{font-size:1rem;height:32px;margin-bottom:0;margin-left:4px;margin-top:0;max-height:32px;max-width:32px;min-height:32px;min-width:32px;top:.5px;width:32px}}body[data-theme=light]{--color-bg:#f9f9f9}@media (prefers-color-scheme:dark){body[data-theme=device]{--color-bg:#111;--color-text:#fff;--color-modal-bg:#181818;--color-modal-text:#fff}}@media (prefers-color-scheme:light){body[data-theme=device]{--color-bg:#f5f5f5;--color-text:#232323;--color-modal-bg:#fff7ee;--color-modal-text:#232323}}.home-page,body{background:#fff!important;background:var(--color-bg)!important;color:#232323!important;color:var(--color-text)!important}.custom-bot-modal-bg,.login-modal-bg,.sales-popup-bg{background:#00000073!important}.custom-bot-modal-inner,.login-card,.sales-popup{background:#fff7ee!important;background:var(--color-modal-bg)!important}.custom-bot-modal-inner,.custom-bot-modal-inner *,.login-card,.login-card *,.sales-popup,.sales-popup *{color:#232323!important;color:var(--color-modal-text)!important}.custom-bot-modal-inner .bot-bubble,.custom-bot-modal-inner .bot-bubble *{color:#fff!important}.custom-bot-modal-inner .bot-bubble b{color:#ffe066!important}body[data-theme=light] .neon-username{-webkit-text-fill-color:unset!important;text-fill-color:unset!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#232323!important}body[data-theme=light] .profile-dropdown-bg{background:#00000014!important}body[data-theme=light] .profile-dropdown-box{background:#f5f5f5!important;border:1.5px solid #e0e0e0!important;box-shadow:0 4px 24px #0001,0 1.5px 8px #0001!important;color:#232323!important}body[data-theme=light] .profile-dropdown-btn{background:#e0e0e0!important;border:none!important;color:#232323!important;transition:background .18s,color .18s}body[data-theme=light] .profile-dropdown-btn:focus,body[data-theme=light] .profile-dropdown-btn:hover{background:#d5d5d5!important;color:#1976d2!important}body[data-theme=light] .profile-dropdown-btn.delete-account-btn,body[data-theme=light] .profile-dropdown-btn.logout-btn{color:#e53935!important}body[data-theme=light] .get-started-btn.active{transition:background .18s,color .18s}body[data-theme=light] .get-started-btn.active,body[data-theme=light] .get-started-btn.active:focus,body[data-theme=light] .get-started-btn.active:hover{background:#232323!important;color:#fff!important}body[data-theme=dark] .user-details-value{color:#232323!important;font-weight:700!important}body[data-theme=dark] .login-redirect-msg{color:#232323!important;font-weight:700}body[data-theme=device] .help-modal-card,body[data-theme=device] .help-modal-card *{color:#232323!important}body[data-theme=device] .help-modal-close{align-items:center!important;background:#fff6ec!important;border-radius:50%!important;box-shadow:none!important;color:#f5b443!important;display:flex!important;font-size:1.6rem!important;font-weight:400!important;height:2.1rem!important;justify-content:center!important;opacity:.92!important;outline:none!important;padding:0!important;transition:background .18s,color .18s,opacity .18s!important;width:2.1rem!important;z-index:10!important}body[data-theme=device] .help-modal-close:focus,body[data-theme=device] .help-modal-close:hover{background:#e0e0e0!important;color:#232323!important;opacity:1!important;outline:none!important}body[data-theme=device] .help-modal-card{background:#fff6ec!important;color:#232323!important}body[data-theme=device] .user-details-value,body[data-theme=device] .user-details-value input{color:#232323!important}body[data-theme=device] .login-close-btn{align-items:center!important;background:#0000!important;border-radius:50%!important;box-shadow:none!important;color:#f5b443!important;display:flex!important;font-size:1.6rem!important;font-weight:400!important;height:2.1rem!important;justify-content:center!important;opacity:.92!important;outline:none!important;padding:0!important;transition:background .18s,color .18s,opacity .18s!important;width:2.1rem!important;z-index:10!important}body[data-theme=device] .login-close-btn span{color:#f5b443!important;transition:color .18s}body[data-theme=device] .login-close-btn:focus,body[data-theme=device] .login-close-btn:hover{background:#e0e0e0!important;opacity:1!important;outline:none!important}body[data-theme=device] .login-close-btn:focus span,body[data-theme=device] .login-close-btn:hover span{color:#232323!important}body[data-theme=device] .reset-password-link{color:#f5b443!important;cursor:pointer;font-weight:700!important;transition:color .18s}body[data-theme=device] .reset-password-link:focus,body[data-theme=device] .reset-password-link:hover{color:#232323!important}body[data-theme=device] .login-modal-bg .login-card button,body[data-theme=device] .login-modal-bg .login-card div,body[data-theme=device] .login-modal-bg .login-card h1,body[data-theme=device] .subscription-modal-card,body[data-theme=device] .subscription-modal-card div,body[data-theme=device] .subscription-modal-card h1,body[data-theme=device] .subscription-modal-card li,body[data-theme=device] .subscription-modal-card ul{color:#000!important}body[data-theme=device] .custom-bot-modal-bg{background:#0000002e!important}body[data-theme=device] .custom-bot-modal-inner{background:#fff!important;border-radius:1.2rem!important;box-shadow:0 4px 32px 0 #0000001a;color:#000!important}body[data-theme=device] .custom-bot-modal-inner *{color:#000!important}body[data-theme=device] .custom-bot-modal-inner .bot-bubble,body[data-theme=device] .custom-bot-modal-inner .bot-bubble *{color:#fff!important}body[data-theme=device] .custom-bot-modal-inner .bot-bubble b{color:#ffe066!important}body[data-theme=light] .custom-bot-modal-inner{background:#fff!important;color:#232323!important}body[data-theme=dark] .custom-bot-modal-inner{background:#252527!important;color:#fff!important}body[data-theme=device] .bot-close-btn{align-items:center!important;background:#0000!important;border-radius:50%!important;box-shadow:none!important;color:#f5b443!important;display:flex!important;font-size:1.6rem!important;font-weight:400!important;height:2.1rem!important;justify-content:center!important;opacity:.92!important;outline:none!important;padding:0!important;position:absolute;right:1.5rem;top:1.7rem;transition:background .18s,color .18s,opacity .18s!important;width:2.1rem!important;z-index:10!important}body[data-theme=device] .bot-close-btn span{color:#f5b443!important;transition:color .18s}body[data-theme=device] .bot-close-btn:focus,body[data-theme=device] .bot-close-btn:hover{background:#e0e0e0!important;opacity:1!important;outline:none!important}body[data-theme=device] .bot-close-btn:focus span,body[data-theme=device] .bot-close-btn:hover span{color:#232323!important}@media (max-width:768px){.navbar-actions{overflow:visible!important;position:relative!important;z-index:1002}.mobile-menu-dropdown{align-items:center;background:#fff;background:var(--color-bg,#fff);border-radius:16px;box-shadow:0 2px 16px #0004;color:#232323;color:var(--color-text,#232323);display:flex;flex-direction:column;font-size:1.08rem;gap:16px;left:auto!important;max-height:90vh;max-width:96vw;min-width:180px;overflow-y:auto;padding:1.1rem .7rem;position:fixed!important;right:8px!important;top:56px!important;transition:all .18s;z-index:9999!important}.home-page,body,html{max-width:100%;overflow-x:hidden!important;overflow-y:visible!important;width:100%}.mobile-language-dropdown,.mobile-profile-dropdown{align-items:stretch;background:#fff;background:var(--color-bg,#fff);border:1.5px solid #000;border-radius:18px;box-shadow:0 8px 44px #2222;color:#232323;color:var(--color-text,#232323);display:flex;flex-direction:column;gap:.65rem;left:0!important;max-height:90vh;max-width:100vw!important;overflow-y:auto;padding:1.15rem 1.45rem;position:fixed!important;top:56px!important;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);width:80vw!important;z-index:9999!important}.mobile-language-dropdown button,.mobile-profile-dropdown button{font-feature-settings:"smcp","c2sc";align-items:center;background:#000;border:none;border-radius:.8rem;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:1.08rem;font-variant:all-small-caps;font-weight:600;justify-content:center;letter-spacing:.04em;margin-bottom:.32rem;outline:none;padding:1.05rem 1.1rem;transition:background .22s,color .18s,border .18s,box-shadow .22s,transform .22s}.mobile-language-dropdown button:hover,.mobile-profile-dropdown button:hover{background:#979798f5;color:#060606;transform:scale(1.045)}.mobile-profile-dropdown{align-items:stretch;background:#fff;background:var(--color-bg,#fff);border:1.5px solid #000;border-radius:18px;box-shadow:0 8px 44px #2222;color:#232323;color:var(--color-text,#232323);display:flex;flex-direction:column;gap:.5rem;height:auto!important;left:30%!important;margin:0 auto!important;max-height:60vh!important;max-width:250px!important;overflow-y:auto!important;padding:1.1rem 1.1rem .7rem;position:fixed!important;top:56px!important;transform:translateX(-50%)!important;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);width:80vw!important;z-index:9999!important}.mobile-profile-close-btn{background:none;border:none;border-radius:50%;color:#ffe066;cursor:pointer;font-size:1.25rem;line-height:1.1;padding:.25rem;position:absolute;right:.75rem;top:.75rem;transition:color .18s,background .18s;z-index:2}.mobile-profile-close-btn:hover{background:#ccc;color:#111}.mobile-profile-dropdown button:last-child{margin-bottom:0!important}.mobile-language-dropdown{align-items:stretch;background:#fff;background:var(--color-bg,#fff);border:1.5px solid #000;border-radius:18px;box-shadow:0 8px 44px #2222;color:#232323;color:var(--color-text,#232323);display:flex;flex-direction:column;gap:.5rem;height:auto!important;left:1%!important;margin:0 auto!important;max-height:60vh!important;max-width:250px!important;overflow-y:auto!important;padding:1.1rem 1.1rem .7rem;position:fixed!important;top:56px!important;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);width:80vw!important;z-index:9999!important}.mobile-language-close-btn{background:none;border:none;border-radius:50%;color:#ffe066;cursor:pointer;font-size:1.25rem;line-height:1.1;padding:.25rem;position:absolute;right:.75rem;top:.75rem;transition:color .18s,background .18s;z-index:2}.mobile-language-close-btn:hover{background:#ccc;color:#111}.dropdown-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#f56d21;cursor:pointer;display:flex;font-size:1.35rem;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:8px;top:8px;transition:color .18s,background .18s;width:32px;z-index:10}.dropdown-close-btn:active,.dropdown-close-btn:hover{background:#eee;color:#111}.mobile-language-dropdown,.mobile-profile-dropdown{box-sizing:border-box;padding-top:2.2rem!important}}.get-started-btn,.mobile-getstarted-btn{align-items:center!important;display:flex!important;justify-content:center!important;text-align:center!important}@media (max-width:768px){.mobile-menu-dropdown{align-items:center!important;background:#232323!important;border-radius:28px!important;box-shadow:0 2px 16px #0004!important;color:#fff!important;display:flex!important;flex-direction:column!important;gap:18px!important;margin-right:-5px!important;margin-top:20px!important;max-width:72px!important;min-width:0!important;min-width:auto!important;overflow:visible!important;padding:1.1rem .2rem!important;width:68px!important}}.dashboard-btn.mobile-menu-icon-btn,.help-btn.mobile-menu-icon-btn,.theme-toggle-btn.mobile-menu-icon-btn{align-items:center!important;background:none!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:none!important;display:flex!important;height:48px!important;justify-content:center!important;margin:0 auto 14px!important;padding:0!important;transition:background .18s,color .18s,border .18s!important;width:48px!important}.dashboard-btn.mobile-menu-icon-btn:last-child,.help-btn.mobile-menu-icon-btn:last-child,.theme-toggle-btn.mobile-menu-icon-btn:last-child{margin-bottom:0!important}.dashboard-btn.mobile-menu-icon-btn .icon-emoji,.dashboard-btn.mobile-menu-icon-btn .icon-question,.dashboard-btn.mobile-menu-icon-btn img,.dashboard-btn.mobile-menu-icon-btn span,.dashboard-btn.mobile-menu-icon-btn svg,.help-btn.mobile-menu-icon-btn span,.help-btn.mobile-menu-icon-btn svg,.theme-toggle-btn.mobile-menu-icon-btn span,.theme-toggle-btn.mobile-menu-icon-btn svg{display:block!important;font-size:26px!important;height:26px!important;line-height:1!important;margin:auto!important;object-fit:contain!important;width:26px!important}.dashboard-btn.mobile-menu-icon-btn:active,.dashboard-btn.mobile-menu-icon-btn:focus,.dashboard-btn.mobile-menu-icon-btn:hover{background:#333!important;border-color:#ffe066!important;color:#ffe066!important}.bot-video-container{display:flex;flex-direction:column;min-width:200px}.bot-video-container,.invite-start-btn{align-items:center;justify-content:center}.invite-start-btn{animation:invite-pulse 1.8s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border:none;border-radius:999px;box-shadow:0 8px 22px #6366f159,0 2px 8px #0003;color:#fff;cursor:pointer;display:inline-flex;font-size:1.08rem;font-weight:800;margin-bottom:8px;margin-top:10px;padding:.9rem 1.6rem;transform:translateZ(0);transition:transform .16s ease,box-shadow .16s ease}.invite-start-btn:hover{box-shadow:0 10px 28px #6366f173,0 4px 12px #00000038;transform:scale(1.06)}@keyframes invite-pulse{0%{box-shadow:0 0 0 0 #6366f199}70%{box-shadow:0 0 0 16px #6366f100}to{box-shadow:0 0 0 0 #6366f100}}.bot-mic-video-container{align-items:center;display:flex;gap:16px;justify-content:flex-start;min-height:160px;position:relative;width:100%}.bot-mic-container{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:200px;width:100%}.bot-monster-img{background:#0000!important;border:none!important;box-shadow:none!important;display:block!important;margin:0 auto!important;object-fit:contain!important;outline:none!important}.speech-bot-btn{background:#fff;border:none;border-radius:50%;box-shadow:0 3px 14px #0002;cursor:pointer;height:78px;outline:none;padding:0;position:relative;transition:box-shadow .2s;width:78px}.monster-img{border-radius:50%;box-shadow:0 2px 8px #0002;display:block;height:78px;margin:0 auto;object-fit:cover;width:78px}.monster-animate{animation:bounce-in 1s cubic-bezier(.36,1.4,.8,1.1)}.speech-bubble{background:#fff;border-radius:20px;bottom:78px;box-shadow:0 1px 10px #8882;color:#222;font-size:1.07rem;font-weight:600;left:-120px;max-width:200px;min-width:110px;opacity:1;padding:10px 16px;pointer-events:none;position:absolute;transform:translateY(0) scale(1);transition:opacity .25s,transform .3s;white-space:nowrap;z-index:10}.speech-bubble:after{border-left:12px solid #0000;border-right:0 solid #0000;border-top:12px solid #fff;content:"";filter:drop-shadow(0 2px 2px #8882);height:0;left:88%;margin-left:-6px;position:absolute;top:100%;width:0}.cloud-animate{animation:float-cloud .5s cubic-bezier(.28,.9,.5,1.2)}@keyframes float-cloud{0%{opacity:0;transform:translateY(10px) scale(.7)}80%{opacity:1;transform:translateY(-3px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}.listening-blink{animation:blink 5s steps(2,start) infinite;color:#f60;display:block;font-size:13px;font-weight:700;letter-spacing:.01em;margin-top:2px}@keyframes blink{to{opacity:.1}}@media (max-width:600px){.monster-img,.speech-bot-btn{height:54px;width:54px}.speech-bubble{font-size:.92rem;left:-10vw;max-width:70vw;min-width:80px;padding:7px 10px;white-space:normal}.speech-bubble:after{border-left:8px solid #0000;border-top:8px solid #fff;left:80%;margin-left:-4px}}@media (max-width:400px){.speech-bubble{font-size:.85rem;max-width:90vw;padding:5px 6px}}body{overflow-x:hidden}.pricing-card,.pricing-cards-row,.pricing-section{box-sizing:border-box}.pricing-section{background:var(--color-bg)!important;border-radius:0;box-shadow:none;color:var(--color-text)!important;height:auto!important;margin:0;max-height:none!important;min-width:0;opacity:0;overflow:visible!important;padding:3rem 1.5rem 3.5rem;padding-inline:1.5rem;position:relative;transition:opacity .7s cubic-bezier(.4,0,.2,1);width:100vw;will-change:auto!important}.pricing-section.visible{opacity:1;will-change:auto!important}.pricing-tabs-row{display:flex;justify-content:center;margin-bottom:.6rem;padding:0 .5rem}.pricing-tabs{-ms-overflow-style:none;background:#fff!important;background:var(--color-card-bg,#fff)!important;border-radius:1.2rem;color:#232323!important;color:var(--color-card-text,#232323)!important;display:flex;flex-wrap:nowrap;overflow-x:auto;padding:.25rem;position:relative;scrollbar-width:none;white-space:nowrap}.pricing-tabs::-webkit-scrollbar{display:none}.pricing-tab{align-items:center;background:var(--color-bg)!important;border:2px solid #0000;border-radius:.9rem;box-sizing:border-box;color:#232323!important;color:var(--color-card-text,#232323)!important;cursor:pointer;display:flex;font-family:Poppins,Quicksand,Arial,sans-serif;font-size:.92rem;font-weight:500;justify-content:center;margin:0;min-width:110px;outline:none;padding:.6rem .9rem;padding-inline:.8rem;position:relative;transition:background .18s,color .18s,border .18s,box-shadow .18s;white-space:nowrap}.pricing-tab:not(:last-child){margin-right:1rem}.pricing-tab.active{background:#eee!important;background:var(--color-card-bg,#eee)!important;border:2px solid #ff9100;box-shadow:0 2px 12px #ff910033;color:var(--color-text)!important}body[data-theme=light] .pricing-tab:focus-visible,body[data-theme=light] .pricing-tab:hover{background:#fff!important;background:var(--color-card-bg,#fff)!important;border:2px solid #9ceec5!important;box-shadow:0 2px 12px #9ceec533!important;color:#232323!important;transition:border .18s,box-shadow .18s,color .18s,background .18s;z-index:1}body[data-theme=light] .pricing-tab.active{background:#fff!important;background:var(--color-card-bg,#fff)!important;border:2px solid #9ceec5!important;box-shadow:0 2px 12px #9ceec533!important;color:#232323!important}body[data-theme=dark] .pricing-tab:focus-visible,body[data-theme=dark] .pricing-tab:hover{background:#232323!important;background:var(--color-card-bg,#232323)!important;border:2px solid #bf710a!important;box-shadow:0 2px 12px #f5b44355!important;color:#fff!important;transition:border .18s,box-shadow .18s,color .18s,background .18s;z-index:1}body[data-theme=device] .pricing-tab:focus-visible,body[data-theme=device] .pricing-tab:hover{background:#232323!important;background:var(--color-card-bg,#232323)!important;border:2px solid #ff9100!important;box-shadow:0 2px 12px #f5b44355!important;color:#fff!important;transition:border .18s,box-shadow .18s,color .18s,background .18s;z-index:1}.pricing-tabs-arrow{align-items:center;background:#181818f2;border:none;border-radius:50%;box-shadow:0 2px 8px #0006;color:#ff9100;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;outline:none;padding:.2rem .5rem;transition:background .18s,box-shadow .18s;z-index:2}.pricing-tabs-arrow:active{background:#181818}.pricing-cards-row{align-items:stretch;gap:2rem;justify-content:center;overflow:visible!important;padding:0}.pricing-card,.pricing-cards-row{box-sizing:border-box;display:flex;height:auto!important;max-height:none!important;width:100%}.pricing-card{align-items:center;background:#fff!important;background:var(--color-card-bg,#fff)!important;border:2px solid #0000;border-radius:1.3rem;box-shadow:0 2px 8px #0000001a;color:#232323!important;color:var(--color-card-text,#232323)!important;cursor:pointer;flex:1 1;flex-direction:column;margin-bottom:0;margin-top:0;max-width:340px;min-width:210px;outline:none;overflow:visible!important;overflow-wrap:break-word;padding:2.1rem 1.5rem 2.2rem;padding-inline:1.5rem;transition:border .18s;-webkit-user-select:none;user-select:none;white-space:normal;will-change:auto!important;word-break:break-word}.pricing-card.hovered,.pricing-card.selected,.pricing-card:focus-visible{border:2px solid #ff9100;box-shadow:0 2px 8px #ff910033}.pricing-card:hover{border:2px solid #ff9100;box-shadow:0 2px 8px #ff910033}.plan-title{color:#232323!important;color:var(--color-card-text,#232323)!important;font-size:1.18rem;font-weight:600;letter-spacing:.01em;margin-bottom:1.1rem;text-align:center}.plan-price-row{align-items:flex-end;display:flex;gap:.2rem;margin-bottom:1.1rem}.plan-price{font-size:2.2rem;font-weight:700;letter-spacing:.01em}.plan-period,.plan-price{color:#232323!important;color:var(--color-card-text,#232323)!important}.plan-period{font-size:1.1rem;font-weight:500;margin-left:.1rem}.plan-features{list-style:none;margin:.7rem 0 0;padding:0;width:100%}.plan-features li{color:#232323!important;color:var(--color-card-text,#232323)!important;font-size:1.04rem;margin-bottom:.6rem;padding-left:1.1rem;position:relative;text-align:left}.plan-features li:before{color:#ff9100;content:"\2022";font-size:1.2em;left:0;position:absolute;top:.1em}.pricing-sales-message{align-items:center;box-sizing:border-box;display:flex;height:32vh;justify-content:center;min-height:220px;overflow:visible;padding:.5rem 1.5rem 2rem;width:100%}.fade-slide-in{animation:fadeSlideIn .7s cubic-bezier(.4,0,.2,1) .1s forwards;opacity:0;will-change:auto!important}@keyframes fadeSlideIn{to{opacity:1}}.sales-message-card{align-items:center;background:#232323;border-radius:1.2rem;box-shadow:0 4px 32px #000a,0 1.5px 8px #0004;display:flex;flex-direction:column;margin:0 auto;max-width:420px;padding:1rem 2.5rem;text-align:center}.sales-message-title{color:#fff;font-size:1.18rem;margin-bottom:1.1rem}.sales-message-email,.sales-message-title{font-family:Poppins,Quicksand,Arial,sans-serif;font-weight:600}.sales-message-email{color:#ff9100;filter:drop-shadow(0 0 6px #ff910055);font-size:1.13rem;text-decoration:underline;text-underline-offset:4px;transition:color .18s,text-shadow .18s;word-break:break-all}.sales-message-email:focus,.sales-message-email:hover{color:#fff;outline:none;text-shadow:0 0 8px #ff9100,0 0 2px #fff}.plan-features li,.plan-period,.plan-price,.plan-title,.pricing-card{overflow-wrap:break-word;white-space:normal;word-break:break-word}@media (max-width:1100px){.pricing-cards-row{gap:1.2rem;padding:0}.pricing-card{max-width:260px;min-width:160px;padding:1.3rem 1rem 1.4rem}}@media (max-width:800px){.pricing-cards-row{gap:.7rem;padding:0}.pricing-card{max-width:100vw;min-width:120px;padding:1.1rem .7rem 1.2rem;width:100%}}@media (max-width:768px){.pricing-section{border-radius:0;box-sizing:border-box;max-width:100vw;min-width:0;overflow-x:hidden;padding:1.2rem 1.2rem 1.5rem 1rem;padding-inline:1rem;width:100vw}.pricing-tabs-row{margin-bottom:.5rem;padding:0 .2rem}.pricing-tabs{gap:.2rem;padding:.15rem}.pricing-tab{font-size:.98rem;min-width:90px;padding:.5rem .8rem;padding-inline:.7rem}.pricing-tab:not(:last-child){margin-right:.7rem}.pricing-tab:nth-child(3){margin-right:.1rem!important}.pricing-cards-row{align-items:stretch;flex-direction:column;gap:1.1rem;padding:0}.pricing-card,.pricing-cards-row{box-sizing:border-box;max-width:100vw;width:100%}.pricing-card{font-size:.97rem;margin:0 auto;min-width:0;padding:1.1rem 1.2rem 1.2rem .7rem;padding-inline:1rem}.plan-title{font-size:1.05rem;margin-bottom:.7rem}.plan-price{font-size:1.5rem}.plan-period{font-size:.95rem}.plan-features li{font-size:.97rem;margin-bottom:.4rem;padding-left:.9rem}.pricing-sales-message{height:22vh;min-height:120px;padding:.5rem .5rem 1.2rem}.sales-message-card{max-width:98vw;padding:.7rem}.sales-message-title{font-size:1.05rem;margin-bottom:.7rem}.sales-message-email{font-size:1rem}.pricing-tabs-mobile-carousel{align-items:center;display:flex;justify-content:center;margin-bottom:.5rem;min-height:56px;position:relative;width:100%}.pricing-tabs-mobile-slide{display:inline-block;transition:opacity .18s ease;will-change:auto!important}.pricing-tabs-mobile-slide.slide-left,.pricing-tabs-mobile-slide.slide-right{opacity:.7}.pricing-tabs-arrow.mobile-left,.pricing-tabs-arrow.mobile-right{background:none;border:none;box-shadow:none;cursor:pointer;outline:none;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.pricing-tabs-arrow.mobile-left{left:.5rem}.pricing-tabs-arrow.mobile-right{right:.5rem}.pricing-tabs-mobile-slide .pricing-tab{align-items:center;display:inline-flex;justify-content:center;margin:0 auto;max-width:90vw;min-width:120px}.pricing-tabs{display:none!important}}@media (max-width:600px){.pricing-section{border-radius:16px;box-sizing:border-box;margin:0;max-width:100vw;min-width:0;overflow-x:hidden;padding:1.2rem .5rem 1.5rem;width:100vw}.pricing-cards-row{align-items:stretch;box-sizing:border-box;flex-wrap:wrap;gap:.7rem;justify-content:center;margin:0;width:100%}.pricing-card{align-items:center;border-radius:10px;box-sizing:border-box;font-size:.93rem;margin:0 auto;max-width:92vw;min-width:0;overflow-x:hidden;padding:.8rem .4rem 1rem;width:96vw}.plan-title{font-size:.97rem}.plan-price{font-size:1.18rem}.plan-period{font-size:.85rem}.plan-features li{font-size:.93rem;margin-bottom:.3rem;padding-left:.7rem}.pricing-tabs-row{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}}@media (max-width:600px){.pricing-tabs-row::-webkit-scrollbar{display:none}.pricing-tabs{display:flex;flex-wrap:nowrap;gap:.75rem;min-width:-webkit-max-content;min-width:max-content;padding-bottom:.25rem;scroll-behavior:smooth;width:-webkit-fit-content;width:fit-content}.pricing-tab{flex:0 0 auto;margin-right:0!important}}@media (max-width:400px){.pricing-tabs{flex-wrap:wrap;gap:.5rem;justify-content:flex-start}}.login-bg{background:#191919;justify-content:center;min-height:100vh}.login-bg,.login-card{align-items:center;display:flex}.login-card{background:#fff6ec;border-radius:2rem;box-shadow:0 8px 44px #2222;flex-direction:column;font-family:Quicksand,Arial,sans-serif;max-width:770px;min-width:630px;padding:2.5rem 2.4rem 2.3rem;position:relative}.login-card h1{color:#232323;font-size:2.1rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.2rem}.login-btn.main{background:#f28c2f;border:none;border-radius:.8rem;box-shadow:0 3px 18px #ff9c2824;color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;opacity:1;padding:.72rem 2.4rem;pointer-events:none}.login-card label{color:#232323;font-size:1.04rem;font-weight:700;letter-spacing:.02em;margin-bottom:.17rem;margin-top:.77rem;width:100%}.login-card input,.login-card select{background:#fff;border:1.7px solid #eee2c9;border-radius:.6rem;box-sizing:border-box;color:#232323;font-family:inherit;font-size:1.05rem;margin-bottom:.25rem;outline:none;padding:.72rem 1.2rem;transition:border .13s;width:100%}.login-card input:focus,.login-card select:focus{border-color:#f28c2f}.login-row{display:flex;gap:8rem;margin-top:.3rem;width:70%}.login-col{display:flex;flex:1 1;flex-direction:column}.login-btn.submit{background:#f28c2f;border:none;border-radius:.7rem;box-shadow:0 2px 10px #f28c2f11;color:#fff;cursor:pointer;font-size:1.11rem;font-weight:700;margin-bottom:.4rem;margin-top:1.4rem;padding:.68rem 2.2rem;transition:background .18s;width:100%}.login-btn.submit:hover{background:#e27a1e}.login-signup{color:#232323;font-size:1rem;margin-top:1.4rem;text-align:center}.login-signup a{color:#f28c2f;font-weight:700;margin-left:.2rem;text-decoration:underline}.login-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;box-shadow:none;color:#f5b443;display:flex;font-size:1.6rem;font-weight:400;height:2.1rem;justify-content:center;opacity:.85;outline:none;position:absolute;right:1.3rem;top:1.1rem;transition:background .18s,color .18s,opacity .18s;width:2.1rem}.login-close-btn span{color:#f5b443;transition:color .18s}.login-close-btn:focus,.login-close-btn:hover{background:#e0e0e0;opacity:1;outline:none}.login-close-btn:focus span,.login-close-btn:hover span{color:#000}.login-btn.main,.login-btn.submit{box-sizing:border-box;width:100%}@media (max-width:600px){.login-card{border-radius:1.2rem;box-sizing:border-box;margin:6vw auto;max-width:90vw;min-width:85vw;padding:2rem 1.5rem;width:90vw}.login-row{flex-direction:column;gap:.2rem;width:100%}.login-card h1{font-size:1.4rem;margin-bottom:1.2rem}.login-btn.main{font-size:1.1rem;margin-bottom:1.2rem;padding:.6rem 1.4rem}.login-btn.submit{font-size:1rem;margin-top:1.2rem;padding:.6rem 1.4rem}.login-signup{font-size:.95rem;margin-top:1.2rem}}@media (max-width:400px){.login-card{border-radius:1rem;box-sizing:border-box;margin:4vw auto;max-width:92vw;min-width:88vw;padding:1.8rem 1.2rem;width:92vw}.login-card h1{font-size:1.2rem;margin-bottom:1rem}.login-btn.main{font-size:1rem;margin-bottom:1rem;padding:.5rem 1.2rem}.login-btn.submit{font-size:.95rem;margin-top:1rem;padding:.5rem 1.2rem}.login-signup{font-size:.9rem;margin-top:1rem}}.privacy-modal-bg{align-items:center;background:#1e1e1e8c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.privacy-modal{align-items:center;background:#fff6ec;border-radius:1.3rem;box-shadow:0 8px 44px #2222;display:flex;flex-direction:column;max-height:95vh;max-width:430px;min-height:60vh;padding:2.7rem 2.5rem 2.2rem;width:95vw}.privacy-modal h2{color:#232323;font-size:1.35rem;font-weight:700;margin-bottom:1.1rem;text-align:center}.privacy-modal-content{background:#fff;border-radius:.7rem;box-sizing:border-box;color:#232323;font-family:Quicksand,Arial,sans-serif;font-size:1.11rem;letter-spacing:.03em;line-height:1.85;margin-bottom:1.2rem;max-height:60vh;overflow-y:auto;padding:1.5rem 1.3rem;width:100%}.privacy-modal-content ol,.privacy-modal-content p,.privacy-modal-content ul{margin-bottom:1.1em}.privacy-modal-content ol{margin-bottom:1.2em;margin-top:.7em;padding-left:1.3em}.privacy-modal-content ol li{letter-spacing:.02em;line-height:1.7;margin-bottom:.7em}.privacy-modal-content li::marker{color:#f28c2f;font-weight:700}.privacy-modal-actions{display:flex;gap:1.1rem;justify-content:center;width:100%}.privacy-btn{background:#f28c2f;border:none;border-radius:.7rem;box-shadow:0 2px 10px #f28c2f11;color:#fff;cursor:pointer;font-size:1.07rem;font-weight:700;padding:.6rem 1.5rem;transition:background .18s,color .18s}.privacy-btn.agree:hover{background:#e27a1e}.privacy-btn.decline{background:#fff;border:2px solid #f28c2f;color:#f28c2f}.privacy-btn.decline:hover{background:#f0f0f0;color:#000}@media (max-width:600px){.privacy-modal{border-radius:1.2rem;box-sizing:border-box;margin:6vw auto;max-width:90vw;min-height:50vh;padding:2rem 1.5rem;width:90vw}.privacy-modal-content{font-size:1rem;line-height:1.7;max-height:50vh;padding:1.5rem 1.2rem}.privacy-modal h2{font-size:1.3rem;margin-bottom:1.2rem}.privacy-btn{font-size:1rem;padding:.6rem 1.4rem}.privacy-modal-actions{gap:1rem;margin-top:1rem}}@media (max-width:400px){.privacy-modal{border-radius:1rem;box-sizing:border-box;margin:4vw auto;max-width:92vw;min-height:45vh;padding:1.8rem 1.2rem;width:92vw}.privacy-modal-content{font-size:.95rem;line-height:1.6;max-height:45vh;padding:1.2rem 1rem}.privacy-modal h2{font-size:1.2rem;margin-bottom:1rem}.privacy-btn{font-size:.95rem;padding:.5rem 1.2rem}.privacy-modal-actions{gap:.8rem;margin-top:.8rem}}.login-signup-link{background:none;border:none;color:#f28c2f;cursor:pointer;font-size:1rem;font-weight:700;margin-left:.2rem;padding:0;text-decoration:underline}.login-signup-link:hover{color:#e27a1e}.login-selected-role{color:#f28c2f;font-size:1.15rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.1rem;text-align:center}.login-modal-bg{align-items:center;background:#191919d1;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:background .2s;width:100vw;z-index:1000}body[data-theme=dark] .login-modal-bg{background:#191919d1!important}body[data-theme=dark] .login-card{background:#232323!important;box-shadow:0 8px 44px #000a!important;color:#fff!important}body[data-theme=dark] .login-card input,body[data-theme=dark] .login-card select{background:#fff!important;color:#232323!important;font-weight:700!important}body[data-theme=dark] .login-close-btn{background:#333!important;border-radius:50%!important;box-shadow:none;color:#fff!important;font-size:1.6rem;font-weight:400;height:2.1rem;opacity:.92;transition:background .18s,color .18s,opacity .18s;width:2.1rem}body[data-theme=dark] .login-close-btn:focus,body[data-theme=dark] .login-close-btn:hover{background:#444!important;color:#fff!important;opacity:1;outline:none}body[data-theme=device] .login-modal-bg{background:#19191914!important}body[data-theme=device] .login-card{background:#fff6ec!important;border-radius:2rem!important;box-shadow:0 8px 44px #2222!important;color:#232323!important;font-family:Quicksand,Arial,sans-serif!important;padding:2.5rem 2.4rem 2.3rem!important}body[data-theme=device] .login-card h1,body[data-theme=device] .login-card label,body[data-theme=device] .login-signup,body[data-theme=device] .signup-title{color:#232323!important}body[data-theme=device] .login-card input::placeholder,body[data-theme=device] .login-card select::placeholder{color:#232323!important;opacity:1!important}body[data-theme=device] .help-modal-close,body[data-theme=device] .login-close-btn{align-items:center!important;background:#fff6ec!important;border-radius:50%!important;box-shadow:none!important;color:#f5b443!important;display:flex!important;font-size:1.6rem!important;font-weight:400!important;height:2.1rem!important;justify-content:center!important;opacity:.92!important;outline:none!important;padding:0!important;transition:background .18s,color .18s,opacity .18s!important;width:2.1rem!important;z-index:10!important}body[data-theme=device] .help-modal-close:focus,body[data-theme=device] .help-modal-close:hover,body[data-theme=device] .login-close-btn:focus,body[data-theme=device] .login-close-btn:hover{background:#e0e0e0!important;color:#232323!important;opacity:1!important;outline:none!important}body[data-theme=device] .login-card input,body[data-theme=device] .login-card select,body[data-theme=device] .login-redirect-msg,body[data-theme=device] .login-signup-link{color:#232323!important}.consult-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.consult-modal-container{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 25px 50px #00000026,0 10px 20px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:800px;position:relative;width:100%}.consult-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0;overflow:hidden;padding:24px 32px;position:relative}.consult-modal-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.consult-modal-title{font-size:28px;font-weight:700;margin:0;position:relative;text-shadow:0 2px 4px #0000001a;z-index:1}.consult-modal-subtitle{font-size:16px;margin:8px 0 0;opacity:.9;position:relative;z-index:1}.consult-patient-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;display:inline-block;font-size:14px;margin-top:12px;padding:6px 12px;position:relative;z-index:1}.consult-patient-pill span{font-weight:600;margin-left:4px}.consult-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:2}.consult-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.consult-modal-body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:32px;scroll-behavior:smooth}.consult-section{margin-bottom:32px}.consult-section-title{align-items:center;color:#2d3748;display:flex;font-size:20px;font-weight:600;gap:8px;margin-bottom:16px}.consult-section-title:before{content:"👨‍⚕️";font-size:24px}.consult-doctors-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.consult-doctor-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.consult-doctor-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.consult-doctor-card:hover{border-color:#667eea;box-shadow:0 20px 40px #667eea26;transform:translateY(-4px)}.consult-doctor-card:hover:before{transform:scaleX(1)}.consult-doctor-card.selected{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-color:#667eea;box-shadow:0 10px 25px #667eea33}.consult-doctor-card.selected:before{transform:scaleX(1)}.consult-doctor-name{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:8px}.consult-doctor-specialty{color:#718096;font-size:14px;margin-bottom:12px}.consult-doctor-experience{background:#f7fafc;border-radius:8px;color:#4a5568;display:inline-block;font-size:14px;font-weight:500;padding:8px 12px;transition:all .3s ease}.consult-doctor-card:hover .consult-doctor-experience{background:#e2e8f0;box-shadow:0 2px 8px #0000001a;color:#2d3748;transform:scale(1.02)}.consult-doctor-card.selected .consult-doctor-experience{background:#cbd5e0;color:#1a202c;font-weight:600}.consult-modal-body form{padding-bottom:0}.consult-form-group{margin-bottom:24px}.consult-form-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}@media (max-width:768px){.consult-form-grid-2{grid-template-columns:1fr}}.consult-form-label{color:#2d3748;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.consult-form-input,.consult-form-select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#2d3748;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.consult-form-input:focus,.consult-form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.consult-form-input:hover,.consult-form-select:hover{border-color:#cbd5e0}.consult-time-slots{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:16px}.consult-time-slot{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;font-weight:500;padding:12px 16px;text-align:center;transition:all .3s ease}.consult-time-slot:hover{background:#f7fafc;border-color:#667eea;transform:translateY(-2px)}.consult-time-slot.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.consult-time-slot.booked{background:#f7fafc;border-color:#e2e8f0;color:#a0aec0;cursor:not-allowed;opacity:.6}.consult-time-slot.booked:hover{border-color:#e2e8f0;transform:none}.consult-modal-actions{background:linear-gradient(135deg,#fff,#f8fafc);border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-bottom:24px;padding-top:24px}.consult-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.consult-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.consult-btn-primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.consult-btn-primary:active{transform:translateY(0)}.consult-btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.consult-btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px)}.consult-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.consult-loading{align-items:center;color:#718096;display:flex;justify-content:center;padding:40px}.consult-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:24px;margin-right:12px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.consult-error{background:#fed7d7;border-left:4px solid #e53e3e;color:#c53030}.consult-error,.consult-success{border-radius:8px;margin-bottom:16px;padding:12px 16px}.consult-success{background:#c6f6d5;border-left:4px solid #38a169;color:#2f855a}@media (max-width:768px){.consult-modal-container{margin:10px;max-height:95vh}.consult-modal-header{padding:20px}.consult-modal-title{font-size:24px}.consult-modal-body{padding:24px}.consult-doctors-grid{grid-template-columns:1fr}.consult-time-slots{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.consult-modal-actions{flex-direction:column}.consult-btn{width:100%}}@media (max-width:480px){.consult-modal-overlay{padding:10px}.consult-modal-container{border-radius:16px;margin:0}.consult-modal-header{padding:16px}.consult-modal-body{padding:20px}.consult-time-slots{grid-template-columns:repeat(2,1fr)}}@media (prefers-color-scheme:dark){.consult-modal-container{background:linear-gradient(135deg,#1a202c,#2d3748);color:#e2e8f0}.consult-modal-body,.consult-section-title{color:#e2e8f0}.consult-doctor-card{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.consult-doctor-card:hover{background:#4a5568;border-color:#667eea}.consult-doctor-card.selected{background:linear-gradient(135deg,#4a5568,#2d3748)}.consult-doctor-name{color:#e2e8f0}.consult-doctor-specialty{color:#a0aec0}.consult-doctor-experience{background:#4a5568;color:#e2e8f0}.consult-doctor-card:hover .consult-doctor-experience{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.consult-doctor-card.selected .consult-doctor-experience{background:#667eea;color:#fff;font-weight:600}.consult-form-label{color:#e2e8f0}.consult-form-input,.consult-form-select{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.consult-form-input:focus,.consult-form-select:focus{border-color:#667eea}.consult-time-slot{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.consult-time-slot:hover{background:#4a5568;border-color:#667eea}.consult-time-slot.booked{background:#1a202c;border-color:#2d3748;color:#718096}.consult-btn-secondary{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.consult-btn-secondary:hover{background:#4a5568;border-color:#667eea}.consult-modal-actions{background:linear-gradient(135deg,#1a202c,#2d3748);border-top-color:#4a5568}}:root{--edu-primary:#3b82f6;--edu-primary-dark:#1e40af;--edu-primary-light:#93c5fd;--edu-secondary:#10b981;--edu-secondary-light:#d1fae5;--edu-accent-amber:#f59e0b;--edu-accent-purple:#8b5cf6;--edu-accent-pink:#ec4899;--edu-bg-main:#f3f4f6;--edu-bg-white:#fff;--edu-bg-card:#fff;--edu-sidebar-bg:#1e3a8a;--edu-text-dark:#1f2937;--edu-text-medium:#6b7280;--edu-text-light:#9ca3af;--edu-text-white:#fff;--edu-success:#10b981;--edu-warning:#f59e0b;--edu-error:#ef4444;--edu-info:#3b82f6;--bg:var(--edu-bg-main);--card:var(--edu-bg-card);--muted:var(--edu-text-medium);--accent1:var(--edu-accent-purple);--accent2:var(--edu-primary);--accent-grad:linear-gradient(135deg,var(--edu-primary) 0%,var(--edu-accent-purple) 100%);--soft:#3b82f614;--glass:#ffffffe6;--success:var(--edu-success);--danger:var(--edu-error);--warning:var(--edu-warning);--radius:16px;--card-pad:24px;--shadow:0 4px 16px #00000014;--text:var(--edu-text-dark)}.su-root{background:#f3f4f6;background:var(--edu-bg-main);box-sizing:border-box;color:#1f2937;color:var(--edu-text-dark);font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;min-height:100vh;padding:0}.su-topbar{background:linear-gradient(135deg,#1e3a8a,#3b82f6);box-shadow:0 4px 12px #1e3a8a26;gap:16px;height:30px;justify-content:center;margin-bottom:0;margin-top:0;padding:20px 32px;position:relative}.su-brand,.su-topbar{align-items:center;display:flex}.su-brand{color:#fff;color:var(--edu-text-white);font-size:24px;font-weight:700;gap:12px}.su-brand:before{content:"🎓";font-size:32px}.su-actions{align-items:center;display:flex;gap:10px;position:absolute;right:32px}.su-btn{background:#ffffff26;border:1px solid #ffffff40;border-radius:999px;color:#fff;color:var(--edu-text-white);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.su-btn:hover{background:#ffffff40;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.su-cards-row{align-items:center;display:flex;justify-content:center;margin:24px auto;max-width:500px;padding:6px}.su-card,.su-cards-row{background:#fff;background:var(--edu-bg-white);border-radius:16px;box-shadow:0 4px 16px #00000014}.su-card{border:1px solid #0000000d;border-radius:var(--radius);box-shadow:var(--shadow);flex:1 1;min-width:180px;padding:24px;padding:var(--card-pad)}.su-card-title{color:#6b7280;color:var(--edu-text-medium);font-size:13px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.su-card-value{color:#3b82f6;color:var(--edu-primary);font-size:24px;font-weight:700}.su-body-grid{grid-gap:24px;align-items:start;background:#f3f4f6;background:var(--edu-bg-main);display:grid;gap:24px;grid-template-columns:280px 1fr 320px;margin-top:-10 px;padding:24px 32px}.su-sidebar{background:linear-gradient(180deg,#1e3a8a,#1e40af);border:none;border-radius:16px;border-radius:var(--radius);box-shadow:4px 0 20px #1e3a8a26;height:calc(100vh - 180px);overflow-y:auto;padding:24px 16px}.su-pane-title{color:#f59e0b;color:var(--edu-accent-amber);font-size:12px;font-weight:700;letter-spacing:1.2px;margin-bottom:16px;padding-left:8px;text-transform:uppercase}.su-controls{display:flex;gap:8px;margin-bottom:20px}.su-primary{background:linear-gradient(135deg,#10b981,#34d399);border:none;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;color:var(--edu-text-white);cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease;width:100%}.su-primary:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.su-list{display:flex;flex-direction:column;gap:12px}.su-list-item{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:all .3s ease}.su-list-item:hover{background:#ffffff26;transform:translateX(6px)}.su-list-item.active{background:linear-gradient(135deg,#f59e0b,#fbbf24);border-color:#f59e0b;box-shadow:0 4px 16px #f59e0b66}.su-list-left{align-items:center;display:flex;gap:12px}.su-avatar{background:#fff;background:var(--edu-bg-white);border:2px solid #ffffff4d;border-radius:50%;height:44px;object-fit:cover;width:44px}.su-name{color:#fff;color:var(--edu-text-white);font-size:14px;font-weight:600}.su-meta{color:#ffffffb3;font-size:12px}.su-list-right{align-items:center;display:flex;gap:6px}.su-icon{background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;padding:6px;transition:all .2s ease}.su-icon:hover{background:#ffffff26;color:#fff;color:var(--edu-text-white)}.su-icon.danger:hover{background:#ef444433;color:#ef4444;color:var(--edu-error)}.su-center{display:flex;flex-direction:column;gap:24px}.card{background:var(--edu-bg-white);border:1px solid #0000000d;border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow);padding:24px;padding:var(--card-pad)}.su-student-overview{background:linear-gradient(135deg,#fff,#f3f4f6);border-left:6px solid #3b82f6;border-left:6px solid var(--edu-primary);display:flex;flex-direction:column;gap:20px;min-height:220px}.su-overview-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.su-small-meta{color:#6b7280;color:var(--edu-text-medium);font-size:14px;margin-top:6px}.su-overview-head .su-mic,.su-overview-head .su-mic-controls,.su-overview-head .su-mic-large,.su-overview-head .su-mic[disabled],.su-overview-head .su-predict-meta,.su-overview-head .su-session-controls,.su-overview-head .su-timer{display:none!important}.su-session-controls{align-items:center;display:flex;gap:12px}.su-mic-controls{align-items:center;display:flex;gap:8px}.su-mic{background:linear-gradient(135deg,#3b82f6,#60a5fa);border:none;border-radius:10px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;padding:10px 16px;transition:all .3s ease}.su-mic[disabled]{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.su-timer{color:#6b7280;color:var(--edu-text-medium);font-weight:700}.su-report-toggle{display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px}.su-report-btn{background:#ffffff2e;border:1px solid #ffffff40;border-radius:999px;color:#fff;color:var(--edu-text-white);cursor:pointer;font-size:13px;padding:6px 14px;transition:all .2s ease}.su-report-btn:hover{background:#ffffff52;transform:translateY(-1px)}.su-report-btn.active{background:#fbbf24;border-color:#fbbf24;box-shadow:0 4px 12px #fbbf244d;color:#1e3a8a}.su-report-btn.clear{background:#ffffff1f;border-style:dashed}.su-history-btn{background:#3b82f61f;border:1px solid #3b82f640;border-radius:999px;color:#1d4ed8;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .2s ease}.su-history-btn:hover{background:#3b82f633}.su-history-btn.active{background:#1d4ed8;box-shadow:0 8px 18px #1d4ed840;color:#fff}.su-report-card{border:1px solid #0000000d;border-radius:16px;border-radius:var(--radius);box-shadow:0 6px 24px #1e3a8a1a;display:flex;flex-direction:column;gap:18px;margin-top:20px;padding:20px}.su-report-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.su-report-date{color:#6b7280;font-size:13px}.su-report-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px}.su-report-grid>div:first-child{flex:1 1;min-width:260px}.su-report-stats{grid-gap:18px;align-items:stretch;display:grid;gap:18px;grid-template-areas:"sessions calm mental" "stressed burnout mental";grid-template-columns:repeat(2,minmax(140px,1fr)) minmax(200px,1.15fr)}.su-report-stat{background:#3b82f614;border-radius:16px;box-shadow:0 10px 28px #3b82f61a;color:#1e3a8a;display:flex;flex-direction:column;gap:6px;padding:16px 18px}.su-report-stat span{color:#1e3a8a;font-size:13px;letter-spacing:.3px;opacity:.84}.su-report-stat strong{font-size:22px}.su-report-stat.sessions{grid-area:sessions}.su-report-stat.calm{grid-area:calm}.su-report-stat.burnout{grid-area:burnout}.su-report-stat.stressed{grid-area:stressed}.su-mental-wellbeing{border-radius:20px;box-shadow:0 20px 40px #6366f152;gap:10px;grid-area:mental;justify-content:center;letter-spacing:.45px;padding:24px}.su-mental-wellbeing span{font-size:14px;opacity:.92}.su-mental-wellbeing strong{font-size:36px}@media (max-width:768px){.su-report-stats{grid-template-areas:"mental" "sessions" "calm" "burnout" "stressed";grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.su-mental-wellbeing{align-items:flex-start}}.su-mini-title{color:#1e3a8a;font-size:14px;font-weight:600;margin-bottom:8px}.su-report-insight{background:#10b9811f;border-left:4px solid #10b981;border-radius:12px;color:#065f46;font-size:14px;line-height:1.5;padding:16px}.su-report-insight strong{display:block;margin-bottom:6px}.su-report-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.su-report-modal{background:#fff;border-radius:24px;box-shadow:0 24px 64px #0f172a47;display:flex;flex-direction:column;gap:24px;max-height:88vh;overflow-y:auto;padding:32px;position:relative;width:min(920px,92vw)}.su-report-modal-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.su-report-close{background:#0000;border:none;color:#475569;cursor:pointer;font-size:28px;position:absolute;right:22px;top:18px;transition:color .2s ease}.su-report-close:hover{color:#1e3a8a}.su-report-chart{height:260px;width:100%}.su-report-recommendation{background:#10b9811f;border-left:4px solid #10b981;border-radius:14px;color:#065f46;font-size:14px;line-height:1.6;padding:18px}.su-report-recommendation strong{display:block;margin-bottom:6px}.su-report-error,.su-report-loading{color:#1e3a8a;font-weight:600;padding:36px 16px;text-align:center}.su-report-error{color:#dc2626}.su-tooltip{background:#fff;border-radius:12px;box-shadow:0 12px 30px #0f172a2e;color:#0f172a;min-width:180px;padding:12px 16px}.su-tooltip-title{color:#1e293b;font-size:13px;font-weight:600;margin-bottom:8px}.su-tooltip-row{display:flex;font-size:13px;justify-content:space-between;margin-top:4px}.su-tooltip-row strong{font-weight:700}.su-history-panel{background:#f1f5f9a6;border:1px solid #94a3b840;border-radius:18px;display:flex;flex-direction:column;gap:12px;margin-top:16px;overflow:hidden;padding:18px}.su-history-table{border-radius:14px;overflow:hidden}.su-history-row{grid-gap:12px;align-items:center;display:grid;font-size:13px;gap:12px;grid-template-columns:repeat(8,minmax(80px,1fr));padding:12px 16px;.su-history-note{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;display:-webkit-box;font-size:12px;opacity:.85;overflow:hidden}}.su-history-row.head{background:#3b82f61f;color:#1e3a8a;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.su-history-body{max-height:220px;overflow-y:auto}.su-history-body .su-history-row{transition:background .2s ease}.su-history-body .su-history-row.even{background:#ffffffeb}.su-history-body .su-history-row.odd{background:#f8fafceb}.su-history-body .su-history-row:hover{background:#bfdbfe66}.su-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:4px 10px;text-transform:capitalize}.su-badge-calm{background:#10b98126;color:#047857}.su-badge-stressed{background:#f871712e;color:#b91c1c}.su-badge-anxious{background:#60a5fa2e;color:#1d4ed8}.su-badge-demotivated{background:#fbbf2438;color:#b45309}.su-badge-hurt{background:#a78bfa33;color:#6d28d9}.su-mental-wellbeing{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:18px;box-shadow:0 16px 34px #6366f14d;color:#eef2ff;display:flex;flex-direction:column;gap:6px;letter-spacing:.3px;padding:18px 20px}.su-mental-wellbeing span{font-size:13px;opacity:.9}.su-mental-wellbeing strong{font-size:28px;font-weight:700}.su-eve-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:12px}@media (max-width:1100px){.su-body-grid{grid-template-columns:280px 1fr}.su-right{display:none}.su-eve-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.su-body-grid{grid-template-columns:1fr}.su-sidebar{order:2}.su-right{order:3}.su-eve-grid{grid-template-columns:1fr}}.su-prog{background:#fff;background:var(--edu-bg-white);border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease}.su-prog:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-4px)}.su-prog-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.su-prog-row span:first-child{color:#1f2937;color:var(--edu-text-dark);font-size:16px;font-weight:600}.su-prog-pct{color:#3b82f6;color:var(--edu-primary);font-size:20px;font-weight:700;letter-spacing:.2px}.su-prog-track{background:#e5e7eb;box-shadow:inset 0 2px 4px #0000000f;height:12px;margin-top:12px}.su-prog-fill,.su-prog-track{border-radius:6px;overflow:hidden}.su-prog-fill{height:100%;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.su-prog-fill[style*="#6fcf97"],.su-prog-fill[style*=calm]{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 2px 8px #10b9814d}.su-prog-fill[style*="#eb5757"],.su-prog-fill[style*=stressed]{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 2px 8px #ef44444d}.su-prog-fill[style*="#bb6bd9"],.su-prog-fill[style*=anxious]{background:linear-gradient(90deg,#8b5cf6,#a78bfa);box-shadow:0 2px 8px #8b5cf64d}.su-prog-fill[style*="#56ccf2"],.su-prog-fill[style*=hurt]{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 2px 8px #f59e0b4d}.su-prog-fill[style*="#f2c94c"],.su-prog-fill[style*=demotivated]{background:linear-gradient(90deg,#6b7280,#9ca3af);box-shadow:0 2px 8px #6b72804d}.su-card-row{display:flex;gap:20px;margin-top:24px}.su-small-card{background:#fff;background:var(--edu-bg-white);border-radius:16px;border-top:4px solid #3b82f6;border-top:4px solid var(--edu-primary);box-shadow:0 4px 16px #0000000f;flex:1 1;padding:20px;transition:all .3s ease}.su-small-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.su-small-card.burnout{border-top-color:#ef4444;border-top-color:var(--edu-error)}.su-small-card.behavioral{border-top-color:#f59e0b;border-top-color:var(--edu-warning)}.su-small-card.learning{border-top-color:#10b981;border-top-color:var(--edu-success)}.su-small-title{color:#6b7280;color:var(--edu-text-medium);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.su-bold{color:#1f2937;color:var(--edu-text-dark);font-size:32px;font-weight:700;margin-bottom:6px}.su-ghost{background:#0000;border:1px dashed #3b82f64d;border-radius:8px;color:#3b82f6;color:var(--edu-primary);cursor:pointer;padding:8px 16px;transition:all .3s ease}.su-ghost:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--edu-primary)}.su-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:24px}.su-analytic-card{background:#fff;background:var(--edu-bg-white);border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:24px;transition:all .3s ease}.su-analytic-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.su-analytic-body{padding-top:12px}.su-risk-bar{background:#e5e7eb;border-radius:999px;box-shadow:inset 0 2px 4px #0000000f;height:12px;overflow:hidden}.su-risk-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);background:linear-gradient(90deg,var(--edu-primary) 0,var(--edu-accent-purple) 100%);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.su-analytic-footer{color:#6b7280;color:var(--edu-text-medium);display:flex;font-size:13px;justify-content:space-between;margin-top:12px}.su-readiness-bars{display:flex;flex-direction:column;gap:12px}.su-readiness-row{align-items:center;display:flex;gap:12px}.su-readiness-row span{color:#1f2937;color:var(--edu-text-dark);font-size:14px;font-weight:500;min-width:120px}.su-readiness-fill{align-items:center;background:linear-gradient(90deg,#10b981,#34d399);background:linear-gradient(90deg,var(--edu-success) 0,#34d399 100%);border-radius:12px;box-shadow:0 2px 8px #10b9814d;display:flex;flex:1 1;height:24px;justify-content:flex-end;padding-right:12px}.su-readiness-fill strong{color:#fff;font-size:12px;font-weight:700}.su-flag-summary{color:#1f2937;color:var(--edu-text-dark);font-size:14px;line-height:1.6}.su-flag-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.su-flag-chip{background:#3b82f61a;border-radius:20px;color:#3b82f6;color:var(--edu-primary);font-size:12px;font-weight:600;padding:6px 12px}.su-flag-chip.severity-high{background:#ef44441a;color:#ef4444;color:var(--edu-error)}.su-flag-chip.severity-medium{background:#f59e0b1a;color:#f59e0b;color:var(--edu-warning)}.su-flag-chip.severity-low{background:#10b9811a;color:#10b981;color:var(--edu-success)}.su-recent-section{margin-top:24px}.su-table{background:#fff;background:var(--edu-bg-white);border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-top:16px;overflow:hidden}.su-tr{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr 80px 120px 120px;padding:16px 20px}.su-tr.su-head{background:#f9fafb;color:#6b7280;color:var(--edu-text-medium);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.su-tr:not(.su-head){border-top:1px solid #0000000d;color:#1f2937;color:var(--edu-text-dark)}.su-tr:not(.su-head):hover{background:#f9fafb}.su-right{display:flex;flex-direction:column;gap:20px}.su-card h4{color:#1f2937;color:var(--edu-text-dark);font-size:18px;font-weight:700;margin:0 0 12px}.su-card small{color:#6b7280;color:var(--edu-text-medium);display:block;font-size:13px;margin-bottom:12px}.su-session-controls{background:#fff;background:var(--edu-bg-white);border-radius:16px;box-shadow:0 4px 16px #0000000f;margin-bottom:24px;padding:24px}.su-mic-large{background:linear-gradient(135deg,#3b82f6,#60a5fa);border:none;border-radius:12px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .3s ease;width:100%}.su-mic-large:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.su-mic-large:disabled{cursor:not-allowed;opacity:.6;transform:none}.su-staff-quick{align-items:center;border:1px solid #0000000d;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:12px;padding:12px}.su-avatar-sm,.su-staff-quick{background:#fff;background:var(--edu-bg-white)}.su-avatar-sm{border:2px solid #0000001a;border-radius:50%;height:40px;width:40px}.su-modal-bg{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.su-modal{background:#fff;background:var(--edu-bg-white);border:none;border-radius:20px;box-shadow:0 20px 60px #0000004d;box-sizing:border-box;max-height:90vh;overflow-y:auto;padding:28px;width:min(460px,90vw)}.su-modal h3{color:#1f2937;color:var(--edu-text-dark);font-size:24px;font-weight:700;margin-bottom:24px}.su-form label{color:#1f2937;color:var(--edu-text-dark);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.su-form input,.su-form select,.su-form textarea{background:#fff;background:var(--edu-bg-white);border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;color:var(--edu-text-dark);font-size:14px;margin-bottom:16px;margin-top:8px;padding:12px 16px;transition:all .2s ease;width:100%}.su-form input:focus,.su-form select:focus,.su-form textarea:focus{border-color:#3b82f6;border-color:var(--edu-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.su-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.su-secondary{background:#0000;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;color:var(--edu-text-dark);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.su-secondary:hover{background:#f9fafb;border-color:#6b7280;border-color:var(--edu-text-medium)}.su-empty{font-size:14px;padding:24px}.su-empty,.su-empty-center{color:#6b7280;color:var(--edu-text-medium);text-align:center}.su-empty-center{font-size:16px;padding:60px 40px}.su-analytic-card h4{color:#1f2937;color:var(--edu-text-dark);font-size:18px;font-weight:700;margin:0 0 12px}button:focus,input:focus,select:focus,textarea:focus{outline:3px solid #3b82f64d;outline-offset:2px}@media (max-width:900px){.su-cards-row{flex-direction:column;margin:16px}.su-body-grid{grid-template-columns:1fr;padding:16px}.su-sidebar{height:auto;order:2}.su-right{display:none}.su-cards-grid{grid-template-columns:1fr}}.su-tabs{align-items:center;background:#fff;background:var(--edu-bg-white);border-radius:16px;box-shadow:0 4px 16px #00000014;box-sizing:border-box;display:flex;gap:12px;justify-content:center;margin:0 auto;max-width:500px;padding:8px;width:100%}.su-tab{background:#0000;border:none;border-radius:12px;color:#6b7280;color:var(--edu-text-medium);cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.su-tab:hover{background:#3b82f61a;color:#3b82f6;color:var(--edu-primary)}.su-tab.active{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 4px 16px #3b82f64d;color:#fff}.su-tab.large{border-radius:12px;box-sizing:border-box;flex-basis:calc(50% - 6px);flex-grow:0;flex-shrink:0;font-size:18px;font-weight:700;min-width:120px;padding:16px 32px;text-align:center;transition:all .3s ease}.su-tab.large:hover{background:#3b82f61a;color:#3b82f6;color:var(--edu-primary);transform:scale(1.02)}.su-tab.large.active{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 4px 16px #3b82f64d;color:#fff}.su-tabs-top{margin-bottom:0;margin-top:15px}@media (max-width:520px){.su-tabs{flex-direction:column;gap:8px;max-width:100%;padding:12px}.su-tab.large{flex:1 1 auto;padding:14px 20px;width:100%}}.su-root .card{background:#fff;background:var(--edu-bg-white);border:1px solid #0000000d;box-shadow:0 4px 16px #00000014;color:#1f2937;color:var(--edu-text-dark)}.su-student-overview.card,.su-student-overview.card *{background:#0000;color:#1f2937!important;color:var(--edu-text-dark)!important}.su-student-overview.card h3{color:#1f2937;color:var(--edu-text-dark);font-size:32px;font-weight:700}.su-card textarea{background:#fff;background:var(--edu-bg-white);border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#1f2937;color:var(--edu-text-dark);font-family:inherit;font-size:14px;max-width:100%;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.su-card textarea:focus{border-color:#3b82f6;border-color:var(--edu-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.su-card div[style*="display:flex"][style*="justify-content:space-between"]{background:#f9fafb;border-radius:10px;margin-bottom:8px}.su-card div[style*="display:flex"][style*="justify-content:space-between"]:hover{background:#f3f4f6}.admin-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;min-height:70vh}.admin-layout-tabs{display:flex;flex-direction:column;gap:16px}.tabs-bar{background:#0000;position:-webkit-sticky;position:sticky;top:0;z-index:10}.admin-layout-tabs{background:#fff!important}.admin-layout-tabs,.admin-layout-tabs *{-webkit-text-fill-color:#000!important;color:#000!important}.tabs-bar{background:#fff!important}body[data-theme=dark] .admin-layout-tabs,body[data-theme=dark] .admin-layout-tabs .admin-card,body[data-theme=dark] .admin-layout-tabs .admin-content,body[data-theme=dark] .admin-layout-tabs .admin-panel,body[data-theme=dark] .admin-layout-tabs .admin-table,body[data-theme=dark] .admin-layout-tabs .tab{background:#fff!important;border-color:#e5e7eb!important;color:#000!important}body[data-theme=dark] .admin-layout-tabs .tab{background:#111!important;color:#9ca3af!important}body[data-theme=dark] .admin-layout-tabs .tab.active{background:#fff!important;color:#000!important}body[data-theme=dark] .admin-layout-tabs .admin-table thead th{background:#fafafa!important;color:#374151!important}body[data-theme=dark] .admin-layout-tabs .admin-table tbody tr:nth-child(2n){background:#fafafa!important}.tabs-container{grid-gap:0;align-items:end;border-bottom:1px solid #e5e7eb;display:grid;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:6px 0;width:100%}.tab{align-items:center;background:#111;border:1px solid #1f2937;border-bottom:none;border-radius:10px 10px 0 0;color:#9ca3af;display:flex;justify-content:center;padding:12px 16px;position:relative;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.tab:hover{background:#1a1a1a;color:#d1d5db}.tab.active{background:#fff;border-color:#e5e7eb;box-shadow:0 4px 10px #0000002e;color:#000;font-weight:800}.tab:after{background:#0000;bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.admin-content,.tab.active:after{background:#fff}.admin-content{border:1px solid #e5e7eb;border-radius:0 10px 10px 10px;border-top:none;padding:8px}.admin-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.admin-card,.admin-stats-grid,.admin-stats-grid *{color:#000!important}.admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:transform .18s ease,box-shadow .18s ease}.admin-card:hover{box-shadow:0 10px 24px #0000001a;transform:translateY(-2px)}.admin-card,.admin-card *,.admin-card-title{color:#000!important}.admin-card-title{font-size:14px;font-weight:600;margin-bottom:4px}.admin-card-value{color:#000!important;font-size:28px;font-weight:800;margin-top:6px}.admin-muted{color:#6b7280;font-size:14px}.admin-grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.admin-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:16px}.admin-panel-title{color:#000;font-size:16px;font-weight:700;margin-bottom:8px}.admin-table{background:#fff;border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-top:1px solid #f3f4f6;font-size:14px;padding:10px;text-align:left}.admin-table thead th{background:#fafafa;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:700}.admin-table tbody tr:nth-child(2n){background:#fafafa}.admin-table tbody tr:hover{background:#f3f4f6}.status-active{color:#10b981;font-weight:600}.status-inactive{color:#ef4444;font-weight:600}.admin-row{margin-bottom:12px}.admin-select{background:#fff;padding:8px 10px}.admin-btn,.admin-select{border:1px solid #d1d5db;border-radius:8px;font-size:14px}.admin-btn{background:#f9fafb;cursor:pointer;font-weight:600;padding:8px 12px;transition:all .2s ease}.admin-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.admin-actions{margin-bottom:12px}.btn{background:#fff;border-radius:10px;padding:8px 12px;transition:all .2s ease}.btn:hover{box-shadow:0 6px 14px #0000001a;transform:translateY(-1px)}.btn-primary{background:#2563eb;border-color:#2563eb}.btn-primary:hover{background:#1e40af;border-color:#1e40af}.badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:700;padding:4px 10px}.badge-success{background:#ecfdf5;border:1px solid #a7f3d0}.badge-danger{background:#fef2f2;border:1px solid #fecaca}.badge-warning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.badge-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a}.badge-neutral{border:1px solid #e5e7eb}.progress{background:#e5e7eb;border-radius:9999px;height:10px;overflow:hidden;width:100%}.progress-inner{background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:9999px;height:100%;transition:width .3s ease}.trend-up{color:#10b981;font-weight:700}.trend-down{color:#ef4444;font-weight:700}.card-hover{transition:transform .18s ease,box-shadow .18s ease}.card-hover:hover{box-shadow:0 10px 24px #0000001a;transform:translateY(-2px)}.admin-nav-item{position:relative;transition:background .2s ease,color .2s ease,border-color .2s ease}.admin-nav-item.active{background:#2563eb;color:#fff}.admin-nav-item.active:before{background:#60a5fa;border-radius:4px;bottom:8px;content:"";left:-12px;position:absolute;top:8px;width:4px}.admin-nav-item:hover{background:#0b1220;color:#fff}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 6px 18px #0000001a;padding:16px;transition:transform .18s ease,box-shadow .18s ease}.card:hover{box-shadow:0 12px 28px #00000026;transform:translateY(-2px)}.card-title{font-weight:700;margin-bottom:4px}.card-subtitle{color:#6b7280;font-size:13px}.cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.warning{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#78350f;padding:12px}.admin-content,.admin-content *{-webkit-text-fill-color:#000!important;color:#000!important}@media (max-width:1024px){.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid-2{grid-template-columns:1fr}.tabs-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.admin-stats-grid,.tabs-container{grid-template-columns:1fr}.admin-content{padding:4px}.admin-card,.admin-panel{padding:12px}}@media (max-width:480px){.admin-card-value{font-size:24px}.admin-table td,.admin-table th{font-size:12px;padding:8px}.tab{font-size:14px;padding:8px 12px}}body[data-theme=dark] .admin-content{background:#1e1e1e;border-color:#404040;color:#fff}body[data-theme=dark] .admin-card,body[data-theme=dark] .admin-panel{background:#2a2a2a;border-color:#404040;color:#fff}body[data-theme=dark] .admin-card,body[data-theme=dark] .admin-card *{color:#fff!important}body[data-theme=dark] .admin-table{background:#2a2a2a;color:#fff}body[data-theme=dark] .admin-table thead th{background:#374151;color:#fff}body[data-theme=dark] .admin-table tbody tr:nth-child(2n){background:#374151}body[data-theme=dark] .admin-table tbody tr:hover{background:#4b5563}body[data-theme=dark] .tab{background:#374151;border-color:#4b5563;color:#d1d5db}body[data-theme=dark] .tab:hover{background:#4b5563;color:#fff}body[data-theme=dark] .tab.active{background:#fff;color:#000}body[data-theme=dark] .admin-select{background:#2a2a2a;border-color:#404040;color:#fff}body[data-theme=dark] .admin-btn{background:#374151;border-color:#4b5563;color:#fff}body[data-theme=dark] .admin-btn:hover{background:#4b5563}.modal-overlay{background:#0009}.modal-content{box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%}.modal-content h2{color:#000;font-size:20px}.modal-content label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.modal-content input,.modal-content select,.modal-content textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:14px;margin-bottom:16px;padding:8px 12px;width:100%}.modal-content textarea{min-height:80px;resize:vertical}body[data-theme=dark] .modal-content{background:#2a2a2a;color:#fff}body[data-theme=dark] .modal-content h2{color:#fff}body[data-theme=dark] .modal-content label{color:#d1d5db}body[data-theme=dark] .modal-content input,body[data-theme=dark] .modal-content select,body[data-theme=dark] .modal-content textarea{background:#374151;border-color:#4b5563;color:#fff}.hospital-doctor-dashboard{background:#fff;margin:0;max-width:100%;min-height:100vh;padding:24px;width:100%}body[data-theme=device] .hospital-doctor-dashboard,body[data-theme=device] .hospital-doctor-section,body[data-theme=device] .patient-card{background:#fff;color:#111827}body[data-theme=device] .hospital-doctor-header h1,body[data-theme=device] .hospital-doctor-section h2,body[data-theme=device] .patient-card h3{color:#111827}body[data-theme=device] .appointments-table td,body[data-theme=device] .appointments-table th,body[data-theme=device] .patient-card p{color:#374151}body[data-theme=device] .hospital-doctor-section,body[data-theme=device] .patient-card{border-color:#e5e7eb}body[data-theme=device] .hospital-doctor-tabs button{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280}body[data-theme=device] .hospital-doctor-tabs button.active{background:#fff;border-bottom-color:#3b82f6;color:#111827}body[data-theme=device] .appointments-table thead{background:#f9fafb}body[data-theme=device] .appointments-table th{color:#374151}body[data-theme=device] .appointments-table tbody tr:hover{background:#f3f4f6}.hospital-doctor-header{border-bottom:2px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.hospital-doctor-header h1{color:#111827;font-size:28px;font-weight:700;margin:0 0 16px}.hospital-doctor-tabs{display:flex;gap:8px;margin-top:16px}.hospital-doctor-tabs button{background:#f3f4f6;border:1px solid #e5e7eb;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;color:#6b7280;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.hospital-doctor-tabs button:hover{background:#e5e7eb;box-shadow:0 4px 12px #0000001a;color:#374151;transform:translateY(-2px)}.hospital-doctor-tabs button.active{background:#fff;border-color:#e5e7eb #e5e7eb #fff;box-shadow:0 -2px 8px #0000000d;color:#111827}.hospital-doctor-tabs button .notification-badge{animation:pulse 2s infinite;background:#ef4444;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-left:8px;min-width:20px;padding:2px 8px;text-align:center}.hospital-doctor-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:24px}.hospital-doctor-section h2{color:#111827;font-size:20px;font-weight:600;margin:0 0 20px}.patients-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.patient-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .2s ease}.patient-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}@keyframes pulse-urgent{0%,to{box-shadow:0 4px 12px #f59e0b4d}50%{box-shadow:0 4px 20px #f59e0b80}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.patient-card-urgent{animation:pulse-urgent 2s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fff)!important;border:3px solid #f59e0b!important;box-shadow:0 4px 12px #f59e0b4d!important;position:relative}.patient-card-urgent:before{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#f59e0b,#fbbf24,#f59e0b);background-size:200% 100%;border-radius:8px 8px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.patient-card h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 12px}.patient-card p{color:#6b7280;font-size:14px;line-height:1.5;margin:8px 0}.patient-card .badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;margin-left:8px;padding:4px 12px}.patient-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.patient-card .btn-secondary,.patient-card button.btn-secondary,body:not(.doctor-theme-locked)[data-theme=device] .patient-card .btn-secondary,body:not(.doctor-theme-locked)[data-theme=device] .patient-card button.btn-secondary,body[data-theme=device] .patient-card .btn-secondary,body[data-theme=device] .patient-card button.btn-secondary{background:#fff!important;border:1px solid #d1d5db!important;color:#000!important}.patient-card .btn-secondary:hover,.patient-card button.btn-secondary:hover,body:not(.doctor-theme-locked)[data-theme=device] .patient-card .btn-secondary:hover,body:not(.doctor-theme-locked)[data-theme=device] .patient-card button.btn-secondary:hover,body[data-theme=device] .patient-card .btn-secondary:hover,body[data-theme=device] .patient-card button.btn-secondary:hover{background:#f0f9ff!important;border-color:#3b82f6!important;box-shadow:0 6px 12px #3b82f626!important;color:#1e40af!important;transform:translateY(-2px) scale(1.02)!important}.badge-danger{background:#fee2e2;color:#991b1b}.badge-warning{background:#fef3c7;color:#92400e}.badge-success{background:#d1fae5;color:#065f46}.badge-neutral{background:#f3f4f6;color:#374151}.btn-primary{background:#3b82f6;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-primary:hover{background:#2563eb;box-shadow:0 8px 16px #3b82f666,0 0 20px #3b82f633;transform:translateY(-2px) scale(1.02)}.btn-primary:hover:before{height:300px;width:300px}.btn-primary:active{box-shadow:0 2px 4px #3b82f64d;transform:translateY(0) scale(.98)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-secondary{background:#fff!important;border:1px solid #d1d5db!important;color:#000!important;opacity:1!important;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:visible!important}.btn-secondary:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-secondary:hover{background:#f0f9ff!important;border-color:#3b82f6!important;box-shadow:0 6px 12px #3b82f626;color:#1e40af!important;transform:translateY(-2px) scale(1.02)}.btn-secondary:hover:before{left:100%}.btn-secondary:active{transform:translateY(0) scale(.98)}.btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;font-weight:600;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:hover{background:#e5e7eb;border-color:#9ca3af;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px) scale(1.02)}.btn:active{transform:translateY(0) scale(.98)}.appointments-table{background:#fff;border-collapse:collapse;margin-top:16px;width:100%}.appointments-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.appointments-table th{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.appointments-table td{border-bottom:1px solid #e5e7eb;color:#111827;font-size:14px;padding:16px}.appointments-table td.notes-cell{word-wrap:break-word;color:#6b7280;font-style:italic;max-width:250px;overflow-wrap:break-word}.appointments-table tbody tr{transition:background .2s ease}.appointments-table tbody tr:hover{background:#f9fafb}.appointments-table tbody tr.new-appointment{animation:pulse-highlight 2s ease-in-out;background:#fef3c7;border-left:4px solid #f59e0b}.empty-state,.loading-state{color:#6b7280;font-size:16px;padding:40px 20px;text-align:center}.modal-content{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;padding:24px}.modal-content h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 20px}.modal-content h3{color:#111827;font-size:18px;font-weight:600;margin:16px 0 8px}.modal-content p{color:#000!important}.modal-header .btn-secondary,.modal-header button.btn-secondary,body:not(.doctor-theme-locked)[data-theme=device] .modal-header .btn-secondary,body:not(.doctor-theme-locked)[data-theme=device] .modal-header button.btn-secondary,body[data-theme=device] .modal-header .btn-secondary,body[data-theme=device] .modal-header button.btn-secondary{background:#fff!important;border:1px solid #d1d5db!important;color:#000!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.modal-header .btn-secondary:hover,.modal-header button.btn-secondary:hover,body:not(.doctor-theme-locked)[data-theme=device] .modal-header .btn-secondary:hover,body:not(.doctor-theme-locked)[data-theme=device] .modal-header button.btn-secondary:hover,body[data-theme=device] .modal-header .btn-secondary:hover,body[data-theme=device] .modal-header button.btn-secondary:hover{background:#f0f9ff!important;border-color:#3b82f6!important;box-shadow:0 6px 12px #3b82f626!important;color:#1e40af!important;transform:translateY(-2px) scale(1.02)!important}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-actions button{transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-actions .btn-primary:hover{box-shadow:0 8px 16px #3b82f666,0 0 20px #3b82f633;transform:translateY(-2px) scale(1.02)}.modal-actions .btn-secondary:hover{box-shadow:0 6px 12px #3b82f626;transform:translateY(-2px) scale(1.02)}.session-controls{margin-top:20px}.session-controls button{margin-right:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.session-controls button:hover{transform:translateY(-2px) scale(1.02)}.session-controls .btn-primary:hover{box-shadow:0 8px 16px #3b82f666,0 0 20px #3b82f633}.session-controls .btn-secondary:hover{box-shadow:0 6px 12px #3b82f626}.recording-status{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;margin:16px 0;padding:16px}.recording-status p{color:#991b1b;font-size:16px;font-weight:600;margin:0}.analyzing-status{background:#dbeafe;border:1px solid #93c5fd;border-radius:8px;margin:16px 0;padding:16px;text-align:center}.analyzing-status p{color:#1e40af;font-size:16px;font-weight:600;margin:0}.emotion-results{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:20px;padding:16px}.emotion-results pre{background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;margin:12px 0;overflow-x:auto;padding:12px}.emotion-results textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;margin-top:12px;padding:12px;resize:vertical;width:100%}.emotion-results textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.session-history-table{border-collapse:collapse;margin-top:16px;width:100%}.session-history-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;padding:12px;text-align:left}.session-history-table td{border-bottom:1px solid #e5e7eb;color:#111827;font-size:14px;padding:12px}.session-history-table tbody tr:hover{background:#f9fafb}.session-history-table .btn-secondary,.session-history-table button.btn-secondary,body:not(.doctor-theme-locked)[data-theme=device] .session-history-table .btn-secondary,body:not(.doctor-theme-locked)[data-theme=device] .session-history-table button.btn-secondary,body[data-theme=device] .session-history-table .btn-secondary,body[data-theme=device] .session-history-table button.btn-secondary{background:#fff!important;border:1px solid #d1d5db!important;color:#000!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.session-history-table .btn-secondary:hover,.session-history-table button.btn-secondary:hover,body:not(.doctor-theme-locked)[data-theme=device] .session-history-table .btn-secondary:hover,body:not(.doctor-theme-locked)[data-theme=device] .session-history-table button.btn-secondary:hover,body[data-theme=device] .session-history-table .btn-secondary:hover,body[data-theme=device] .session-history-table button.btn-secondary:hover{background:#f0f9ff!important;border-color:#3b82f6!important;box-shadow:0 6px 12px #3b82f626!important;color:#1e40af!important;transform:translateY(-2px) scale(1.02)!important}.session-details{margin-top:20px}.session-details ul{list-style:none;margin:12px 0;padding:0}.session-details li{border-bottom:1px solid #e5e7eb;color:#000;padding:8px 0}.session-details li:last-child{border-bottom:none}.notes-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:12px}.note-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px;padding:12px}.note-item:last-child{margin-bottom:0}.note-date{color:#6b7280;font-size:12px;margin-bottom:4px}.note-text{color:#111827;font-size:14px;line-height:1.5}.appointment-ready{background-color:#e8f5e9!important}.appointment-upcoming{background-color:#fff3e0!important}.appointment-past{background-color:#f5f5f5!important;opacity:.7}.appointments-table .btn-secondary,.appointments-table button.btn-secondary,body:not(.doctor-theme-locked)[data-theme=device] .appointments-table .btn-secondary,body:not(.doctor-theme-locked)[data-theme=device] .appointments-table button.btn-secondary,body[data-theme=device] .appointments-table .btn-secondary,body[data-theme=device] .appointments-table button.btn-secondary{background:#fff!important;border:1px solid #d1d5db!important;color:#000!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.appointments-table .btn-secondary:hover,.appointments-table button.btn-secondary:hover,body:not(.doctor-theme-locked)[data-theme=device] .appointments-table .btn-secondary:hover,body:not(.doctor-theme-locked)[data-theme=device] .appointments-table button.btn-secondary:hover,body[data-theme=device] .appointments-table .btn-secondary:hover,body[data-theme=device] .appointments-table button.btn-secondary:hover{background:#f0f9ff!important;border-color:#3b82f6!important;box-shadow:0 6px 12px #3b82f626!important;color:#1e40af!important;transform:translateY(-2px) scale(1.02)!important}.appointments-table button[style*="background: #ef4444"],.appointments-table button[style*="background:#ef4444"],body:not(.doctor-theme-locked)[data-theme=device] .appointments-table button[style*="background: #ef4444"],body:not(.doctor-theme-locked)[data-theme=device] .appointments-table button[style*="background:#ef4444"],body[data-theme=device] .appointments-table button[style*="background: #ef4444"],body[data-theme=device] .appointments-table button[style*="background:#ef4444"]{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.appointments-table button[style*="background: #ef4444"]:hover,.appointments-table button[style*="background:#ef4444"]:hover,body:not(.doctor-theme-locked)[data-theme=device] .appointments-table button[style*="background: #ef4444"]:hover,body:not(.doctor-theme-locked)[data-theme=device] .appointments-table button[style*="background:#ef4444"]:hover,body[data-theme=device] .appointments-table button[style*="background: #ef4444"]:hover,body[data-theme=device] .appointments-table button[style*="background:#ef4444"]:hover{background:#dc2626!important;border-color:#dc2626!important;box-shadow:0 6px 12px #ef44444d!important;color:#fff!important;transform:translateY(-2px) scale(1.02)!important}.status-ready{color:#16a34a;font-weight:700}.status-upcoming{color:#f59e0b;font-weight:600}.status-past,.text-muted{color:#6b7280}.text-muted{font-style:italic}.appointments-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;margin-bottom:16px;padding:12px}@media (max-width:768px){.hospital-doctor-dashboard{padding:16px}.hospital-doctor-header h1{font-size:24px}.hospital-doctor-tabs{flex-direction:column}.hospital-doctor-tabs button{border-bottom:1px solid #e5e7eb;border-radius:8px}.hospital-doctor-tabs button.active{border-bottom-color:#e5e7eb}.patients-grid{grid-template-columns:1fr}.appointments-table{font-size:12px}.appointments-table td,.appointments-table th{padding:8px}.modal-content{max-width:100%;padding:16px}}[data-theme=dark] .hospital-doctor-dashboard,[data-theme=dark] .hospital-doctor-section,[data-theme=dark] .modal-content,[data-theme=dark] .patient-card{background:#1f2937;color:#f9fafb}[data-theme=dark] .hospital-doctor-header h1,[data-theme=dark] .hospital-doctor-section h2,[data-theme=dark] .patient-card h3{color:#f9fafb}[data-theme=dark] .appointments-table td,[data-theme=dark] .patient-card p{color:#d1d5db}[data-theme=dark] .hospital-doctor-section,[data-theme=dark] .modal-content,[data-theme=dark] .patient-card{border-color:#374151}[data-theme=dark] .hospital-doctor-tabs button{background:#374151;border-color:#4b5563;color:#9ca3af}[data-theme=dark] .hospital-doctor-tabs button.active{background:#1f2937;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .appointments-table thead{background:#374151}[data-theme=dark] .appointments-table th{color:#d1d5db}[data-theme=dark] .appointments-table tbody tr:hover{background:#374151}[data-theme=dark] .emotion-results{background:#374151;border-color:#4b5563}[data-theme=dark] .emotion-results pre,[data-theme=dark] .emotion-results textarea{background:#111827;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .btn-secondary{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .btn-secondary:hover{background:#4b5563}[data-theme=dark] .btn{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .btn:hover{background:#4b5563}.modal-content.large{max-width:1200px;width:95%}.modal-header{border-bottom:2px solid #e5e7eb;padding-bottom:16px}.modal-header h2{font-size:24px;font-weight:700}.close-btn{background:#0000;color:#6b7280;font-size:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.close-btn:before{background:#ef44441a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s;width:0}.close-btn:hover{background:#fee2e2;box-shadow:0 4px 8px #ef444433;color:#dc2626;transform:rotate(90deg) scale(1.1)}.close-btn:hover:before{height:40px;width:40px}.close-btn:active{transform:rotate(90deg) scale(.95)}.report-grid{grid-gap:20px;gap:20px;grid-template-columns:1fr 1fr}.chart-section{border:1px solid #e5e7eb;border-radius:8px;padding:20px}.chart-section,.chart-section .recharts-cartesian-grid,.chart-section .recharts-legend-wrapper,.chart-section .recharts-surface,.chart-section .recharts-tooltip-wrapper,.chart-section .recharts-wrapper,.chart-section svg,.chart-section>div[style*=height],.chart-section>div[style*=width]{background:#fff!important}.chart-section h3{font-size:18px;font-weight:600;margin:0 0 16px}.chart-section h3,[data-theme=dark] .chart-section h3,[data-theme=dark] .modal-content .chart-section h3,[data-theme=dark] .report-grid .chart-section h3,body:not(.doctor-theme-locked)[data-theme=device] .chart-section h3,body:not(.doctor-theme-locked)[data-theme=device] .modal-content .chart-section h3,body:not(.doctor-theme-locked)[data-theme=device] .report-grid .chart-section h3,body[data-theme=device] .chart-section h3,body[data-theme=device] .modal-content .chart-section h3,body[data-theme=device] .report-grid .chart-section h3{color:#000!important}.radar-card{grid-column:1/-1}.radar-card,.radar-flat{background:#fff!important}.no-data-message{font-size:14px}.risk-analysis{background:#fff!important;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.modal-content .chart-section,.modal-content .risk-analysis,.modal-content.large .chart-section,.modal-content.large .risk-analysis,.report-grid .chart-section,.report-grid .risk-analysis,body:not(.doctor-theme-locked)[data-theme=device] .modal-content .chart-section,body:not(.doctor-theme-locked)[data-theme=device] .modal-content .risk-analysis,body:not(.doctor-theme-locked)[data-theme=device] .modal-content.large .chart-section,body:not(.doctor-theme-locked)[data-theme=device] .modal-content.large .risk-analysis,body:not(.doctor-theme-locked)[data-theme=device] .report-grid .chart-section,body:not(.doctor-theme-locked)[data-theme=device] .report-grid .risk-analysis,body[data-theme=device] .modal-content .chart-section,body[data-theme=device] .modal-content .risk-analysis,body[data-theme=device] .modal-content.large .chart-section,body[data-theme=device] .modal-content.large .risk-analysis,body[data-theme=device] .report-grid .chart-section,body[data-theme=device] .report-grid .risk-analysis{background:#f5f5f5!important;border-color:#e5e7eb!important;box-shadow:none!important}.risk-analysis h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 16px}.risk-components{display:flex;flex-direction:column;margin-bottom:20px}.risk-item{gap:12px}.risk-item span:first-child{color:#374151;font-size:14px;font-weight:500;min-width:180px}.risk-bar{border-radius:12px;flex:1 1;height:24px;position:relative}.risk-fill{background:linear-gradient(90deg,#ef4444,#f59e0b);border-radius:12px;transition:width .3s ease}.risk-item span:last-child{color:#111827;font-size:14px;font-weight:600;min-width:50px;text-align:right}.cumulative-risk{border-top:1px solid #e5e7eb;padding-top:16px}.cumulative-risk h4{color:#111827;font-weight:600}.mental-state{background:#fff!important;border:1px solid #e5e7eb}.mental-state h3{color:#111827;font-size:18px;margin:0 0 16px}.mental-state-content{display:flex;flex-direction:column;gap:12px}.mental-state-badge{border-radius:8px;font-weight:600;padding:10px 20px;width:-webkit-fit-content;width:fit-content}.mental-state-score{color:#6b7280;font-size:14px;font-weight:500}.mental-state-summary{color:#374151;font-size:14px;line-height:1.6}.new-patient-message{padding:60px 20px}.new-patient-message h3{color:#111827;font-size:20px;margin:0 0 12px}.new-patient-message p{color:#6b7280;font-size:14px;line-height:1.6}[data-theme=dark] .chart-section,[data-theme=dark] .chart-section .recharts-cartesian-grid,[data-theme=dark] .chart-section .recharts-legend-wrapper,[data-theme=dark] .chart-section .recharts-surface,[data-theme=dark] .chart-section .recharts-tooltip-wrapper,[data-theme=dark] .chart-section .recharts-wrapper,[data-theme=dark] .chart-section svg,[data-theme=dark] .mental-state,[data-theme=dark] .radar-card,[data-theme=dark] .radar-flat,[data-theme=dark] .report-grid,[data-theme=dark] .risk-analysis{background:#fff!important}[data-theme=dark] .chart-section h3,[data-theme=dark] .cumulative-risk h4,[data-theme=dark] .mental-state h3,[data-theme=dark] .mental-state-score,[data-theme=dark] .mental-state-summary,[data-theme=dark] .risk-analysis h3,[data-theme=dark] .risk-item span,[data-theme=dark] .risk-item span:first-child,[data-theme=dark] .risk-item span:last-child{color:#111827!important}@media (max-width:768px){.report-grid{grid-template-columns:1fr}.mental-state,.radar-card,.risk-analysis{grid-column:1}}.corporate-dashboard{background:#f9f9f9;background:var(--color-bg,#f9f9f9);color:#000;color:var(--color-text,#000);font-family:inherit;min-height:100vh}.corporate-header{align-items:center;background:#1e3a8a;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-top:12px;padding:1rem 2rem;position:relative}.conduct-session-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:2px solid #ffffff4d;border-radius:2rem;box-shadow:0 4px 12px #8b5cf666;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;left:50%;padding:.75rem 2rem;position:absolute;transform:translateX(-50%);transition:all .3s ease;z-index:10}.conduct-session-btn:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 6px 20px #8b5cf699;transform:translateX(-50%) translateY(-2px)}.conduct-session-btn:active{transform:translateX(-50%) translateY(0)}.corporate-title{font-size:1.5rem;font-weight:700;margin:0}.header-actions{display:flex;gap:.5rem}.download-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s}.download-btn:hover{background:#fff3}.corporate-content{margin:0 auto;max-width:1400px;padding:2rem}.dashboard-section{background:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;padding:1.5rem}.section-title{color:#1e3a8a;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.employee-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.employee-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;cursor:pointer;padding:1.5rem;transition:all .2s}.employee-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.employee-avatar{align-items:center;background:#e5e7eb;border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:1rem;position:relative;width:60px}.employee-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.risk-badge{align-items:center;border:2px solid #fff;border-radius:50%;display:flex;font-size:.75rem;height:24px;justify-content:center;position:absolute;right:-5px;top:-5px;width:24px}.risk-badge.low{background:#16a34a}.risk-badge.moderate{background:#d97706}.risk-badge.high{background:#dc2626}.employee-info h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.employee-department{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.employee-scores{display:flex;gap:1rem;margin-bottom:.5rem}.score-item{color:#374151;font-size:.875rem}.burnout-flag{background:#fef2f2;border-radius:1rem;color:#dc2626;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.department-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.department-row-list{display:flex;flex-direction:column;gap:1.25rem}.department-row{align-items:center;background:#f5f8ff;border:1px solid #d0e2ff;border-radius:18px;cursor:pointer;display:flex;gap:1.5rem;justify-content:space-between;padding:1.25rem 1.75rem;transition:all .3s ease}.department-row:hover{background:linear-gradient(135deg,#f5f8ff,#ede9fe);border-color:#8b5cf6;box-shadow:0 10px 30px #0000000f;transform:translateY(-2px)}.department-row.selected{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#8b5cf6;box-shadow:0 8px 24px #8b5cf633}.dept-row-left{display:flex;flex-direction:column;flex-shrink:0;gap:.75rem;min-width:200px}.dept-row-name-section{display:flex;flex-direction:column;gap:.5rem}.dept-row-name{color:#1e3a8a;font-size:1.25rem;font-weight:700;margin:0}.dept-row-employee-count{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.dept-icon-small{font-size:1rem}.dept-count-text{font-weight:500}.dept-row-top-emotion{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.top-emotion-icon{font-size:1.125rem}.top-emotion-label{font-weight:600}.dept-row-center{display:flex;flex:1 1;justify-content:center;min-width:0}.dept-row-metrics{flex-wrap:wrap;gap:1rem}.dept-row-metric-chip,.dept-row-metrics{align-items:center;display:flex;justify-content:center}.dept-row-metric-chip{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;gap:.5rem;min-width:90px;padding:.5rem 1rem;transition:all .2s ease}.dept-row-metric-chip:hover{border-color:#8b5cf6;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.metric-chip-icon{font-size:1.125rem}.metric-chip-value{color:#1e3a8a;font-size:.875rem;font-weight:600}.metric-chip-badge{border-radius:8px;font-size:.75rem;font-weight:600;margin-left:.25rem;padding:.125rem .5rem}.metric-chip-badge.low{background-color:#10b981;color:#fff}.metric-chip-badge.medium{background-color:#f59e0b;color:#fff}.metric-chip-badge.high{background-color:#ef4444;color:#fff}.dept-row-right{align-items:center;display:flex;flex-shrink:0;min-width:140px}.dept-row-view-reports-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.dept-row-view-reports-btn:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 6px 20px #8b5cf680;transform:translateY(-2px)}.dept-row-view-reports-btn:active{transform:translateY(0)}.view-reports-icon{font-size:1.125rem}.view-reports-text{white-space:nowrap}.department-detailed-modal{max-width:100%;width:100%}.dept-modal-header-section{align-items:flex-start;border-bottom:2px solid #e5e7eb;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem 0;width:100%}.dept-modal-header-left{display:flex;flex-direction:column;gap:.75rem}.dept-modal-name{color:#1e3a8a;font-size:1.75rem;font-weight:700;margin:0}.dept-modal-employee-count{color:#6b7280;font-size:1rem;gap:.5rem}.dept-modal-employee-count,.dept-modal-header-right,.dept-modal-top-emotion{align-items:center;display:flex}.dept-modal-top-emotion{font-size:1rem;gap:.75rem}.top-emotion-label{color:#6b7280;font-weight:500}.top-emotion-value{font-size:1.125rem;font-weight:600}.dept-period-report-section{border-top:2px solid #e5e7eb;box-sizing:border-box;margin-top:1rem;padding-top:1.5rem;width:100%}.dept-period-report-section h3{color:#1e3a8a;font-size:1.5rem;font-weight:700;margin-bottom:1rem}@media (max-width:1024px){.department-row{flex-wrap:wrap;padding:1rem 1.25rem}.dept-row-center,.dept-row-left{min-width:100%;width:100%}.dept-row-center{justify-content:flex-start}.dept-row-right{justify-content:flex-end;min-width:100%;width:100%}.dept-row-metrics{justify-content:flex-start}.department-detailed-modal{min-width:95vw}}@media (max-width:768px){.department-row{gap:1rem;padding:.875rem 1rem}.dept-row-name{font-size:1.125rem}.dept-row-metric-chip{font-size:.8125rem;min-width:80px;padding:.375rem .75rem}.metric-chip-value{font-size:.8125rem}.dept-row-view-reports-btn{font-size:.8125rem;padding:.625rem 1.25rem}.view-reports-text{display:none}.department-detailed-modal{max-width:100vw;min-width:100vw}}.department-card-enhanced{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.department-card-enhanced:before{background:linear-gradient(90deg,#8b5cf6,#6366f1);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.department-card-enhanced:hover{border-color:#8b5cf6;box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.department-card-enhanced:hover:before{transform:scaleX(1)}.department-card-enhanced.selected{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#8b5cf6;box-shadow:0 8px 24px #8b5cf633}.department-card-enhanced.selected:before{transform:scaleX(1)}.dept-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.dept-header-left{flex:1 1}.department-name{align-items:center;color:#111827;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0}.dept-header-right{align-items:center;display:flex;gap:.75rem}.dept-employee-count{align-items:center;background:#f3f4f6;border-radius:.5rem;color:#374151;display:flex;font-weight:600;gap:.5rem;padding:.5rem .75rem}.dept-icon{font-size:1.125rem}.dept-count-value{color:#111827;font-size:1rem}.dept-metrics-grid{grid-gap:.75rem;box-sizing:border-box;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin:.5rem 0;width:100%}.dept-metric-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;display:flex;gap:.75rem;padding:.875rem;transition:all .2s ease}.dept-metric-card:hover{background:#f3f4f6;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.metric-icon{flex-shrink:0}.metric-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.metric-label{font-size:.75rem;font-weight:500}.metric-value{color:#111827;font-size:1.125rem;font-weight:700}.metric-value-with-badge{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.burnout-badge{border-radius:.375rem;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .5rem;text-transform:uppercase}.burnout-badge.high{background-color:#fee2e2;color:#ef4444}.burnout-badge.medium{background-color:#fef3c7;color:#f59e0b}.burnout-badge.low{background-color:#d1fae5;color:#10b981}.dept-secondary-info{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:.75rem;width:100%}.dept-info-item{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.info-label{color:#6b7280;font-weight:500}.info-value{color:#111827;font-weight:600}.dept-mini-charts{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-sizing:border-box;display:flex;gap:.75rem;padding:.75rem;width:100%}.mini-chart-item{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.mini-chart-label{color:#6b7280;font-size:.75rem;font-weight:500;text-align:center}.mini-chart-sparkline{align-items:flex-end;display:flex;gap:.25rem;height:40px;justify-content:space-between}.sparkline-bar{border-radius:2px 2px 0 0;flex:1 1;min-width:4px;transition:all .2s ease}.sparkline-bar:hover{opacity:.8;transform:scaleY(1.1)}.dept-legend{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:.75rem;width:100%}.legend-item{font-size:.75rem;gap:.5rem}.legend-color.positive{background-color:#10b981}.legend-color.neutral{background-color:#6b7280}.legend-color.negative{background-color:#ef4444}.legend-color.low-risk{background-color:#10b981}.legend-color.medium-risk{background-color:#f59e0b}.legend-color.high-risk{background-color:#ef4444}.legend-text{color:#6b7280}.dept-report-button-container{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.dept-view-report-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:.5rem;box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease;width:100%}.dept-view-report-btn:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.employee-report-tabs{background:#f9fafb;border-bottom:2px solid #e5e7eb;display:flex;gap:.5rem;padding:0 2.5rem}.report-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:600;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .2s ease}.report-tab:hover{background:#f3f4f6;color:#8b5cf6}.report-tab.active{background:#fff;border-bottom-color:#8b5cf6;color:#8b5cf6}.period-report-content{padding:2rem 2.5rem}.report-header-section{border-bottom:2px solid #e5e7eb;box-sizing:border-box;margin-bottom:2rem;padding-bottom:1rem;width:100%}.report-header-section h3{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.report-period{color:#6b7280;font-size:.875rem;margin:.5rem 0}.report-insight{align-items:center;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:.5rem;display:flex;gap:.5rem;margin-top:1rem;padding:.75rem}.insight-icon{font-size:1.25rem}.insight-text{color:#1e40af;flex:1 1;font-weight:500}.report-metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:2rem 0}.report-metric-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;transition:all .2s ease}.report-metric-card:hover{background:#f3f4f6;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.metric-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.metric-icon{font-size:1.5rem}.metric-label{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.metric-value-large{color:#111827;font-size:2rem;font-weight:700;margin-bottom:.5rem}.metric-change{border-radius:.25rem;font-size:.875rem;font-weight:600;padding:.25rem .5rem}.metric-change.positive{background:#d1fae5;color:#10b981}.metric-change.negative{background:#fee2e2;color:#ef4444}.report-summary-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.summary-card h4{color:#111827;font-size:1.125rem;font-weight:700;margin:0 0 1rem}.summary-item{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.75rem}.summary-value{color:#111827;font-size:1rem;font-weight:700}.summary-change{border-radius:.25rem;font-size:.875rem;font-weight:600;padding:.25rem .5rem}.summary-change.positive{background:#d1fae5;color:#10b981}.summary-change.negative{background:#fee2e2;color:#ef4444}.flags-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.flag-item{background:#f9fafb;border-left:4px solid #f59e0b;gap:.75rem;padding:.75rem}.flag-item.high{background:#fef2f2;border-left-color:#ef4444}.flag-icon{font-size:1.25rem}.flag-text{color:#111827;flex:1 1;font-weight:600}.flag-value{color:#ef4444;font-weight:700}.flag-date{color:#6b7280;font-size:.75rem}.report-trend-chart{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-sizing:border-box;margin-top:2rem;padding:1.5rem;width:100%}.report-trend-chart h4{color:#111827;font-size:1.125rem;font-weight:700;margin:0 0 1rem}.report-no-data{color:#6b7280;padding:3rem 2rem;text-align:center}.report-no-data p{font-size:1rem;margin:.5rem 0}.report-hint{color:#9ca3af;font-size:.875rem}.department-report-modal{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;margin:0 auto;max-height:90vh;max-width:1400px;min-width:800px;overflow-y:auto;width:90vw}.department-report-modal-content{box-sizing:border-box;display:flex;flex-direction:column;padding:2rem;width:100%}.department-report-modal .modal-content{box-shadow:none;margin:0;max-width:none;padding:20px;width:100%}.report-type-selector-container{display:flex;gap:.5rem;margin-left:auto;margin-right:1rem}.report-type-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.report-type-btn:hover{background:#e5e7eb}.report-type-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.department-report-content{padding:2rem}.dept-report-summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:2rem 0;width:100%}.dept-summary-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;box-sizing:border-box;padding:1.5rem;width:100%}.dept-summary-card h4{color:#111827;font-size:1rem;font-weight:700;margin:0 0 1rem}.summary-value-large{color:#111827;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.summary-subtext{color:#6b7280;font-size:.875rem}.burnout-distribution{display:flex;flex-direction:column;gap:.75rem}.dist-item{align-items:center;background:#fff;border-radius:.5rem;display:flex;justify-content:space-between;padding:.5rem}.dist-label{color:#6b7280;font-size:.875rem;font-weight:500}.dist-value{font-size:1rem;font-weight:700}.dist-value.high{color:#ef4444}.dist-value.medium{color:#f59e0b}.dist-value.low{color:#10b981}.dept-flags-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-sizing:border-box;margin:2rem 0;padding:1.5rem;width:100%}.dept-flags-section h4{color:#111827;font-size:1.125rem;font-weight:700;margin:0 0 1rem}.flags-table{box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;width:100%}.flags-table-header{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.flags-table-header,.flags-table-row{grid-gap:1rem;background:#f9fafb;border-radius:.5rem;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:2fr 2fr 1fr;padding:.75rem;width:100%}.flags-table-row{align-items:center}.flag-type{color:#111827;font-weight:600}.flag-staff{color:#6b7280}@media (max-width:1024px){.report-metrics-grid{grid-template-columns:repeat(2,1fr)}.dept-report-summary-grid,.report-summary-section{grid-template-columns:1fr}}@media (max-width:768px){.employee-report-tabs{flex-wrap:wrap;padding:0 1rem}.report-tab{font-size:.75rem;padding:.5rem 1rem}.period-report-content{padding:1rem}.report-metrics-grid{grid-template-columns:1fr}.department-report-modal{max-height:95vh;width:95vw}.flags-table-header,.flags-table-row{gap:.5rem;grid-template-columns:1fr}}.department-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;cursor:pointer;padding:1.5rem;transition:all .2s}.department-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.department-stats{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.stat-item{display:flex;font-size:.875rem;justify-content:space-between}.stat-value{font-weight:600}.department-trend{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.trend-arrow{font-size:1.25rem}.trend-text{color:#6b7280;font-size:.875rem}.emotion-cloud{display:flex;flex-wrap:wrap;gap:.25rem}.cloud-tag{background:#e5e7eb;border-radius:.5rem;color:#374151;font-size:.75rem;padding:.25rem .5rem}.risk-alerts-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.risk-pie-chart{align-items:center;display:flex;flex-direction:column;gap:1rem}.pie-chart-container{align-items:center;display:flex;height:300px;justify-content:center;position:relative;width:300px}.pie-chart{height:200px;position:relative;width:200px}.pie-svg{height:100%;width:100%}.pie-slice{cursor:pointer;transition:all .3s ease}.pie-slice:hover{opacity:.8;transform:scale(1.02)}.pie-center-content{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.center-title{color:#111827;color:var(--color-text,#111827);font-size:14px;font-weight:600;margin-bottom:4px}.center-total{color:#1e3a8a;color:var(--primary-color,#1e3a8a);font-size:24px;font-weight:700;line-height:1;margin-bottom:2px}.center-subtitle{color:#6b7280;color:var(--secondary-text,#6b7280);font-size:12px;font-weight:500}.pie-legend{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.legend-item{background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;cursor:pointer;gap:.75rem;padding:.5rem;transition:all .2s ease}.legend-item:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6);transform:translateX(2px)}.legend-color{border-radius:50%;flex-shrink:0}.legend-color.low{background:#16a34a}.legend-color.moderate{background:#d97706}.legend-color.high{background:#dc2626}.legend-text{color:#111827;color:var(--color-text,#111827);flex:1 1;font-size:14px;font-weight:500}.legend-percent{color:#1e3a8a;color:var(--primary-color,#1e3a8a);font-size:14px;font-weight:600;min-width:40px;text-align:right}.legend-count{color:#6b7280;color:var(--secondary-text,#6b7280);font-size:12px;min-width:30px;text-align:right}.risk-summary h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:1rem}.risk-stats{display:flex;flex-direction:column;gap:1rem}.risk-stat{align-items:center;background:#f9fafb;border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.risk-count{color:#111827;font-size:1.5rem;font-weight:700}.risk-label{color:#6b7280;font-size:.875rem}.red-zone-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.red-zone-card{background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;padding:1.5rem}.red-zone-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.red-zone-header .employee-name{color:#111827;font-size:1rem;font-weight:600}.red-zone-header .employee-department{background:#f3f4f6;border-radius:.25rem;color:#6b7280;font-size:.875rem;padding:.25rem .5rem}.red-zone-header .risk-score{background:#dc2626;border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.flag-reasons h4{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.flag-reasons ul{list-style:none;margin:0;padding:0}.flag-item{color:#6b7280;font-size:.75rem;padding:.25rem 0}.flag-item.high{color:#dc2626}.flag-item.moderate{color:#d97706}.drill-down-btn{background:#dc2626;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;margin-top:1rem;padding:.5rem 1rem;transition:background-color .2s}.drill-down-btn:hover{background:#b91c1c}.motivation-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.motivation-overview{display:flex;flex-direction:column;gap:1.5rem}.motivation-score h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:1rem}.score-display{align-items:baseline;display:flex;gap:.25rem}.score-value{color:#1e3a8a;font-size:3rem}.score-max{color:#6b7280;font-size:1.5rem}.score-change{font-size:.875rem;font-weight:600;margin-top:.5rem}.score-change .positive{color:#10b981}.score-change .negative{color:#ef4444}.motivation-chart{min-height:200px}.motivation-chart h4{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.chart-placeholder{background:#f3f4f6;border:2px dashed #d1d5db;border-radius:.5rem;color:#6b7280;font-size:.875rem;padding:2rem;text-align:center}.low-motivation-employees h4{color:#374151;font-size:1rem;font-weight:600;margin-bottom:1rem}.low-motivation-item{align-items:center;background:#f9fafb;border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.engagement-btn{background:#3b82f6;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .75rem;transition:background-color .2s}.engagement-btn:hover{background:#2563eb}.no-low-motivation{background:#f0fdf4;border-radius:.5rem;color:#166534;font-size:.875rem;font-weight:500;padding:1rem;text-align:center}.reports-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.weekly-trends h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:1rem}.trend-charts{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.trend-chart{display:flex;flex-direction:column;min-height:200px}.trend-chart h4{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.intervention-suggestions h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:1rem}.suggestions-list{display:flex;flex-direction:column;gap:.75rem}.suggestion-item{align-items:center;background:#fef3c7;border-radius:.5rem;color:#92400e;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem}.suggestion-icon{font-size:1rem}.no-suggestions{background:#f0fdf4;border-radius:.5rem;color:#166534;font-size:.875rem;padding:.75rem}.employee-modal,.employee-modal-enhanced{background:#fff;border-radius:1rem;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;margin:0 auto;max-height:90vh;max-width:1200px;min-width:700px;overflow-x:hidden;overflow-y:auto;width:80vw}.employee-modal-enhanced{padding:0}.department-modal{background:#fff;border-radius:1rem;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;width:90vw}.modal-header{border-bottom:1px solid #e5e7eb;padding:1.5rem}.modal-header h2{color:#111827;font-size:1.25rem}.modal-close{background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:background-color .2s}.modal-close:hover{background:#f3f4f6}.modal-content{padding:2rem}.employee-modal-enhanced>.modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;margin:0;padding:1.5rem 2.5rem}.employee-modal-enhanced>.modal-section:not(.overview-section):not(.scores-summary):not(.suggestions-section){padding:0 2.5rem}.modal-section{margin-bottom:2rem}.employee-modal-enhanced .modal-section{margin-bottom:1.5rem}.employee-modal-enhanced .modal-section:first-of-type{margin-top:1.5rem}.employee-modal-enhanced .modal-section:last-of-type{margin-bottom:1.5rem}.employee-modal-enhanced .modal-section h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.75rem;margin-top:0}.timeline-chart{display:flex;flex-direction:column;gap:.5rem}.timeline-point{background:#f9fafb;border-radius:.25rem;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem}.flag-history{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0}.flag-item{align-items:center;border-radius:.5rem;display:flex;font-size:.875rem;justify-content:space-between;margin:0;padding:.5rem .75rem}.flag-item.active{background:#fef2f2;color:#dc2626}.flag-item.resolved{background:#f0fdf4;color:#16a34a}.coaching-list{list-style:none;margin:0;padding:0}.coaching-item{border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;padding:.5rem 0}.coaching-item:last-child{border-bottom:none}.employee-modal-enhanced .scores-summary{margin-bottom:1.5rem;padding:0 2.5rem}.employee-modal-enhanced .scores-summary h3{color:#111827;font-size:1.125rem;margin-bottom:1rem}.employee-modal-enhanced .overview-section{border-radius:0;margin:0 0 1.5rem;padding:1.5rem 2.5rem}.scores-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.score-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem 1.25rem;text-align:center;transition:all .3s ease}.score-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.score-label{color:#6b7280;font-size:.8125rem;font-weight:500;margin-bottom:.5rem}.score-value{color:#111827;font-size:1.75rem;font-weight:700}.score-card.emotion .score-value{color:#8884d8}.score-card.motivation .score-value{color:#82ca9d}.score-card.burnout .score-value{color:#ef4444}.score-card.engagement .score-value{color:#ffc658}.score-card.stress .score-value{color:#f80}.score-card.wellbeing .score-value{color:#10b981}.overview-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;color:#fff;margin:0;padding:2rem 2.5rem}.employee-modal-enhanced .overview-section h3{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.overview-stats{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.overview-stat{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:.5rem;display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;min-height:100px;padding:1rem 1.25rem;text-align:center;width:220px}.overview-stat .stat-label{font-size:.75rem;margin-bottom:.5rem;opacity:.9}.overview-stat .stat-value{color:#fff;font-size:2rem;font-weight:700;margin-top:.5rem}.overview-stat .stat-value.risk-high{color:#ef4444}.overview-stat .stat-value.risk-moderate{color:#f59e0b}.overview-stat .stat-value.risk-low{color:#10b981}.employee-modal-enhanced .sessions-breakdown{overflow-x:auto;padding:0}.sessions-table-container{border:1px solid #e5e7eb;border-radius:.5rem;overflow-x:auto}.sessions-table{border-collapse:collapse;font-size:.875rem;width:100%}.sessions-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.sessions-table th{color:#374151;font-weight:600;padding:.5rem .75rem;text-align:left;white-space:nowrap}.sessions-table td{border-bottom:1px solid #e5e7eb;color:#6b7280;padding:.5rem .75rem}.sessions-table tbody tr:hover{background:#f9fafb}.score-cell{font-weight:600;text-align:center}.score-cell.low{color:#ef4444}.score-cell.medium{color:#f59e0b}.score-cell.high{color:#10b981}.risk-chart-container{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.risk-pie-chart{min-height:200px}.risk-summary-text{display:flex;flex-direction:column;gap:.5rem}.risk-item{background:#f9fafb;border-radius:.5rem;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem}.risk-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.risk-indicator.low{background:#10b981}.risk-indicator.moderate{background:#f59e0b}.risk-indicator.high{background:#ef4444}.employee-modal-enhanced .suggestions-section{background:#fff;border-radius:.75rem;margin:0;padding:1.5rem 2.5rem}.employee-modal-enhanced .suggestions-section h3{margin-bottom:1rem}.suggestions-container{display:flex;flex-direction:column;gap:.75rem}.suggestion-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;transition:all .3s ease}.suggestion-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.suggestion-card.critical{background:#fef2f2;border-left:4px solid #ef4444}.suggestion-card.warning{background:#fffbeb;border-left:4px solid #f59e0b}.suggestion-card.success{background:#f0fdf4;border-left:4px solid #10b981}.suggestion-card.info{background:#eff6ff;border-left:4px solid #3b82f6}.suggestion-header{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:.75rem}.suggestion-icon-large{flex-shrink:0;font-size:2rem}.suggestion-title-group{flex:1 1}.suggestion-title{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.trend-badge{border-radius:.375rem;display:inline-block;font-size:.75rem;font-weight:500;margin-top:.25rem;padding:.25rem .75rem}.trend-badge.trend-increasing{background:#fee2e2;color:#dc2626}.trend-badge.trend-decreasing{background:#dcfce7;color:#16a34a}.trend-badge.trend-stable{background:#f3f4f6;color:#6b7280}.priority-badge{border-radius:.375rem;font-size:.75rem;font-weight:600;padding:.375rem .75rem;white-space:nowrap}.priority-badge.priority-high{background:#fee2e2;color:#dc2626}.priority-badge.priority-medium{background:#fef3c7;color:#d97706}.priority-badge.priority-low{background:#d1fae5;color:#059669}.suggestion-description{color:#6b7280;line-height:1.5;margin-bottom:.75rem}.suggestion-actions{border-top:1px solid #e5e7eb;margin-top:.75rem;padding-top:.75rem}.suggestion-actions h5{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.actions-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.action-item{align-items:flex-start;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem;line-height:1.5}.action-bullet{color:#9ca3af;flex-shrink:0;font-weight:700}.action-text{flex:1 1}.suggestion-timeline{border-top:1px solid #e5e7eb;color:#6b7280;font-size:.875rem;margin-top:.75rem;padding-top:.75rem}.suggestion-timeline strong{color:#374151}.employee-coaching-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-top:1rem;padding:1rem 1.25rem}.employee-coaching-card h3{color:#111827;font-size:1rem;font-weight:600;margin:0 0 .5rem}.coaching-summary{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 .75rem}.coaching-suggestions-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.coaching-suggestion-item{color:#374151;font-size:.875rem;line-height:1.6;padding-left:1.25rem;position:relative}.coaching-suggestion-item:before{color:#8b5cf6;content:"•";font-size:1rem;font-weight:700;left:0;position:absolute}body[data-theme=dark] .employee-coaching-card{background:#2a2a2a;border-color:#404040}body[data-theme=dark] .employee-coaching-card h3{color:#e5e7eb}body[data-theme=dark] .coaching-summary{color:#9ca3af}body[data-theme=dark] .coaching-suggestion-item{color:#d1d5db}.employee-modal-enhanced .modal-content-grid{grid-gap:1.5rem;box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin:0;padding:0 2.5rem;width:100%}.employee-modal-enhanced .modal-content-column{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.employee-modal-enhanced .chart-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin:0;padding:1.25rem}.employee-modal-enhanced .modal-content-column .chart-section{padding:1rem}.employee-modal-enhanced .chart-section h3{color:#111827;font-size:1rem;margin-bottom:.75rem}.radar-chart-container{margin-bottom:.75rem}.radar-legend{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding-top:.5rem}.trend-charts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:.5rem}.trend-chart-item{display:flex;flex-direction:column;gap:.5rem}.trend-chart-item h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.radar-legend .legend-item{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.radar-legend .legend-color{border-radius:4px;height:16px;width:16px}.timeline-chart-container{margin-top:.5rem}body[data-theme=dark] .overview-section{background:linear-gradient(135deg,#4c1d95,#581c87)}body[data-theme=dark] .sessions-table-container{background:#2a2a2a;border-color:#404040}body[data-theme=dark] .sessions-table thead{background:#374151}body[data-theme=dark] .sessions-table th{color:#d1d5db}body[data-theme=dark] .sessions-table td{border-color:#404040;color:#9ca3af}body[data-theme=dark] .sessions-table tbody tr:hover{background:#374151}body[data-theme=dark] .risk-item{background:#2a2a2a;color:#d1d5db}body[data-theme=dark] .suggestion-card{background:#2a2a2a;border-color:#404040}body[data-theme=dark] .suggestion-card.critical{background:#451a03;border-color:#dc2626}body[data-theme=dark] .suggestion-card.warning{background:#451a03;border-color:#f59e0b}body[data-theme=dark] .suggestion-card.success{background:#064e3b;border-color:#10b981}body[data-theme=dark] .suggestion-card.info{background:#1e3a5f;border-color:#3b82f6}body[data-theme=dark] .suggestion-title{color:#fff}body[data-theme=dark] .action-text,body[data-theme=dark] .suggestion-description,body[data-theme=dark] .suggestion-timeline{color:#d1d5db}body[data-theme=dark] .suggestion-actions{border-color:#404040}body[data-theme=dark] .chart-section{background:#2a2a2a;border-color:#404040}body[data-theme=dark] .chart-section h3{color:#d1d5db}@media (max-width:1024px){.employee-modal,.employee-modal-enhanced{min-width:600px;width:95vw}.employee-modal-enhanced .modal-content-grid{gap:1.5rem;grid-template-columns:1fr;padding:0 2rem}.employee-modal-enhanced>:not(.modal-header){padding:0 2rem}.employee-modal-enhanced .overview-section,.employee-modal-enhanced .scores-summary,.employee-modal-enhanced .suggestions-section{padding-left:2rem;padding-right:2rem}.overview-stats{justify-content:center}.overview-stat{min-width:180px;width:calc(50% - 12px)}}@media (max-width:768px){.employee-modal,.employee-modal-enhanced{border-radius:0;max-height:100vh;max-width:100%;min-width:100%;width:95vw}.employee-modal-enhanced>:not(.modal-header){padding:0 1.5rem}.employee-modal-enhanced .modal-header{padding:1.5rem}.employee-modal-enhanced .modal-content-grid{gap:1.25rem;grid-template-columns:1fr;padding:0 1.5rem}.employee-modal-enhanced .overview-section,.employee-modal-enhanced .scores-summary,.employee-modal-enhanced .suggestions-section{padding-left:1.5rem;padding-right:1.5rem}.employee-modal-enhanced .no-sessions-container{padding:2rem 1.5rem}.overview-stats{align-items:stretch;flex-direction:column}.overview-stat{min-width:auto;width:100%}.scores-grid{grid-template-columns:repeat(2,1fr)}}.dept-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-card{background:#f9fafb;border-radius:.5rem;padding:1rem;text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#6b7280;font-size:.75rem}.trend-analysis{align-items:center;background:#f9fafb;border-radius:.5rem;display:flex;gap:.5rem;padding:1rem}.trend-arrow{font-size:1.5rem}.trend-description{color:#374151;font-size:.875rem}.emotion-cloud-modal{display:flex;flex-wrap:wrap;gap:.5rem}body[data-theme=light] .corporate-dashboard{background:#f9f9f9;color:#000}body[data-theme=light] .dashboard-section{background:#fff;box-shadow:0 4px 12px #0000001a;color:#111827}body[data-theme=light] .section-title{color:#1e3a8a}body[data-theme=light] .department-card,body[data-theme=light] .department-card-enhanced,body[data-theme=light] .employee-card{background:#fff;border-color:#e5e7eb;color:#111827}body[data-theme=light] .department-card-enhanced:hover,body[data-theme=light] .department-card:hover,body[data-theme=light] .employee-card:hover{background:#f9fafb;box-shadow:0 8px 24px #00000026}body[data-theme=light] .employee-info h3{color:#111827}body[data-theme=light] .employee-department{color:#6b7280}body[data-theme=light] .score-item{color:#374151}body[data-theme=dark] .corporate-dashboard{background:#121212;color:#fff}body[data-theme=dark] .corporate-header{background:#1e3a8a;color:#fff}body[data-theme=dark] .dashboard-section{background:#1e1e1e;box-shadow:0 4px 12px #ffffff0d}body[data-theme=dark] .section-title{color:#60a5fa}body[data-theme=dark] .department-card,body[data-theme=dark] .department-card-enhanced,body[data-theme=dark] .employee-card{background:#2a2a2a;border-color:#404040}body[data-theme=dark] .department-card-enhanced:hover,body[data-theme=dark] .department-card:hover,body[data-theme=dark] .employee-card:hover{background:#374151}body[data-theme=dark] .department-card-enhanced.selected{background:linear-gradient(135deg,#1e1a2e,#2a1f3d);border-color:#8b5cf6}body[data-theme=dark] .department-row{background:#2a2a2a;border-color:#404040}body[data-theme=dark] .department-row:hover{background:linear-gradient(135deg,#2a2a2a,#1e1a2e);border-color:#8b5cf6}body[data-theme=dark] .department-row.selected{background:linear-gradient(135deg,#1e1a2e,#2a1f3d);border-color:#8b5cf6}body[data-theme=dark] .dept-row-name{color:#e5e7eb}body[data-theme=dark] .dept-row-employee-count{color:#9ca3af}body[data-theme=dark] .dept-row-metric-chip{background:#1f1f1f;border-color:#404040;color:#e5e7eb}body[data-theme=dark] .dept-row-metric-chip:hover{background:#2a2a2a;border-color:#8b5cf6}body[data-theme=dark] .dept-modal-name,body[data-theme=dark] .metric-chip-value{color:#e5e7eb}body[data-theme=dark] .dept-modal-employee-count{color:#9ca3af}body[data-theme=dark] .dept-modal-header-section{border-bottom-color:#404040}body[data-theme=dark] .dept-period-report-section{border-top-color:#404040}body[data-theme=dark] .dept-metric-card{background:#1f1f1f;border-color:#404040}body[data-theme=dark] .dept-metric-card:hover{background:#2a2a2a}body[data-theme=dark] .dept-legend,body[data-theme=dark] .dept-mini-charts,body[data-theme=dark] .dept-secondary-info{background:#1f1f1f;border-color:#404040}body[data-theme=dark] .dept-employee-count{background:#374151;color:#d1d5db}body[data-theme=dark] .info-label,body[data-theme=dark] .legend-text,body[data-theme=dark] .metric-label,body[data-theme=dark] .mini-chart-label{color:#9ca3af}body[data-theme=dark] .department-name,body[data-theme=dark] .dept-count-value,body[data-theme=dark] .employee-info h3,body[data-theme=dark] .info-value,body[data-theme=dark] .metric-value{color:#fff}body[data-theme=dark] .employee-department,body[data-theme=dark] .stat-label,body[data-theme=dark] .trend-text{color:#9ca3af}body[data-theme=dark] .cloud-tag{background:#374151;color:#d1d5db}body[data-theme=dark] .red-zone-card{background:#2a2a2a;border-color:#dc2626}body[data-theme=dark] .red-zone-header .employee-name{color:#fff}body[data-theme=dark] .red-zone-header .employee-department{background:#374151;color:#9ca3af}body[data-theme=dark] .low-motivation-item,body[data-theme=dark] .risk-stat{background:#2a2a2a}body[data-theme=dark] .risk-count{color:#fff}body[data-theme=dark] .chart-placeholder{background:#2a2a2a;border-color:#404040;color:#9ca3af}body[data-theme=dark] .suggestion-item{background:#451a03;color:#fbbf24}body[data-theme=dark] .no-suggestions{background:#064e3b;color:#34d399}body[data-theme=dark] .department-modal,body[data-theme=dark] .employee-modal{background:#1e1e1e}body[data-theme=dark] .modal-header{border-color:#404040}body[data-theme=dark] .modal-header h2{color:#fff}body[data-theme=dark] .modal-section h3{color:#d1d5db}body[data-theme=dark] .timeline-point{background:#2a2a2a}body[data-theme=dark] .coaching-item{border-color:#404040;color:#d1d5db}body[data-theme=dark] .stat-card,body[data-theme=dark] .trend-analysis{background:#2a2a2a}body[data-theme=dark] .stat-value{color:#fff}body[data-theme=dark] .stat-label{color:#9ca3af}body[data-theme=dark] .pie-center-content .center-title{color:#fff}body[data-theme=dark] .pie-center-content .center-total{color:#60a5fa}body[data-theme=dark] .pie-center-content .center-subtitle{color:#9ca3af}body[data-theme=dark] .legend-item{background:#2a2a2a;border-color:#404040;color:#fff}body[data-theme=dark] .legend-item:hover{background:#374151}body[data-theme=dark] .legend-text{color:#fff}body[data-theme=dark] .legend-percent{color:#60a5fa}body[data-theme=dark] .legend-count{color:#9ca3af}body[data-theme=device] .pie-center-content .center-title{color:#111827}body[data-theme=device] .pie-center-content .center-total{color:#1e3a8a}body[data-theme=device] .pie-center-content .center-subtitle{color:#6b7280}body[data-theme=device] .legend-item{background:#fff;border-color:#e5e7eb;color:#000}body[data-theme=device] .legend-item:hover{background:#f9fafb}body[data-theme=device] .legend-text{color:#111827}body[data-theme=device] .legend-percent{color:#1e3a8a}body[data-theme=device] .legend-count{color:#6b7280}.chart-tooltip{background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;box-shadow:0 4px 12px #00000026;color:#111827;color:var(--color-text,#111827);font-size:12px;font-weight:500;padding:.5rem .75rem;pointer-events:none;white-space:nowrap}body[data-theme=dark] .chart-tooltip{background:#2a2a2a;border-color:#404040;color:#fff}body[data-theme=device] .chart-tooltip{background:#fff;border-color:#e5e7eb;color:#111827}@media (max-width:768px){.corporate-content{padding:1rem}.corporate-header{padding:.75rem 1rem}.corporate-title{font-size:1.25rem}.header-actions{gap:.25rem}.download-btn{font-size:.75rem;padding:.25rem .5rem}.department-card-enhanced{padding:.875rem}.dept-metrics-grid{gap:.5rem;grid-template-columns:1fr}.dept-card-header,.dept-secondary-info{align-items:flex-start;flex-direction:column;gap:.5rem}.dept-info-item{align-items:flex-start;flex-direction:column;gap:.25rem}.dept-mini-charts{flex-direction:column;gap:.5rem}.mini-chart-sparkline{height:30px}.dept-legend{align-items:flex-start;flex-direction:column;gap:.5rem}.dashboard-section{margin-bottom:1rem;padding:1rem}.section-title{font-size:1.125rem}.department-grid,.employee-grid{grid-template-columns:1fr}.motivation-content,.reports-content,.risk-alerts-content{gap:1rem;grid-template-columns:1fr}.trend-charts{grid-template-columns:1fr}.department-modal,.employee-modal{max-height:90vh;width:95vw}.modal-content{padding:1rem}.dept-stats{grid-template-columns:1fr}}@media (max-width:480px){.corporate-header{flex-direction:column;gap:.5rem;text-align:center}.header-actions{justify-content:center}.department-card,.employee-card{padding:1rem}.employee-scores{flex-direction:column;gap:.25rem}.department-stats{gap:.5rem}.stat-item{align-items:flex-start;flex-direction:column;gap:.25rem}.department-card-enhanced{padding:1rem}.dept-metrics-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.dept-secondary-info{align-items:flex-start}.dept-mini-charts,.dept-secondary-info{flex-direction:column;gap:.5rem}.mini-chart-item{width:100%}.dept-legend{justify-content:flex-start}.low-motivation-item{gap:.5rem}.low-motivation-item,.suggestion-item{align-items:flex-start;flex-direction:column}.suggestion-item{gap:.25rem}}.filter-section{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.filter-label{color:#374151;font-size:.875rem;font-weight:600}.filter-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#111827;cursor:pointer;font-size:.875rem;padding:.75rem;transition:border-color .2s}.filter-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dropdown-filter-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:1rem;padding:1rem}.no-data-message{background:#f9fafb;border:1px dashed #d1d5db;border-radius:.5rem;font-style:italic}.department-card.selected{background:#eff6ff;border:2px solid #3b82f6}.department-card.selected .department-name{color:#1e40af}.expandable-departments{margin-top:1rem}.expand-toggle-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:all .2s;width:100%}.expand-toggle-btn:hover{background:#e5e7eb}.all-departments-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.department-list-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s}.department-list-item:hover{background:#f9fafb;border-color:#d1d5db}.dept-name{color:#111827;font-weight:600}.dept-stats{color:#6b7280;font-size:.75rem}.trend-indicator{font-size:1rem}body[data-theme=dark] .filter-label{color:#d1d5db}body[data-theme=dark] .filter-dropdown{background:#2a2a2a;border-color:#404040;color:#fff}body[data-theme=dark] .filter-dropdown:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}body[data-theme=dark] .dropdown-filter-section,body[data-theme=dark] .no-data-message{background:#2a2a2a;border-color:#404040}body[data-theme=dark] .no-data-message{color:#9ca3af}body[data-theme=dark] .department-card.selected{background:#1e3a8a;border-color:#60a5fa}body[data-theme=dark] .department-card.selected .department-name{color:#fff}body[data-theme=dark] .expand-toggle-btn{background:#374151;border-color:#4b5563;color:#d1d5db}body[data-theme=dark] .expand-toggle-btn:hover{background:#4b5563}body[data-theme=dark] .department-list-item{background:#2a2a2a;border-color:#404040;color:#fff}body[data-theme=dark] .department-list-item:hover{background:#374151;border-color:#4b5563}body[data-theme=dark] .dept-name{color:#fff}body[data-theme=dark] .dept-stats{color:#9ca3af}body[data-theme=device] .filter-label{color:#374151}body[data-theme=device] .filter-dropdown{background:#fff;border-color:#d1d5db;color:#111827}body[data-theme=device] .filter-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}body[data-theme=device] .dropdown-filter-section{background:#f9fafb;border-color:#e5e7eb;color:#000}body[data-theme=device] .no-data-message{background:#f9fafb;border-color:#d1d5db;color:#6b7280}body[data-theme=device] .department-card.selected{background:#eff6ff;border-color:#3b82f6}body[data-theme=device] .department-card.selected .department-name{color:#1e40af}body[data-theme=device] .expand-toggle-btn{background:#f3f4f6;border-color:#d1d5db;color:#374151}body[data-theme=device] .expand-toggle-btn:hover{background:#e5e7eb}body[data-theme=device] .department-list-item{background:#fff;border-color:#e5e7eb;color:#000}body[data-theme=device] .department-list-item:hover{background:#f9fafb;border-color:#d1d5db}body[data-theme=device] .dept-name{color:#111827}body[data-theme=device] .dept-stats{color:#6b7280}@media (max-width:768px){.filter-section{margin-bottom:.5rem}.dropdown-filter-section{margin-top:.5rem;padding:.75rem}.expand-toggle-btn{font-size:.8rem;padding:.5rem .75rem}.department-list-item{align-items:flex-start;flex-direction:column;gap:.25rem;padding:.5rem}.dept-stats{font-size:.7rem}}@media (max-width:480px){.filter-dropdown{font-size:.8rem;padding:.5rem}.dropdown-filter-section{padding:.5rem}.expand-toggle-btn{font-size:.75rem;padding:.5rem}.department-list-item{padding:.5rem}}@media (max-width:768px){.pie-chart-container{height:250px;width:250px}.pie-chart{height:180px;width:180px}.pie-label{padding:.2rem .4rem}.label-text,.pie-label{font-size:11px}.label-count{font-size:9px;padding:.1rem .2rem}.label-connector{width:15px}.low-risk-label{top:5px}.moderate-risk-label{right:5px}.high-risk-label{bottom:5px}}@media (max-width:480px){.pie-chart-container{height:200px;width:200px}.pie-chart{height:150px;width:150px}.pie-label{padding:.15rem .3rem}.label-text,.pie-label{font-size:10px}.label-count{font-size:8px;padding:.1rem .15rem}.label-connector{width:12px}.risk-alerts-content{gap:1rem;grid-template-columns:1fr}}.dashboard-section.compact{padding:1rem}.risk-alerts-content.compact{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding:.75rem}.risk-pie-chart.compact{gap:.75rem}.pie-chart-container.compact,.risk-pie-chart.compact{align-items:center;display:flex;flex-direction:column}.pie-chart-container.compact{gap:.5rem;height:200px;justify-content:center;position:relative;width:200px}.pie-chart.compact{height:150px;position:relative;width:150px}.pie-svg.compact{height:100%;width:100%}.chart-title{align-items:center;display:flex;flex-direction:column;gap:.25rem;text-align:center}.title-text{color:#111827;color:var(--color-text,#111827);font-size:14px;font-weight:600}.title-count{color:#6b7280;color:var(--secondary-text,#6b7280);font-size:12px;font-weight:500}.pie-legend.horizontal{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center;margin-top:.5rem}.legend-item.compact{align-items:center;background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.375rem;cursor:pointer;display:flex;font-size:12px;gap:.5rem;padding:.375rem .75rem;transition:all .2s ease}.legend-item.compact:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6);transform:translateY(-1px)}.legend-item.compact .legend-color{height:10px;width:10px}.legend-item.compact .legend-text{color:#111827;color:var(--color-text,#111827);font-size:12px;font-weight:500;white-space:nowrap}.legend-item.compact .legend-percent{color:#1e3a8a;color:var(--primary-color,#1e3a8a);font-size:12px;font-weight:600;min-width:30px;text-align:right}.risk-summary.compact{padding:.75rem}.risk-summary.compact h3{font-size:14px;margin-bottom:.5rem}.risk-stats.compact{display:flex;flex-direction:column;gap:.5rem}.risk-stat.compact{align-items:center;background:#fff;background:var(--color-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.375rem;display:flex;font-size:12px;justify-content:space-between;padding:.375rem .75rem}.risk-stat.compact .risk-count{color:#1e3a8a;color:var(--primary-color,#1e3a8a);font-weight:600}.risk-stat.compact .risk-label{color:#6b7280;color:var(--secondary-text,#6b7280);font-weight:500}body[data-theme=dark] .chart-title .title-text{color:#fff}body[data-theme=dark] .chart-title .title-count{color:#9ca3af}body[data-theme=dark] .legend-item.compact{background:#2a2a2a;border-color:#404040;color:#fff}body[data-theme=dark] .legend-item.compact:hover{background:#374151}body[data-theme=dark] .legend-item.compact .legend-text{color:#fff}body[data-theme=dark] .legend-item.compact .legend-percent{color:#60a5fa}body[data-theme=dark] .risk-stat.compact{background:#2a2a2a;border-color:#404040;color:#fff}body[data-theme=dark] .risk-stat.compact .risk-count{color:#60a5fa}body[data-theme=dark] .risk-stat.compact .risk-label{color:#9ca3af}body[data-theme=device] .chart-title .title-text{color:#111827}body[data-theme=device] .chart-title .title-count{color:#6b7280}body[data-theme=device] .legend-item.compact{background:#fff;border-color:#e5e7eb;color:#000}body[data-theme=device] .legend-item.compact:hover{background:#f9fafb}body[data-theme=device] .legend-item.compact .legend-text{color:#111827}body[data-theme=device] .legend-item.compact .legend-percent{color:#1e3a8a}body[data-theme=device] .risk-stat.compact{background:#fff;border-color:#e5e7eb;color:#000}body[data-theme=device] .risk-stat.compact .risk-count{color:#1e3a8a}body[data-theme=device] .risk-stat.compact .risk-label{color:#6b7280}.session-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#1e3a8acc,#6366f1cc)}.session-modal{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #8b5cf633;border-radius:1.5rem;box-shadow:0 25px 50px #1e3a8a4d;max-height:85vh;max-width:800px;overflow-y:auto;width:90vw}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.session-modal-header{align-items:center;background:linear-gradient(135deg,#1e3a8a,#6366f1);border-bottom:3px solid #fff3;border-radius:1.5rem 1.5rem 0 0;color:#fff;display:flex;justify-content:space-between;padding:2rem}.session-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0}.session-step-indicator{align-items:center;display:flex;gap:1rem;justify-content:center;padding:2rem 2rem 1rem}.step-item{flex-direction:column;gap:.5rem}.step-item,.step-number{align-items:center;display:flex;transition:all .3s ease}.step-number{background:#e5e7eb;border:3px solid #0000;border-radius:50%;color:#6b7280;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.step-item.active .step-number{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#ffffff4d;box-shadow:0 4px 12px #8b5cf666;color:#fff;transform:scale(1.1)}.step-item.completed .step-number{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.step-label{color:#6b7280;font-size:.875rem;font-weight:500;transition:color .3s ease}.step-item.active .step-label{color:#1e3a8a;font-weight:600}.step-connector{background:#e5e7eb;border-radius:2px;height:3px;margin-top:-20px;transition:all .3s ease;width:60px}.step-item.active~.step-connector,.step-item.completed~.step-connector{background:linear-gradient(90deg,#8b5cf6,#6366f1)}.session-modal-content{padding:2rem}.session-step-content{animation:fadeIn .3s ease-out}.step-description{color:#6b7280;font-size:1rem;font-weight:500;margin-bottom:1.5rem;text-align:center}.session-search-container{margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:500px;width:100%}.session-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;color:#111827;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.session-search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.session-search-input::placeholder{color:#9ca3af}body[data-theme=dark] .session-search-input{background:#2a2a2a;border-color:#404040;color:#e5e7eb}body[data-theme=dark] .session-search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}body[data-theme=dark] .session-search-input::placeholder{color:#6b7280}.department-selection-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:2rem}.department-card-select{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:1rem;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.department-card-select:before{background:linear-gradient(90deg,#8b5cf6,#6366f1);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.department-card-select:hover{border-color:#8b5cf6;box-shadow:0 12px 24px #8b5cf633;transform:translateY(-4px)}.department-card-select:hover:before{transform:scaleX(1)}.department-card-select.selected{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#8b5cf6;box-shadow:0 8px 16px #8b5cf64d}.department-card-select.selected:before{transform:scaleX(1)}.dept-card-icon{font-size:2.5rem;margin-bottom:.75rem}.dept-card-name{color:#1e3a8a;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.dept-card-count{color:#6b7280;font-size:.875rem}.staff-selection-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:2rem}.staff-card-select{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:1rem;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.staff-card-select:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.staff-card-select:hover{border-color:#6366f1;box-shadow:0 12px 24px #6366f133;transform:translateY(-4px)}.staff-card-select:hover:before{transform:scaleX(1)}.staff-card-select.selected{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#6366f1;box-shadow:0 8px 16px #6366f14d}.staff-card-select.selected:before{transform:scaleX(1)}.staff-card-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 4px 12px #6366f14d;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.staff-card-name{color:#1e3a8a;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.staff-card-email{color:#6b7280;font-size:.875rem;margin-bottom:.75rem}.staff-card-metrics{border-top:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:.75rem;gap:.5rem;justify-content:space-around;padding-top:.75rem}.session-recordings{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.recording-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e5e7eb;border-radius:.75rem;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.recording-item:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf61a}.recording-complete{color:#10b981;font-size:.875rem;font-weight:600}.recording-error{align-items:center;background:#fef2f2;border:1px solid #ef4444;border-radius:.375rem;color:#dc2626;display:flex;gap:.5rem;padding:.5rem}.recording-error .error-icon{font-size:1rem}.recording-error .error-text{flex:1 1;font-size:.875rem;font-weight:600}.recording-error .retry-button{background:#ef4444;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:.25rem .75rem;transition:all .2s}.recording-error .retry-button:hover{background:#dc2626;box-shadow:0 2px 4px #ef44444d;transform:translateY(-1px)}.recording-error .retry-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.recording-status-text{color:#8b5cf6;font-size:.875rem;font-weight:600}.processing-status-text{animation:pulse 1.5s ease-in-out infinite;color:#6366f1;font-size:.875rem;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.record-button{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:.5rem;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1.5rem;transition:all .3s ease}.record-button:hover:not(:disabled){box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.record-button:disabled{cursor:not-allowed;opacity:.5}.recording-status{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:.75rem;margin-bottom:1rem;padding:1rem;text-align:center}.stop-button{background:#dc2626;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;margin-top:.5rem;padding:.5rem 1.5rem;transition:all .3s ease}.stop-button:hover{background:#b91c1c;transform:translateY(-2px)}.session-modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.submit-session-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.75rem;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.submit-session-button:hover:not(:disabled){box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.submit-session-button:disabled{cursor:not-allowed;opacity:.5}.back-button{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.back-button:hover:not(:disabled){box-shadow:0 4px 12px #6b72804d;transform:translateY(-2px)}.back-button:disabled{cursor:not-allowed;opacity:.5}.no-data-message{font-size:1rem;grid-column:1/-1;padding:2rem}.employee-modal-enhanced .no-sessions-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem 2.5rem;text-align:center}.no-sessions-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.no-sessions-title{color:#111827;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.no-sessions-message{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:2rem;max-width:600px}.no-sessions-actions{margin:2rem 0}.conduct-session-from-modal-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:.75rem;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.conduct-session-from-modal-btn:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 6px 20px #8b5cf680;transform:translateY(-2px)}.no-sessions-info{background:#f9fafb;border-radius:.75rem;margin-top:2rem;max-width:600px;padding:1.5rem;text-align:left}.no-sessions-info h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.no-sessions-info ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.no-sessions-info li{color:#6b7280;font-size:.875rem;line-height:1.5;padding-left:.5rem}body[data-theme=dark] .no-sessions-container,body[data-theme=dark] .no-sessions-title{color:#fff}body[data-theme=dark] .no-sessions-message{color:#d1d5db}body[data-theme=dark] .no-sessions-info{background:#2a2a2a;border:1px solid #404040}body[data-theme=dark] .no-sessions-info h4{color:#d1d5db}body[data-theme=dark] .no-sessions-info li{color:#9ca3af}.doctor-dashboard-container{margin:0;max-width:100%;padding:16px;width:100%}body.doctor-theme-locked .doctor-dashboard-container{background:#fff!important}body.doctor-theme-locked .theme-toggle-btn{display:none!important}body.doctor-theme-locked .appointment-item,body.doctor-theme-locked .appointments-container,body.doctor-theme-locked .appointments-table,body.doctor-theme-locked .calendar-section,body.doctor-theme-locked .chart-container,body.doctor-theme-locked .dashboard-content,body.doctor-theme-locked .high-risk-section,body.doctor-theme-locked .notes-box,body.doctor-theme-locked .patient-brief,body.doctor-theme-locked .patients-table,body.doctor-theme-locked .report-grid .chart-section,body.doctor-theme-locked .risk-analysis,body.doctor-theme-locked .session-card,body.doctor-theme-locked .session-left,body.doctor-theme-locked .session-right,body.doctor-theme-locked .stat-card{background:#fff!important;border-color:#e5e7eb!important;color:#111827!important}body.doctor-theme-locked,body.doctor-theme-locked #root,body.doctor-theme-locked .dashboard-content,body.doctor-theme-locked .doctor-dashboard,body.doctor-theme-locked .home-page,body.doctor-theme-locked .main-content{background:#fff!important;color:#111827!important}.dashboard-tabs{grid-gap:0;align-items:end;background:#fff;border-bottom:1px solid #e5e7eb;display:grid;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 0;width:100%}.dashboard-tabs .tab{align-items:center;background:#fff!important;border:1px solid #e5e7eb;border-bottom:none;border-radius:10px 10px 0 0;box-shadow:0 2px 6px #00000014,0 1px 2px #0000000f;color:#000!important;cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:12px 16px;position:relative;transition:all .3s ease-in-out}.dashboard-tabs .tab:hover{background:#f5f5f5!important;color:#000!important;cursor:pointer}.dashboard-tabs .tab.active{border-color:#e5e7eb;border-bottom:2px solid #4a4a4a;box-shadow:0 4px 10px #0000002e;font-weight:800}.dashboard-tabs .tab.active,.dashboard-tabs .tab.active:hover{background:#fff!important;color:#000!important}.dashboard-tabs .tab:after{background:#0000;bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.dashboard-tabs .tab.active:after{background:#fff}.doctor-dashboard-container .dashboard-tabs .tab{background:#fff!important;color:#000!important}.doctor-dashboard-container .dashboard-tabs .tab:hover{background:#f5f5f5!important;color:#000!important}.doctor-dashboard-container .dashboard-tabs .tab.active,.doctor-dashboard-container .dashboard-tabs .tab.active:hover{background:#fff!important;color:#000!important}.dashboard-content{background:#fff;border:1px solid #e5e7eb;border-radius:0 10px 10px 10px;border-top:none;padding:16px}body:not(.doctor-theme-locked)[data-theme=device] .dashboard-content{background:#000!important;border-color:#2a2a2a!important;color:#fff!important}body:not(.doctor-theme-locked)[data-theme=device] .dashboard-content .muted,body:not(.doctor-theme-locked)[data-theme=device] .dashboard-content .stat-value,body:not(.doctor-theme-locked)[data-theme=device] .dashboard-content .status,body:not(.doctor-theme-locked)[data-theme=device] .dashboard-content h1,body:not(.doctor-theme-locked)[data-theme=device] .dashboard-content h2,body:not(.doctor-theme-locked)[data-theme=device] .dashboard-content h3,body:not(.doctor-theme-locked)[data-theme=device] .dashboard-content h4,body:not(.doctor-theme-locked)[data-theme=device] .dashboard-content h5,body:not(.doctor-theme-locked)[data-theme=device] .dashboard-content h6,body:not(.doctor-theme-locked)[data-theme=device] .dashboard-content label,body:not(.doctor-theme-locked)[data-theme=device] .dashboard-content li,body:not(.doctor-theme-locked)[data-theme=device] .dashboard-content p,body:not(.doctor-theme-locked)[data-theme=device] .dashboard-content span,body:not(.doctor-theme-locked)[data-theme=device] .dashboard-content td,body:not(.doctor-theme-locked)[data-theme=device] .dashboard-content th{color:#fff!important}body:not(.doctor-theme-locked)[data-theme=device] .chart-container,body:not(.doctor-theme-locked)[data-theme=device] .high-risk-section,body:not(.doctor-theme-locked)[data-theme=device] .notes-box,body:not(.doctor-theme-locked)[data-theme=device] .patient-brief,body:not(.doctor-theme-locked)[data-theme=device] .patients-table,body:not(.doctor-theme-locked)[data-theme=device] .report-grid .chart-section,body:not(.doctor-theme-locked)[data-theme=device] .risk-analysis,body:not(.doctor-theme-locked)[data-theme=device] .session-card,body:not(.doctor-theme-locked)[data-theme=device] .session-left,body:not(.doctor-theme-locked)[data-theme=device] .session-right,body:not(.doctor-theme-locked)[data-theme=device] .stat-card{background:#0a0a0a!important;border-color:#2a2a2a!important;box-shadow:0 6px 18px #ffffff0f!important}body.doctor-theme-locked .navbar{background:#fff!important;border-color:#e5e7eb!important;color:#111827!important}body.doctor-theme-locked .navbar .dashboard-btn,body.doctor-theme-locked .navbar .get-started-btn,body.doctor-theme-locked .navbar a,body.doctor-theme-locked .navbar button,body.doctor-theme-locked .navbar span{color:#111827!important}body.doctor-theme-locked .navbar .dashboard-btn,body.doctor-theme-locked .navbar .get-started-btn,body.doctor-theme-locked .navbar .help-btn{background:#fff!important;border:1px solid #111827!important;box-shadow:none!important;color:#111827!important}body.doctor-theme-locked .neon-username{color:#333!important}body:not(.doctor-theme-locked)[data-theme=device] .patients-table thead th{background:#0f0f0f!important;color:#fff!important}body:not(.doctor-theme-locked)[data-theme=device] .patients-table tbody tr:hover{background:#141414!important}body:not(.doctor-theme-locked)[data-theme=device] .patients-table td,body:not(.doctor-theme-locked)[data-theme=device] .patients-table th{border-bottom:1px solid #222!important}body:not(.doctor-theme-locked)[data-theme=device] .btn-primary{background:#1f6bff!important;color:#fff!important}body:not(.doctor-theme-locked)[data-theme=device] .btn-primary:hover{background:#3b82f6!important}body:not(.doctor-theme-locked)[data-theme=device] .btn-secondary{background:#0000!important;border-color:#2a2a2a!important;color:#fff!important}body:not(.doctor-theme-locked)[data-theme=device] .btn-secondary:hover{background:#111!important}body:not(.doctor-theme-locked)[data-theme=device] .edit-btn{background:#2ecc71!important}body:not(.doctor-theme-locked)[data-theme=device] .edit-btn:hover{background:#29b765!important}body:not(.doctor-theme-locked)[data-theme=device] .delete-btn{background:#ff4757!important}body:not(.doctor-theme-locked)[data-theme=device] .delete-btn:hover{background:#e84352!important}body:not(.doctor-theme-locked)[data-theme=device] .status.stable{background:#22c55e26!important;color:#34d399!important}body:not(.doctor-theme-locked)[data-theme=device] .status.moderate-risk{background:#f59e0b26!important;color:#f6ad55!important}body:not(.doctor-theme-locked)[data-theme=device] .status.high-risk{background:#ef444426!important;color:#f87171!important}body:not(.doctor-theme-locked)[data-theme=device] .form-group label{color:#e5e7eb!important}body:not(.doctor-theme-locked)[data-theme=device] .form-group input,body:not(.doctor-theme-locked)[data-theme=device] .form-group select,body:not(.doctor-theme-locked)[data-theme=device] .form-group textarea{background:#0f0f10!important;border-color:#2a2a2a!important;color:#fff!important}body:not(.doctor-theme-locked)[data-theme=device] .form-group input:focus,body:not(.doctor-theme-locked)[data-theme=device] .form-group select:focus,body:not(.doctor-theme-locked)[data-theme=device] .form-group textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important;outline:none!important}body:not(.doctor-theme-locked)[data-theme=device] .chart-header h3,body:not(.doctor-theme-locked)[data-theme=device] .chart-section h3,body:not(.doctor-theme-locked)[data-theme=device] .no-data-message,body:not(.doctor-theme-locked)[data-theme=device] .no-data-message h4{color:#fff!important}body:not(.doctor-theme-locked)[data-theme=device] .appointments-container,body:not(.doctor-theme-locked)[data-theme=device] .appointments-content,body:not(.doctor-theme-locked)[data-theme=device] .appointments-controls,body:not(.doctor-theme-locked)[data-theme=device] .appointments-header,body:not(.doctor-theme-locked)[data-theme=device] .appointments-list,body:not(.doctor-theme-locked)[data-theme=device] .calendar-section{background:#0a0a0a!important;border-color:#222!important;color:#fff!important}body:not(.doctor-theme-locked)[data-theme=device] .appointment-item,body:not(.doctor-theme-locked)[data-theme=device] .appointments-table{background:#0f0f10!important;border-color:#222!important}body:not(.doctor-theme-locked)[data-theme=device] .appointment-item .status-badge{color:#fff!important}.doctor-dashboard{display:flex;flex-direction:column;gap:24px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:16px}.stat-card h3{color:#374151;font-size:14px;margin:0 0 6px}.stat-value{color:#111827;font-size:28px;font-weight:800}.stat-value.high-risk{color:#dc2626}.stat-value.positive{color:#16a34a}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.chart-container{background:#fff;border:1px solid #eee;border-radius:10px;padding:16px}.chart-container h3{color:#111827;font-size:16px;margin:0 0 10px}.sessions-info{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.session-card{background:#fff;border:1px solid #eee;border-radius:10px;padding:16px}.session-card h3{font-size:16px;margin:0 0 8px}.status{border-radius:999px;display:inline-block;font-size:12px;font-weight:700;padding:4px 10px}.status.stable{background:#e8f5e9;color:#1b5e20}.status.moderate-risk{background:#fff7ed;color:#b45309}.status.high-risk{background:#fee2e2;color:#991b1b}.high-risk-section{background:#fff;border:1px solid #eee;border-radius:10px;padding:16px}body:not(.doctor-theme-locked)[data-theme=device] .high-risk-section{background:#14090b!important;border:1px solid #3a1f23!important;box-shadow:0 6px 18px #ff63840f!important}body:not(.doctor-theme-locked)[data-theme=device] .high-risk-section h3{color:#ffb3bd!important}.high-risk-section h3{font-size:16px;margin:0 0 12px}.patients-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.patient-card{border:1px solid #eee;border-radius:10px;cursor:pointer;padding:12px;transition:box-shadow .15s ease,transform .15s ease}.patient-card:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-1px)}.patient-card.high-risk{background:#fff7f7;border-color:#fecaca}body:not(.doctor-theme-locked)[data-theme=device] .patient-card.high-risk{background:#1a0d11!important;border-color:#4a2229!important}body:not(.doctor-theme-locked)[data-theme=device] .patient-card.high-risk .mental-health,body:not(.doctor-theme-locked)[data-theme=device] .patient-card.high-risk h4{color:#ffe1e6!important}.patient-card h4{font-size:15px;margin:0 0 6px}.patient-card .mental-health{color:#6b7280;font-size:12px}.patients-view{display:flex;flex-direction:column;gap:16px}.patients-header{align-items:center;display:flex;justify-content:space-between}.patients-header h2{font-size:20px;margin:0}.add-patient-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 14px}.add-patient-btn:hover{background:#1d4ed8}.patients-table{background:#fff;border:1px solid #eee;border-radius:10px;overflow-x:auto}.patients-table table{border-collapse:collapse;width:100%}.patients-table td,.patients-table th{border-bottom:1px solid #f0f0f0;font-size:14px;padding:12px 10px;text-align:left}.patients-table thead th{background:#fafafa;color:#374151;font-weight:700}.patients-table tbody tr:hover{background:#fafafa}.patients-table .high-risk-row{background:#fff7f7}.patients-mobile-cards{display:none}body:not(.doctor-theme-locked)[data-theme=device] .patients-table .high-risk-row{background:#ff63841a!important}body:not(.doctor-theme-locked)[data-theme=device] .patients-table .high-risk-row td,body:not(.doctor-theme-locked)[data-theme=device] .patients-table .high-risk-row th{color:#fff!important}.report-btn{background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:8px 12px}.report-btn:hover{background:#000}.edit-btn{background:#28a745!important;color:#fff!important}.edit-btn:hover{background:#218838!important}.delete-btn{background:#dc3545!important;color:#fff!important}.delete-btn:hover{background:#c82333!important}.clinical-assessment-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:20px 0;padding:15px}.clinical-assessment-section h3{color:#374151;font-size:16px;margin:0 0 10px}.assessment-options{display:flex;gap:10px;margin-top:10px}.assessment-btn{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-weight:600;opacity:.7;padding:12px 16px;transition:all .2s ease}.assessment-btn:hover{border-color:#9ca3af;opacity:.9}.assessment-btn.active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a;color:#1e40af;opacity:1}.assessment-btn.active:first-child{background:#ecfdf5;border-color:#10b981;color:#047857}.assessment-btn.active:nth-child(2){background:#fffbeb;border-color:#f59e0b;color:#d97706}.assessment-btn.active:nth-child(3){background:#fef2f2;border-color:#ef4444;color:#dc2626}.clinical-assessment-display{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:20px 0;padding:15px}.clinical-assessment-display h3{color:#374151;font-size:16px;margin:0 0 10px}.assessment-badge{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 16px}.assessment-badge,.assessment-badge-small{background:#fff;display:inline-block;font-weight:600}.assessment-badge-small{border:1px solid #d1d5db;border-radius:4px;font-size:12px;padding:4px 8px}.modal-overlay{background:#0006;inset:0}.modal-content{border:1px solid #eee;box-shadow:0 10px 30px #00000026;max-width:720px;overflow:hidden;width:90vw}.modal-content.large{max-width:1100px}.modal-header{border-bottom:1px solid #f0f0f0;padding:14px 16px}.modal-header h2{font-size:18px}.close-btn{font-size:22px}.modal-body{padding:16px}.patient-info p{font-size:14px;margin:6px 0}body.doctor-theme-locked .modal-content,body.doctor-theme-locked .modal-content .session-history-table,body.doctor-theme-locked .modal-content .session-history-table td,body.doctor-theme-locked .modal-content .session-history-table th,body.doctor-theme-locked .modal-content h1,body.doctor-theme-locked .modal-content h2,body.doctor-theme-locked .modal-content h3,body.doctor-theme-locked .modal-content h4,body.doctor-theme-locked .modal-content h5,body.doctor-theme-locked .modal-content h6,body.doctor-theme-locked .modal-content p{color:#111827!important}.report-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.chart-section{background:#fff;border:1px solid #eee;border-radius:10px;padding:14px}.chart-section h3{font-size:16px;margin:0 0 8px}.risk-analysis{background:#fff;border:1px solid #eee;border-radius:10px;grid-column:1/-1;padding:16px}.risk-analysis h3{font-size:16px;margin:0 0 12px}.risk-components{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.risk-item{grid-gap:10px;align-items:center;display:grid;font-size:14px;gap:10px;grid-template-columns:180px 1fr 50px}.risk-bar{background:#f3f4f6;border-radius:999px;height:10px;overflow:hidden;width:100%}.risk-fill{background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:999px;height:100%}.cumulative-risk{align-items:center;display:flex;gap:12px;margin-top:12px}.cumulative-risk h4{font-size:16px;margin:0}.risk-status{border-radius:999px;font-size:12px;font-weight:700;padding:6px 12px}.risk-status.stable{background:#e8f5e9;color:#1b5e20}.risk-status.moderate-risk{background:#fff7ed;color:#b45309}.risk-status.high-risk{background:#fee2e2;color:#991b1b}.mental-state{background:#f8f9fa;border:1px solid #ececec;border-radius:8px;grid-column:1/-1;padding:20px}.mental-state h3{color:#212529;font-size:16px;font-weight:600;margin:0 0 20px}.mental-state-content{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:auto auto 1fr}.mental-state-badge{border-radius:25px;box-shadow:0 2px 8px #0003;color:#fff;display:inline-block;font-size:16px;font-weight:700;letter-spacing:1px;margin-bottom:0;padding:8px 20px;text-transform:uppercase}.mental-state-score span{color:#111827;font-weight:700}.mental-state-summary p{color:#495057;font-size:14px;font-style:italic;line-height:1.5;margin:0}.add-patient-form{display:flex;flex-direction:column;gap:14px}.form-row{grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#374151;font-weight:700}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e5e7eb;border-radius:8px}.form-actions{gap:10px;margin-top:6px}.btn-primary{background:#111827;font-weight:700;padding:10px 16px}.btn-primary:hover{background:#000}.btn-secondary{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-weight:700;padding:10px 16px}.btn-secondary:hover{background:#f9fafb}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-section,.sessions-info{grid-template-columns:1fr}.patients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.patients-table td,.patients-table th,.session-history-table td,.session-history-table th{font-size:13px;padding:8px 6px}.modal-content{max-width:900px;width:95vw}}@media (max-width:767px){.form-row,.patients-grid,.report-grid{grid-template-columns:1fr}.doctor-dashboard-container{overflow-x:hidden;padding:8px}.dashboard-tabs{gap:4px;grid-template-columns:1fr}.dashboard-tabs .tab{background:#fff!important;border-radius:8px;box-shadow:0 2px 6px #00000014,0 1px 2px #0000000f;color:#000!important;margin-bottom:2px}.dashboard-tabs .tab:hover{background:#f5f5f5!important;color:#000!important}.dashboard-tabs .tab.active{border-bottom:2px solid #4a4a4a}.dashboard-tabs .tab.active,.dashboard-tabs .tab.active:hover{background:#fff!important;color:#000!important}.patients-view{gap:12px}.patients-header{align-items:stretch;flex-direction:column;gap:12px}.patients-header h2{font-size:18px;text-align:center}.add-patient-btn{border-radius:10px;font-size:16px;padding:12px 16px;width:100%}.patients-table{display:none}.patients-mobile-cards{display:flex;flex-direction:column;gap:12px}.patient-mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;padding:16px;transition:all .3s ease}.patient-mobile-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.patient-mobile-card.high-risk{background:#fff7f7;border-color:#fecaca}.patient-mobile-card .patient-name{color:#111827;font-size:18px;font-weight:700;margin:0 0 8px}.patient-mobile-card .patient-details{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.patient-mobile-card .patient-detail{align-items:center;display:flex;font-size:14px;justify-content:space-between}.patient-mobile-card .patient-detail .label{color:#6b7280;font-weight:500}.patient-mobile-card .patient-detail .value{color:#111827;font-weight:600}.patient-mobile-card .patient-status{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.patient-mobile-card .patient-actions{display:flex;flex-wrap:wrap;gap:8px}.patient-mobile-card .action-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;min-width:80px;padding:8px 12px;transition:all .2s ease}.patient-mobile-card .action-btn.report-btn{background:#111827;color:#fff}.patient-mobile-card .action-btn.edit-btn{background:#28a745;color:#fff}.patient-mobile-card .action-btn.delete-btn{background:#dc3545;color:#fff}.patient-mobile-card .action-btn:hover{opacity:.9;transform:translateY(-1px)}.modal-content{margin:16px;max-height:90vh;max-width:100%;overflow-y:auto;width:95vw}.modal-header{border-bottom:1px solid #e5e7eb;padding:12px 16px}.modal-header h2{font-size:16px}.modal-body{padding:12px}.session-history-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.session-history-table th{background:#f8f9fa;border-bottom:1px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;padding:8px 6px;text-align:left}.session-history-table td{border-bottom:1px solid #f3f4f6;font-size:12px;padding:8px 6px}.session-history-table tr:hover{background:#f9fafb}.session-history-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.session-history-table{min-width:600px}.session-history-table .report-btn{border-radius:4px;font-size:11px;padding:4px 8px}.assessment-badge-small{border-radius:4px;font-size:10px;padding:2px 6px}}@media (max-width:480px){.doctor-dashboard-container{padding:4px}.patient-mobile-card{padding:12px}.patient-mobile-card .patient-name{font-size:16px}.patient-mobile-card .patient-detail{font-size:13px}.patient-mobile-card .action-btn{font-size:11px;padding:6px 8px}.modal-content{border-radius:8px;margin:8px;width:100vw}.session-history-table td,.session-history-table th{font-size:11px;padding:6px 4px}}.silence-warning{background:#fef2f2;border:2px solid #fecaca;border-radius:12px;margin:16px 0;padding:20px;text-align:center}.silence-warning .warning-icon{font-size:48px;margin-bottom:12px}.silence-warning h4{color:#dc2626;font-size:18px;font-weight:700;margin:0 0 12px}.silence-warning p{color:#7f1d1d;font-size:14px;line-height:1.5;margin:8px 0}.silence-tips{background:#fff;border:1px solid #fecaca;border-radius:8px;margin-top:16px;padding:16px;text-align:left}.silence-tips p{color:#991b1b;font-weight:600;margin:0 0 8px}.silence-tips ul{color:#7f1d1d;margin:8px 0 0;padding-left:20px}.silence-tips li{font-size:13px;margin:4px 0}.partial-silence-warning{background:#fffbeb;border:2px solid #fed7aa;border-radius:12px;margin:16px 0;padding:20px}.partial-silence-warning .warning-icon{display:block;font-size:32px;margin-bottom:8px;text-align:center}.partial-silence-warning h4{color:#d97706;font-size:16px;font-weight:700;margin:0 0 8px;text-align:center}.partial-silence-warning p{color:#92400e;font-size:14px;margin:6px 0;text-align:center}.partial-silence-warning .muted{color:#a16207;font-size:12px;font-style:italic}.emotion-results .muted{color:#6b7280;font-size:12px;font-style:italic;margin-bottom:12px;text-align:center}.new-patient-message{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:40px 20px;text-align:center}.new-patient-icon{font-size:64px;margin-bottom:16px}.new-patient-message h3{color:#495057;font-size:24px;font-weight:600;margin:0 0 16px}.new-patient-message p{color:#6c757d;font-size:16px;line-height:1.5;margin:8px 0}.new-patient-actions{margin-top:24px}.new-patient-actions .btn-primary{font-size:16px;font-weight:600;padding:12px 24px}.status.no-data{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.session-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;min-height:600px}.session-left{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.session-left,.session-right{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:24px}.session-right{background:linear-gradient(135deg,#fefefe,#f1f5f9)}.patient-brief{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:20px}.patient-brief h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.patient-brief h3:before{content:"👤";font-size:20px}.patient-brief p{align-items:center;color:#475569;display:flex;font-size:14px;justify-content:space-between;margin:8px 0}.patient-brief strong{color:#334155;font-weight:600}.session-timer{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:20px;text-align:center}.session-timer h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px;justify-content:center;margin:0 0 16px}.session-timer h3:before{content:"⏱️";font-size:20px}.timer-display{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #93c5fd;border-radius:8px;color:#3b82f6;font-family:Courier New,monospace;font-size:32px;font-weight:700;margin:16px 0;padding:16px}.timer-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.timer-actions .btn-primary,.timer-actions .btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 20px;transition:all .2s ease}.timer-actions .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f64d;color:#fff}.timer-actions .btn-primary:hover:not(:disabled){box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.timer-actions .btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 4px #6b72804d;color:#fff}.timer-actions .btn-secondary:hover:not(:disabled){box-shadow:0 4px 8px #6b728066;transform:translateY(-1px)}.recording-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:20px}.recording-section h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.recording-section h3:before{content:"🎤";font-size:20px}.mic-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease;width:100%}.mic-btn:hover:not(:disabled){box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.mic-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 4px #9ca3af4d;cursor:not-allowed;transform:none}.mic-btn:active:not(:disabled){transform:translateY(0)}.recording-info{background:#f1f5f9;border-left:4px solid #3b82f6;border-radius:8px;margin-top:16px;padding:12px}.recording-info p{color:#475569;font-size:14px;margin:4px 0}.notes-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:20px}.notes-header{justify-content:space-between;margin-bottom:16px}.notes-header,.notes-header h3{align-items:center;display:flex}.notes-header h3{color:#1e293b;font-size:18px;font-weight:600;gap:8px;margin:0}.notes-header h3:before{content:"📝";font-size:20px}.notes-header .btn-secondary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;box-shadow:0 2px 4px #8b5cf64d;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.notes-header .btn-secondary:hover{box-shadow:0 4px 8px #8b5cf666;transform:translateY(-1px)}.note-status{background:#dbeafe;border:1px solid #93c5fd;border-radius:6px;color:#1d4ed8;font-size:14px;font-weight:500;margin-bottom:12px;padding:8px 12px}.notes-box textarea{background:#fafbfc;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.notes-box textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.session-right h3{align-items:center;color:#1e293b;display:flex;font-size:20px;font-weight:600;gap:8px;justify-content:center;margin:0 0 20px;text-align:center}.session-right h3:before{content:"🧠";font-size:24px}.muted{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;font-style:italic;padding:40px 20px;text-align:center}.emotion-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:16px}.emotion-card{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#374151;font-size:14px;font-weight:600;padding:16px;text-align:center;transition:all .2s ease}.emotion-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.emotion-card span{color:#1e293b;display:block;font-size:18px;font-weight:700;margin-top:8px}.emotion-card.highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.emotion-card.highlight span{color:#92400e}.actions{margin-top:24px;text-align:center}.actions .btn-primary{background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:12px;box-shadow:0 4px 12px #0596694d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:160px;padding:14px 32px;transition:all .3s ease}.actions .btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #05966966;transform:translateY(-2px)}.actions .btn-primary:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 4px #9ca3af4d;cursor:not-allowed;transform:none}@media (max-width:1024px){.session-grid{gap:24px;grid-template-columns:1fr}.emotion-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.session-left,.session-right{padding:16px}.timer-display{font-size:24px;padding:12px}.emotion-cards{grid-template-columns:1fr}.timer-actions{flex-direction:column}}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.emotion-view-toggle{background:#f3f4f6;border-radius:8px;display:flex;gap:8px;padding:4px}.emotion-view-toggle button{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.emotion-view-toggle button:hover{background:#e5e7eb;color:#374151}.emotion-view-toggle button.active{background:#4f46e5;box-shadow:0 2px 4px #4f46e54d;color:#fff}.chart-legend{display:flex;justify-content:center;margin-top:16px}.legend-item{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px}.legend-color{border-radius:2px;height:12px;width:12px}.no-data-message{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.no-data-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-data-message h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 8px}.no-data-message p{font-size:14px;line-height:1.5;margin:0;max-width:300px}.radar-card{background:#fff;border:1px solid #eef2f7;border-radius:12px;box-shadow:0 6px 18px #1118270f;padding:12px 14px 6px}.radar-tooltip{animation:fadeIn .14s ease-in;background:#111827d9;border-radius:8px;box-shadow:0 6px 16px #00000040;color:#fff;min-width:80px;padding:8px 10px;text-align:center}.radar-tooltip-title{font-size:12px;opacity:.95}.radar-tooltip-value{font-size:14px;font-weight:700;margin-top:2px}.radar-highlight{background:linear-gradient(180deg,#fff,#fff 60%,#fbfbff);border:1px solid #6366f126;box-shadow:0 10px 24px #4f46e51a,0 2px 8px #1118270f}.radar-flat{background:#fff;border:1px solid #e5e7eb;box-shadow:none}.burnout-display{background:#fff;border:1px solid #eef2f7;border-radius:10px;margin-top:14px;padding:12px 14px}.burnout-display h3{font-size:16px;margin:0 0 6px}.burnout-value{background:#5478ff1a;border-radius:8px;color:#3550cc;display:inline-block;font-weight:700;padding:6px 10px}body.doctor-theme-locked .profile-dropdown-box .profile-dropdown-btn,body.doctor-theme-locked .profile-dropdown-box .profile-dropdown-btn.delete-account-btn,body.doctor-theme-locked .profile-dropdown-box .profile-dropdown-btn.logout-btn,body.doctor-theme-locked .profile-dropdown-box .profile-dropdown-btn.report-btn{background:#000!important;border-color:#0000!important;box-shadow:none!important;color:#fff!important}body.doctor-theme-locked .mobile-language-dropdown button,body.doctor-theme-locked .mobile-profile-dropdown button{background:#000!important;border-color:#0000!important;color:#fff!important}.appointments-container{background:#f8f9fa;min-height:100vh;padding:20px}.appointments-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.appointments-header h2{color:#212529;font-size:24px;font-weight:600;margin:0}.notification-count-badge{align-items:center;animation:pulse-count 2s ease-in-out infinite;background:#ff9800;border-radius:12px;box-shadow:0 2px 4px #ff980066;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 8px}@keyframes pulse-count{0%,to{box-shadow:0 2px 4px #ff980066;transform:scale(1)}50%{box-shadow:0 4px 8px #ff980099;transform:scale(1.1)}}.btn-primary{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.appointments-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.view-controls{display:flex;gap:8px}.view-btn{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.view-btn:hover{background:#f8f9fa;border-color:#007bff;color:#007bff}.view-btn.active{background:#007bff;border-color:#007bff;color:#fff}.status-filter{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;padding:8px 12px}.appointments-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.calendar-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.calendar-view{padding:20px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-header button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.calendar-header button:hover{background:#e9ecef;border-color:#007bff;color:#007bff}.calendar-header h3{color:#212529;font-size:18px;font-weight:600;margin:0}.calendar-grid{grid-gap:1px;background:#dee2e6;border-radius:8px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.calendar-day-header{background:#f8f9fa;color:#495057;font-size:14px;font-weight:600;padding:12px 8px;text-align:center}.calendar-day{background:#fff;cursor:pointer;min-height:80px;padding:8px;position:relative;transition:all .3s ease}.calendar-day:hover{background:#f8f9fa}.calendar-day.today{background:#e3f2fd;border:2px solid #2196f3}.calendar-day.empty{background:#f8f9fa;cursor:default}.day-number{color:#212529;font-weight:600;margin-bottom:4px}.day-appointments{display:flex;flex-direction:column;gap:2px}.appointment-dot{border-radius:50%;height:8px;margin:1px 0;width:8px}.appointment-dot.upcoming{background:#007bff}.appointment-dot.completed{background:#28a745}.appointment-dot.cancelled{background:#dc3545}.more-appointments{background:#f8f9fa;border-radius:10px;color:#6c757d;font-size:10px;margin-top:2px;padding:2px 6px;text-align:center}.appointments-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.appointments-list h3{color:#212529;font-size:18px;font-weight:600;margin:0 0 20px}.appointments-table{max-height:600px;overflow-y:auto}.appointment-item{border:1px solid #dee2e6;border-radius:8px;margin-bottom:12px;padding:16px;transition:all .3s ease}.appointment-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.appointment-item.upcoming{border-left:4px solid #007bff}.appointment-item.completed{border-left:4px solid #28a745;opacity:.8}.appointment-item.cancelled{border-left:4px solid #dc3545;opacity:.6}.appointment-item.new-appointment{animation:pulse-highlight 2s ease-in-out;background:#fff8e1;border-left:4px solid #ff9800}@keyframes pulse-highlight{0%,to{background:#fff8e1}50%{background:#ffe082}}.appointment-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.appointment-header h4{color:#212529;font-size:16px;font-weight:600;margin:0}.status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.upcoming{background:#e3f2fd;color:#1976d2}.status-badge.completed{background:#e8f5e8;color:#2e7d32}.status-badge.cancelled{background:#ffebee;color:#c62828}.notification-badge{animation:bounce-in .5s ease-out;background:#ff9800;border-radius:20px;box-shadow:0 2px 4px #ff98004d;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}@keyframes bounce-in{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.appointment-details p{color:#6c757d;font-size:14px;margin:6px 0}.appointment-details strong{color:#495057}.appointment-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.btn-cancel,.btn-edit,.btn-reminder{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.btn-edit{background:#ffc107;color:#212529}.btn-edit:hover{background:#e0a800}.btn-cancel{background:#dc3545;color:#fff}.btn-cancel:hover{background:#c82333}.btn-reminder{background:#17a2b8;color:#fff}.btn-reminder:hover{background:#138496}.no-appointments{color:#6c757d;font-style:italic;padding:40px;text-align:center}.modal-overlay{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}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px 24px 0}.modal-header h2{color:#212529;font-size:20px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background .3s ease;width:32px}.close-btn:hover{background:#f8f9fa;color:#212529}.appointment-form{padding:0 24px 24px}.form-group{margin-bottom:16px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #dee2e6;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-secondary{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-secondary:hover{background:#5a6268}@media (max-width:1024px){.appointments-content{grid-template-columns:1fr}.calendar-section{order:2}.appointments-list{order:1}}@media (max-width:768px){.appointments-container{padding:16px}.appointments-controls,.appointments-header{align-items:stretch;flex-direction:column;gap:16px}.view-controls{justify-content:center}.calendar-grid{grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:60px;padding:4px}.day-number{font-size:12px}.appointment-dot{height:6px;width:6px}.form-row{grid-template-columns:1fr}.appointment-actions{flex-direction:column}.appointment-actions button{width:100%}}@media (max-width:480px){.calendar-header{flex-direction:column;gap:12px}.calendar-header button{width:100%}.modal-content{margin:10px;max-height:90vh}.form-actions{flex-direction:column}.form-actions button{width:100%}}.searchable-dropdown{position:relative;width:100%}.searchable-dropdown input{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.searchable-dropdown input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.dropdown-options{background:#fff;border:2px solid #e9ecef;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{border-bottom:1px solid #f8f9fa;cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item:last-child{border-bottom:none}.patient-name{color:#212529;font-weight:600;margin-bottom:4px}.patient-contact{color:#6c757d;font-size:12px}.tc-root{display:flex;flex-direction:column;width:100%}.tc-topbar{align-items:center;background:#f5f5f5!important;border-bottom:1px solid #eee!important;color:#000!important;display:flex;justify-content:space-between;margin-top:10px;padding:12px 18px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.tc-brand{color:#000!important;font-size:1.2rem;font-weight:800}.tc-tabs{display:flex;gap:8px;margin-left:12px}.tc-tab{background:#fff!important;border:1px solid #eee!important;border-radius:8px;color:#000!important;cursor:pointer;font-weight:800;padding:8px 12px;transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease}.tc-tab:hover{background:#f0f0f0!important;border-color:#ccc!important;box-shadow:0 6px 18px #0000001f;color:#000!important;transform:translateY(-1px)}.tc-tab.active{background:#fff!important;border-color:#000!important;color:#000!important}.tc-actions{align-items:center;display:flex;gap:12px}.tc-icon-btn{background:#f6f6f6!important;border:none;border-radius:8px;color:#000!important;cursor:pointer;padding:8px 10px;transition:background-color .25s ease,box-shadow .25s ease,transform .2s ease}.tc-icon-btn:hover{background:#e9f2ff!important;box-shadow:0 6px 18px #1976d226;color:#000!important;transform:translateY(-1px)}.tc-dropdown{position:relative}.tc-manager-btn{background:#fff!important;border:1px solid #eee!important;border-radius:8px;color:#000!important;cursor:pointer;padding:8px 10px;transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease}.tc-manager-btn:hover{background:#f0f0f0!important;border-color:#ccc!important;box-shadow:0 6px 18px #0000001f;color:#000!important;transform:translateY(-1px)}.tc-dropdown:hover .tc-dropdown-menu{display:block}.tc-dropdown-menu{background:#fff!important;border:1px solid #eee!important;border-radius:8px;box-shadow:0 6px 20px #00000014;display:none;min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px)}.tc-dropdown-menu button{background:#fff!important;border:none;color:#000!important;cursor:pointer;padding:10px 12px;text-align:left;width:100%}.tc-dropdown-menu button:hover{background:#f0f0f0!important;color:#000!important}.tc-layout{grid-gap:18px;display:grid;gap:18px;grid-template-columns:280px 1fr 320px;padding:18px}.tc-layout.staff{grid-template-columns:1fr}.tc-sidebar{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 6px 22px #0000000d;color:#000;padding:14px}.tc-pane-title{color:#000;font-weight:800;margin-bottom:10px}.tc-search input{background:#fff;border:1px solid #eee;border-radius:10px;box-sizing:border-box;color:#000;max-width:100%;padding:10px 12px;width:100%}.tc-chip-row{display:flex;gap:8px;margin:10px 0}.tc-chip{background:#fff;border:1px solid #eee;border-radius:999px;color:#000;cursor:pointer;font-weight:600;padding:6px 10px;transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease}.tc-chip:hover{background:#f0f0f0;border-color:#ccc;box-shadow:0 4px 14px #0000002e;color:#000;transform:translateY(-1px)}.tc-chip.active{background:#fff;border-color:#000;color:#000}.tc-btn-row{display:flex;gap:8px;margin:10px 0 12px}.tc-primary-btn{background:linear-gradient(135deg,#1976d2,#42a5f5);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 12px;transition:background .25s ease,box-shadow .25s ease,transform .2s ease}.tc-primary-btn:hover{background:linear-gradient(135deg,#1565c0,#1e88e5);box-shadow:0 8px 22px #1976d240;transform:translateY(-1px)}.tc-secondary-btn{background:#fff;border:2px solid #000;border-radius:10px;color:#000;cursor:pointer;font-weight:700;padding:10px 12px;transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease}.tc-secondary-btn:hover{background:#f0f0f0;border-color:#000;box-shadow:0 8px 22px #0000002e;color:#000;transform:translateY(-1px)}.tc-patient-list{display:flex;flex-direction:column;gap:8px;max-height:58vh;overflow:auto}.tc-patient-item{align-items:center;background:#fff;border:1px solid #eee;border-radius:10px;color:#000;cursor:pointer;display:flex;gap:10px;padding:8px;text-align:left;transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease;width:100%}.tc-patient-item:hover{border-color:#000;box-shadow:0 6px 22px #0000001f;transform:translateY(-1px)}.tc-patient-item.active{border-color:#000;box-shadow:0 0 0 3px #0000001f}.tc-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.tc-patient-meta{flex:1 1}.tc-patient-name{color:#000;font-weight:700;line-height:1.1}.tc-patient-id{color:#000;font-size:.86rem}.tc-badge{border-radius:999px;font-size:.74rem;font-weight:700;padding:4px 8px}.tc-badge.inpatient,.tc-badge.outpatient{background:#fff;border:1px solid #000;color:#000}.tc-center{display:flex;flex-direction:column;gap:18px}.tc-card{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 6px 22px #0000000d;color:#000;padding:14px}.tc-patient-overview{grid-gap:12px;display:grid;gap:12px;grid-template-columns:120px 1fr}.tc-overview-avatar{border-radius:12px;object-fit:cover;width:100%}.tc-overview-main{display:flex;flex-direction:column;gap:10px}.tc-overview-title{align-items:center;display:flex;gap:16px;justify-content:space-between}.tc-name{color:#000;font-size:1.2rem;font-weight:900}.tc-id{color:#000;font-weight:600}.tc-last-session{color:#000;font-weight:700}.tc-toggle label{font-weight:700;margin-left:10px}.tc-eve-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.tc-prog-label-row{align-items:center;display:flex;justify-content:space-between}.tc-prog-label-row,.tc-prog-pct{color:#000;font-weight:700}.tc-prog-track{background:#f2f2f2;border-radius:999px;height:8px;overflow:hidden}.tc-prog-fill{border-radius:999px;height:100%}.tc-subcats{display:flex;flex-wrap:wrap;gap:8px}.tc-tag{background:#fff;border:1px solid #000;border-radius:999px;color:#000;font-size:.82rem;font-weight:700;padding:5px 10px}.tc-row{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.tc-section-title{color:#000;font-weight:900;margin-bottom:8px}.tc-burnout-score{color:#000;font-size:2rem;font-weight:900}.tc-burnout-metrics{grid-gap:8px;color:#000;display:grid;font-weight:700;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:8px}.tc-escalate-btn{background:linear-gradient(135deg,#e53935,#ef5350);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:800;margin-top:10px;padding:10px 12px;transition:background .25s ease,box-shadow .25s ease,transform .2s ease}.tc-escalate-btn:hover{background:linear-gradient(135deg,#c62828,#e53935);box-shadow:0 8px 22px #e5393547;transform:translateY(-1px)}.tc-pred-charts{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr 1fr}.tc-chart-label{color:#000;font-weight:700;margin-bottom:4px}.tc-tiny-line{background:#fafafa;border:1px dashed #eee;border-radius:8px;height:auto;width:100%}.tc-pred-text{color:#000;font-weight:700;margin-top:6px}.tc-overview .tc-kpis,.tc-reporting .tc-kpis{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.tc-kpi{background:#fff;border:1px solid #eee;border-radius:10px;color:#000;padding:10px;text-align:center}.tc-kpi-num{color:#000;font-size:1.4rem;font-weight:900}.tc-kpi-label{color:#000;font-weight:700}.tc-alerts .tc-alert-list{grid-gap:8px;display:grid;gap:8px;list-style:none;padding-left:0}.tc-dot{border-radius:50%;display:inline-block;height:10px;margin-right:8px;vertical-align:middle;width:10px}.tc-dot.red{background:#e53935}.tc-dot.green{background:#2ecc71}.tc-right{display:flex;flex-direction:column;gap:18px}.tc-timer{color:#000;font-size:1.8rem;font-weight:900}.tc-timer-actions{display:flex;gap:8px;margin-top:8px}.tc-stt{margin-top:12px}.tc-mic-btn{background:linear-gradient(135deg,#232323,#3a3a3a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:800;padding:12px;transition:background .25s ease,box-shadow .25s ease,transform .2s ease;width:100%}.tc-mic-btn:hover{background:linear-gradient(135deg,#111,#232323);box-shadow:0 8px 22px #00000040;transform:translateY(-1px)}.tc-stt-caption{color:#000;font-size:.9rem;font-weight:600;margin-top:6px}.tc-notes-textarea{background:#fff;border:1px solid #eee;border-radius:10px;box-sizing:border-box;color:#000;height:120px;margin-top:10px;max-height:150px;min-height:90px;overflow-y:auto;padding:10px 12px;resize:none;width:100%}.tc-card.tc-notes{overflow:visible}.tc-notes-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.tc-notes-list{grid-gap:8px;display:grid;gap:8px;margin-top:10px}.tc-note-item{background:#fff;border:1px solid #eee;border-radius:10px;color:#000;font-weight:600;padding:10px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.tc-note-item:hover{background:#f0f0f0;border-color:#ccc;box-shadow:0 6px 18px #00000014}.tc-note-empty{color:#000;font-weight:600}.tc-modal-bg{align-items:center;background:#00000061;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10}.tc-modal{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 10px 30px #00000024;color:#000;max-width:520px;padding:16px;width:96%}.tc-modal-title{color:#000;font-size:1.2rem;font-weight:900;margin-bottom:10px}.tc-form{grid-gap:10px;display:grid;gap:10px}.tc-form label{grid-gap:6px;color:#000;display:grid;font-weight:800;gap:6px}.tc-form input,.tc-form select,.tc-form textarea{background:#fff;border:1px solid #eee;border-radius:10px;color:#000;padding:10px 12px}.tc-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.tc-details-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:6px}.tc-staff-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.tc-staff-actions{align-items:center;display:flex;gap:10px}.tc-staff-search{background:#fff;border:1px solid #eee;border-radius:10px;color:#000;min-width:220px;padding:10px 12px}.tc-table{border:1px solid #eee;border-radius:12px;overflow:hidden}.tc-thead,.tc-tr{align-items:center;display:grid;grid-template-columns:1.2fr 1fr 1.2fr 1fr .8fr}.tc-thead{background:#fff;font-weight:900}.tc-tbody .tc-tr,.tc-thead{color:#000;padding:10px 12px}.tc-tbody .tc-tr{border-top:1px solid #f2f2f2}.tc-row-actions{display:flex;gap:10px}.tc-link-btn{background:none;border:none;color:#000;cursor:pointer;font-weight:800;transition:color .25s ease,transform .2s ease}.tc-link-btn:hover{color:#333;transform:translateY(-1px)}.tc-link-btn.danger{color:#000}.tc-link-btn.danger:hover{color:#333}@media (max-width:1080px){.tc-layout,.tc-patient-overview,.tc-row{grid-template-columns:1fr}}.tc-topbar,.tc-topbar *{color:inherit}@media (prefers-color-scheme:dark){.tc-root{background:#f5f5f5}.tc-topbar{background:#f5f5f5!important}.tc-center,.tc-layout,.tc-right,.tc-sidebar{background:#f5f5f5}}body[data-theme=dark] .tc-topbar,body[data-theme=dark] .tc-topbar *,body[data-theme=device] .tc-topbar,body[data-theme=device] .tc-topbar *,body[data-theme=light] .tc-topbar,body[data-theme=light] .tc-topbar *{background:#f5f5f5!important;color:#000!important}.home-page:has(.tc-root) .navbar{background:#f5f5f5!important;border-bottom:1px solid #eee;color:#000!important}body[data-theme=dark] .home-page:has(.tc-root) .navbar{background:#f5f5f5!important;color:#000!important}body[data-theme=device] .home-page:has(.tc-root) .navbar{background:#f5f5f5!important;color:#000!important}.home-page:has(.tc-root) .navbar *{color:#000!important}.home-page:has(.tc-root) .navbar .logo,.home-page:has(.tc-root) .navbar .logo *,.home-page:has(.tc-root) .navbar .logo-text,.home-page:has(.tc-root) .navbar .neon-username{color:#000!important}.home-page:has(.tc-root) .navbar .dashboard-btn,.home-page:has(.tc-root) .navbar .get-started-btn,.home-page:has(.tc-root) .navbar .help-btn{background:#fff!important;border-color:#000!important;color:#000!important}.home-page:has(.tc-root) .navbar .dashboard-btn:hover,.home-page:has(.tc-root) .navbar .get-started-btn:hover{background:#f0f0f0!important;color:#000!important}.getstarted-bg{background:var(--color-bg)!important;color:var(--color-text)!important;font-family:Quicksand,Arial,sans-serif;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.getstarted-nav{justify-content:space-between;padding:1.1rem 5vw .7rem}.getstarted-nav,.logo{align-items:center;display:flex}.logo{font-size:1.8rem;font-weight:700;letter-spacing:1px}.logo-icon{margin-right:.7rem;width:62px}.getstarted-main{align-items:center;display:flex;flex-direction:column;margin-top:-2.1rem}.getstarted-header{background:#0000!important;color:var(--color-text)!important;margin:0 auto .7vw;max-width:680px;text-align:center}.getstarted-header h1{font-size:2.1rem;font-weight:700;line-height:1.12;margin-bottom:.5rem}.getstarted-header p{color:var(--color-text);font-size:1.07rem;font-weight:500}.roles-icons-row{gap:2.2vw;margin:1vw 0 1.2vw}.role-icon,.roles-icons-row{align-items:flex-end;display:flex;justify-content:center}.role-icon{height:78px;width:78px}.role-icon img{height:auto;max-height:1000px;max-width:70px;width:auto}.roles-row{align-items:stretch;background:#0000!important;color:var(--color-text)!important;display:flex;flex-wrap:nowrap;gap:1.1vw;justify-content:center;margin:0 auto}.role-card{align-items:center;background:#fff!important;background:var(--color-card-bg,#fff)!important;border-radius:1rem;box-shadow:0 2px 10px #18181820;color:#232323!important;color:var(--color-card-text,#232323)!important;display:flex;flex-direction:column;min-width:120px;padding:1.1rem .8rem;position:relative;transition:transform .13s,box-shadow .13s;width:160px}.role-card:hover{box-shadow:0 6px 28px #18181844;transform:translateY(-6px) scale(1.025)}.role-card h2{font-size:1.01rem;font-weight:700;margin-bottom:.5rem}.role-card h2,.role-card p{color:#232323!important;color:var(--color-card-text,#232323)!important;text-align:center}.role-card p{font-size:.92rem;font-weight:500;margin-bottom:1.1rem;margin-top:.3rem;min-height:36px}.continue-btn{background:#ff9c28;border:none;border-radius:1.1rem;box-shadow:0 1px 5px #ffad2a22;color:#fff;cursor:pointer;font-size:.98rem;font-weight:700;margin-top:auto;padding:.6rem 1.1rem;transition:background .18s}.continue-btn.blue{background:#48baf0}.continue-btn.orange{background:#ff9c28}.continue-btn:hover{background:#fb7904}.continue-btn.school{background:#513a8a}.continue-btn.school:hover{background:#3d2967}.continue-btn.blue:hover{background:#1963a1}.getstarted-close-btn{align-items:center;background:none;border:none;border-radius:50%;box-shadow:none;color:#f28c2f;cursor:pointer;display:flex;font-size:2rem;font-weight:700;height:2.3rem;justify-content:center;transition:background .18s,color .18s;width:2.3rem;z-index:100}.getstarted-home-icon{color:#f8f7f6;font-size:2rem;transition:color .18s,transform .18s}.getstarted-close-btn:focus .getstarted-home-icon,.getstarted-close-btn:hover .getstarted-home-icon{color:#fb7904;transform:scale(1.13)}@media (max-width:1100px){.roles-row{gap:.8vw}.role-card{padding:.7rem .6rem .9rem;width:120px}.role-icon,.role-icon img{max-height:38px;max-width:38px}}@media (max-width:900px){.roles-row{gap:.6vw}.role-card{padding:.5rem .4rem .7rem;width:95px}.role-icon,.role-icon img{max-height:30px;max-width:30px}.getstarted-header h1{font-size:1.25rem}}@media (max-width:700px){.roles-row{align-items:center;flex-direction:column;gap:2vw}.role-card{margin-bottom:1.1rem;min-width:0;width:90vw}.getstarted-header h1{font-size:1.1rem}}@media (max-width:600px){.getstarted-close-btn{font-size:1.3rem;height:1.7rem;width:1.7rem}.getstarted-nav{padding:.5rem 5vw}}body[data-theme=light] .getstarted-close-btn{color:#232323!important;transition:color .18s}body[data-theme=light] .getstarted-close-btn:focus,body[data-theme=light] .getstarted-close-btn:hover{color:#9ceec5!important}body[data-theme=light] .role-card:focus,body[data-theme=light] .role-card:hover{border:2px solid #9ceec5!important;box-shadow:0 6px 28px #9ceec544!important;transition:border .18s,box-shadow .18s}body[data-theme=light] .pricing-card.hovered,body[data-theme=light] .pricing-card.selected,body[data-theme=light] .pricing-card:focus-visible,body[data-theme=light] .pricing-card:hover{border:2px solid #9ceec5!important;box-shadow:0 6px 32px #9ceec533,0 1.5px 8px #0002!important;transition:border .18s,box-shadow .18s}.sales-popup-bg{align-items:center;animation:fadeIn .3s ease-out;background:#1e1e1e8c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.sales-popup{animation:slideUp .4s ease-out;background:#fff6ec;border-radius:1.5rem;box-shadow:0 8px 44px #2222;font-family:Quicksand,Arial,sans-serif;max-width:400px;padding:2.5rem 2rem 2rem;position:relative;width:90vw}.sales-popup-close{align-items:center;background:#fff8f0;border:none;border-radius:50%;color:#f28c2f;cursor:pointer;display:flex;font-size:1.4rem;font-weight:400;height:2rem;justify-content:center;position:absolute;right:1.2rem;top:1rem;transition:background .18s,color .18s;width:2rem}.sales-popup-close:hover{background:#f0f0f0;color:#000}body[data-theme=dark] .sales-popup-close{align-items:center!important;background:#333!important;border-radius:50%!important;box-shadow:none!important;color:#fff!important;display:flex!important;font-size:1.4rem!important;font-weight:400!important;height:2rem!important;justify-content:center!important;opacity:.92!important;outline:none!important;padding:0!important;transition:background .18s,color .18s,opacity .18s!important;width:2rem!important;z-index:10!important}body[data-theme=dark] .sales-popup-close:focus,body[data-theme=dark] .sales-popup-close:hover{background:#444!important;color:#fff!important;opacity:1!important;outline:none!important}body[data-theme=device] .sales-popup{background:#fff6ec!important;border-radius:1.5rem!important;box-shadow:0 8px 44px #2222!important;color:#232323!important;font-family:Quicksand,Arial,sans-serif!important;padding:2.5rem 2rem 2rem!important}body[data-theme=device] .sales-email,body[data-theme=device] .sales-popup h3,body[data-theme=device] .sales-popup p{color:#232323!important}body[data-theme=device] .sales-popup-close{align-items:center!important;background:#fff6ec!important;border-radius:50%!important;box-shadow:none!important;color:#f5b443!important;display:flex!important;font-size:1.4rem!important;font-weight:400!important;height:2rem!important;justify-content:center!important;opacity:.92!important;outline:none!important;padding:0!important;transition:background .18s,color .18s,opacity .18s!important;width:2rem!important;z-index:10!important}body[data-theme=device] .sales-popup-close:focus,body[data-theme=device] .sales-popup-close:hover{background:#e0e0e0!important;color:#232323!important;opacity:1!important;outline:none!important}.sales-popup-content{align-items:center;display:flex;flex-direction:column;text-align:center}.monster-image{animation:bounce .6s ease-out .2s both;margin-bottom:0}.monster-image img{animation:monsterDance 3.5s ease-in-out infinite;height:140px;object-fit:contain;transform-origin:center bottom;width:140px}.sales-message h3{animation:fadeInUp .5s ease-out .3s both;color:#232323;font-size:1.4rem;font-weight:700;margin-bottom:1rem}.sales-message p{animation:fadeInUp .5s ease-out .4s both;color:#454545;font-size:1.1rem;margin-bottom:.5rem}.sales-email{animation:fadeInUp .5s ease-out .5s both;color:#f28c2f;font-size:1.2rem;font-weight:700;text-decoration:none;transition:color .18s}.sales-email:hover{color:#e27a1e;text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounce{0%{opacity:0;transform:scale(.3) translateY(-50px)}50%{opacity:1;transform:scale(1.1) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes monsterDance{0%{transform:translateY(0)}20%{transform:translateY(-12px)}50%{transform:translateY(-20px)}80%{transform:translateY(-12px)}to{transform:translateY(0)}}@media (max-width:600px){.sales-popup{border-radius:1.2rem;max-width:85vw;padding:2rem 1.5rem 1.8rem}.sales-message h3{font-size:1.3rem}.sales-message p{font-size:1rem}.sales-email{font-size:1.1rem}.monster-image img{height:100px;width:100px}}@media (max-width:400px){.sales-popup{border-radius:1rem;max-width:90vw;padding:1.8rem 1.2rem 1.5rem}.sales-message h3{font-size:1.2rem}.sales-message p{font-size:.95rem}.sales-email{font-size:1rem}.monster-image img{height:80px;width:80px}}.modal-backdrop{background:#0009;inset:0;opacity:1;position:fixed;transition:opacity .25s;z-index:1000}.signup-modal-wrapper{align-items:center;display:flex;justify-content:center;left:50%;min-height:100vh;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:100vw;z-index:1010}.signup-modal-wrapper>*{pointer-events:auto}.signup-modal-bg{background:#191919b3;height:100vh;left:0;position:fixed;top:0;transition:background .2s;z-index:9999}.signup-modal-bg,.signup-modal-center-wrapper{align-items:center;display:flex;justify-content:center;width:100vw}.signup-modal-center-wrapper{min-height:100vh}.signup-bg{background:none!important;box-shadow:none;height:auto;justify-content:center;min-height:0!important;width:100%}.signup-bg,.signup-card{align-items:center;display:flex}.signup-card{background:#fff6ec;border-radius:2rem;box-shadow:0 8px 44px #2222;flex-direction:column;font-family:Quicksand,Arial,sans-serif;max-width:770px;min-width:630px;padding:2.5rem 2.4rem 2.3rem;position:relative}.signup-card h1{margin-bottom:1.2rem}.signup-card h1,.signup-welcome{color:#232323;font-size:2.1rem;font-weight:700;letter-spacing:.5px}.signup-welcome{margin-bottom:.2rem;text-align:center}.signup-title{color:#232323;font-size:1.3rem;font-weight:600;letter-spacing:.2px;margin-bottom:1.2rem;margin-top:.1rem;text-align:center}.signup-btn.main{background:#f28c2f;border:none;border-radius:.6rem;box-shadow:0 3px 18px #ff9c2824;color:#fff;font-size:1rem;font-weight:700;margin-bottom:1rem;opacity:1;padding:.5rem 1.2rem;pointer-events:none}.signup-card label{color:#232323;font-size:.95rem;font-weight:700;letter-spacing:.02em;margin-bottom:.08rem;margin-top:.5rem;width:100%}.signup-card input,.signup-card select{background:#fff;border:1.2px solid #eee2c9;border-radius:.5rem;box-sizing:border-box;color:#232323;font-family:inherit;font-size:.97rem;margin-bottom:.15rem;outline:none;padding:.45rem .7rem;transition:border .13s;width:100%}.signup-card input:focus,.signup-card select:focus{border-color:#f28c2f}.signup-row{display:flex;gap:1.2rem;margin-top:.1rem;width:100%}.signup-col{display:flex;flex:1 1;flex-direction:column}.signup-btn.submit{background:#f28c2f;border:none;border-radius:.5rem;box-shadow:0 2px 10px #f28c2f11;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:.2rem;margin-top:.7rem;padding:.5rem 1.2rem;transition:background .18s;width:100%}.signup-btn.submit:hover{background:#e27a1e}.signup-login{color:#232323;font-size:.95rem;margin-top:.7rem;text-align:center}.signup-login a{color:#f28c2f;font-weight:700;margin-left:.2rem;text-decoration:underline}.signup-back-arrow{align-items:center;background:#fff8f0;border:none;border-radius:50%;box-shadow:none;color:#f28c2f;display:flex;font-size:1rem;font-weight:400;height:1.5rem;justify-content:center;left:1.5rem;margin-left:.3rem;opacity:.85;outline:none;padding:0;position:absolute;top:1.7rem;transform:translateY(4px);transition:background .18s,color .18s,opacity .18s;width:1.5rem;z-index:10}.signup-back-arrow:focus,.signup-back-arrow:hover{background:#f0f0f0;color:#000;opacity:1;outline:none}@media (max-width:600px){.signup-back-arrow{left:.7rem;margin-left:.1rem;top:1.1rem;transform:translateY(2px)}}.role-btn-group{gap:.5rem;margin-bottom:.7rem;margin-top:.2rem}.role-btn{background:#fff;border:1.2px solid #f28c2f;border-radius:.5rem;color:#f28c2f;font-size:.95rem;font-weight:600;padding:.3rem .7rem;transition:background .15s,color .15s}.role-btn.selected,.role-btn:active{background:#f28c2f;color:#fff}@media (max-width:600px){.signup-modal-bg{padding:0}.signup-modal-bg,.signup-modal-center-wrapper{align-items:center;height:100vh;justify-content:center;min-height:100vh;overflow-y:auto}.signup-modal-center-wrapper{display:flex;width:100vw}.signup-bg{margin:0;min-height:0;min-height:auto;padding:0}.signup-card{align-items:center;border-radius:.8rem;box-sizing:border-box;display:flex;flex-direction:column;font-size:.95rem;margin:0 auto;max-height:90vh;max-width:95vw;min-width:0;min-width:auto;overflow-y:auto;padding:1.1rem .7rem;width:95vw}.signup-card h1,.signup-welcome{font-size:1.05rem;margin-bottom:.4rem}.signup-title{font-size:.95rem;margin-bottom:.7rem}.role-btn-group{gap:.3rem;margin-bottom:.5rem;margin-top:.1rem}.role-btn{font-size:.7rem;max-width:100%;min-width:0;padding:.15rem .3rem}.signup-card label{font-size:.8rem;margin-top:.3rem}.signup-card input,.signup-card select{border-radius:.4rem;font-size:.8rem;padding:.25rem .5rem}.signup-row{flex-direction:column;gap:.3rem;width:100%}.signup-col{width:100%}.signup-btn.submit{font-size:.8rem;margin-top:.4rem;padding:.3rem .7rem}.signup-login{font-size:.7rem;margin-top:.4rem}.signup-back-arrow{font-size:.8rem;height:1.2rem;left:.4rem;top:.7rem;width:1.2rem}}@media (max-width:400px){.signup-card{border-radius:.6rem;font-size:.85rem;max-height:88vh;max-width:98vw;overflow-y:auto;padding:.7rem .2rem;width:98vw}}@media (max-width:600px){.signup-card{border-radius:1.2rem;box-sizing:border-box;margin:6vw auto;max-width:90vw;min-width:85vw;padding:2rem 1.5rem;width:90vw}.signup-card h1{font-size:1.05rem;margin-bottom:.6rem}.signup-btn.main{font-size:.9rem;margin-bottom:.7rem;padding:.3rem .7rem}.role-btn{font-size:.8rem;max-width:100%;min-width:0;padding:.2rem .4rem}.signup-btn.submit{font-size:.85rem;margin-top:.5rem;padding:.3rem .7rem}.signup-login{font-size:.8rem;margin-top:.5rem}.signup-row{gap:.5rem;width:100%}}.role-btn-group{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-bottom:1.2rem;margin-top:.3rem}.role-btn{background:#f8f2e7;border:2px solid #f28c2f;border-radius:.7rem;color:#232323;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;outline:none;padding:.5rem 1rem;transition:background .17s,color .17s,border-color .17s}.role-btn.selected,.role-btn:focus{background:#f28c2f;border-color:#f28c2f;color:#fff}.signup-btn.main,.signup-btn.submit{box-sizing:border-box}.signup-close-x{left:auto!important;position:absolute!important;right:1.5rem!important;top:1.7rem!important}@media (max-width:600px){.signup-close-x{right:.7rem!important;top:.7rem!important}}body[data-theme=dark] .signup-modal-bg{background:#191919d1!important}body[data-theme=dark] .signup-card{background:#232323!important;border-radius:2rem!important;box-shadow:0 8px 44px #000a!important;color:#fff!important;padding:2.5rem 2.4rem 2.3rem!important}body[data-theme=dark] .signup-card input,body[data-theme=dark] .signup-card select{background:#fff!important;color:#232323!important;font-weight:700!important}body[data-theme=dark] .signup-card input::placeholder,body[data-theme=dark] .signup-card select::placeholder{color:#232323!important;opacity:1!important}body[data-theme=dark] .signup-back-arrow{align-items:center!important;background:#333!important;border-radius:50%!important;box-shadow:none!important;color:#fff!important;display:flex!important;font-size:1.6rem!important;font-weight:400!important;height:2.1rem!important;justify-content:center!important;opacity:.92!important;outline:none!important;padding:0!important;transition:background .18s,color .18s,opacity .18s!important;width:2.1rem!important;z-index:10!important}body[data-theme=dark] .signup-back-arrow:focus,body[data-theme=dark] .signup-back-arrow:hover{background:#444!important;color:#fff!important;opacity:1!important;outline:none!important}body[data-theme=dark] .signup-login,body[data-theme=dark] .signup-title,body[data-theme=dark] .signup-welcome{color:#fff!important}.payment-success-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.payment-success-container:before{animation:float 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.payment-success-card{animation:cardFadeIn .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #fff3;max-width:500px;padding:60px 40px;position:relative;text-align:center;width:100%}.success-icon{align-items:center;animation:iconBounce .8s ease-out .2s both;display:flex;justify-content:center;margin-bottom:30px}.checkmark{display:inline-block;position:relative}.checkmark svg{filter:drop-shadow(0 4px 8px rgba(16,185,129,.3))}.checkmark-circle{animation:circleAppear .5s ease-out .2s both}.checkmark-path{stroke-dasharray:50;stroke-dashoffset:50;animation:pathDraw .8s ease-out .7s both}.success-content{animation:contentFadeIn .5s ease-out .4s both;margin-bottom:40px}.success-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 16px}.success-subtitle{color:#6b7280;font-size:1.1rem;font-weight:400;line-height:1.6;margin:0}.success-actions{animation:actionsFadeIn .5s ease-out .6s both;display:flex;justify-content:center}.dashboard-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;transition:all .3s ease}.dashboard-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.dashboard-btn:hover:before{left:100%}.dashboard-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.dashboard-btn:active{box-shadow:0 4px 15px #10b9814d;transform:translateY(0)}.success-particles{animation:particlesFadeIn 1s ease-out 1s both;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.particle-1{animation:particleFloat1 2s ease-in-out infinite}.particle-3{animation:particleFloat3 1.8s ease-in-out 1s infinite}@media (max-width:768px){.payment-success-container{padding:16px}.payment-success-card{border-radius:20px;padding:40px 24px}.success-title{font-size:2rem}.success-subtitle{font-size:1rem}.dashboard-btn{font-size:1rem;padding:14px 28px}}@media (max-width:480px){.payment-success-card{padding:32px 20px}.success-title{font-size:1.75rem}.success-icon svg{height:60px;width:60px}}@media (prefers-color-scheme:dark){.payment-success-card{background:#1f2937f2;border:1px solid #4b55634d}.success-title{color:#f9fafb}.success-subtitle{color:#d1d5db}}.payment-cancel-container{align-items:center;background:linear-gradient(135deg,#f87171,#dc2626);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.payment-cancel-container:before{animation:float 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes float{0%{transform:translate(0) rotate(0deg)}to{transform:translate(-50px,-50px) rotate(1turn)}}.payment-cancel-card{animation:cardFadeIn .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #fff3;max-width:500px;padding:60px 40px;position:relative;text-align:center;width:100%}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cancel-icon{align-items:center;animation:iconBounce .8s ease-out .2s both;display:flex;justify-content:center;margin-bottom:30px}@keyframes iconBounce{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.1) rotate(-90deg)}to{transform:scale(1) rotate(0deg)}}.x-mark{animation:xShake .8s ease-out .8s;display:inline-block;position:relative}@keyframes xShake{0%,to{transform:rotate(0deg)}10%{transform:rotate(-10deg)}20%{transform:rotate(10deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}60%{transform:rotate(10deg)}70%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}90%{transform:rotate(-2deg)}}.x-mark svg{filter:drop-shadow(0 4px 8px rgba(239,68,68,.3))}.x-circle{animation:circleAppear .5s ease-out .2s both}.x-path{stroke-dasharray:40;stroke-dashoffset:40;animation:pathDraw .6s ease-out 1s both}@keyframes circleAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes pathDraw{to{stroke-dashoffset:0}}.cancel-content{animation:contentFadeIn .5s ease-out .4s both;margin-bottom:40px}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cancel-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 16px}.cancel-subtitle{color:#6b7280;font-size:1.1rem;font-weight:400;line-height:1.6;margin:0}.cancel-actions{animation:actionsFadeIn .5s ease-out .6s both;display:flex;justify-content:center;margin-bottom:30px}@keyframes actionsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.retry-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 15px #ef44444d;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;transition:all .3s ease}.retry-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.retry-btn:hover:before{left:100%}.retry-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef444466;transform:translateY(-2px)}.retry-btn:active{box-shadow:0 4px 15px #ef44444d;transform:translateY(0)}.help-text{animation:helpFadeIn .5s ease-out .8s both;margin-top:20px}@keyframes helpFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.help-message{color:#9ca3af;font-size:.9rem;font-style:italic;line-height:1.5;margin:0}.cancel-particles{animation:particlesFadeIn 1s ease-out 1.2s both;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}@keyframes particlesFadeIn{0%{opacity:0}to{opacity:1}}.particle{font-size:1.5rem;opacity:.6;position:absolute}.particle-1{animation:particleFloat1 3s ease-in-out infinite;left:15%;top:20%}.particle-2{animation:particleFloat2 2.5s ease-in-out .5s infinite;right:20%;top:30%}.particle-3{animation:particleFloat3 4s ease-in-out 1s infinite;bottom:25%;left:25%}@keyframes particleFloat1{0%,to{opacity:.2;transform:translateY(0) rotate(0deg)}50%{opacity:.5;transform:translateY(-5px) rotate(180deg)}}@keyframes particleFloat2{0%,to{opacity:.3;transform:translateY(0) rotate(0deg)}50%{opacity:.6;transform:translateY(-8px) rotate(-180deg)}}@keyframes particleFloat3{0%,to{opacity:.25;transform:translateY(0) rotate(0deg)}25%{opacity:.55;transform:translateY(-6px) rotate(90deg)}50%{opacity:.4;transform:translateY(-12px) rotate(180deg)}75%{opacity:.55;transform:translateY(-6px) rotate(270deg)}}@media (max-width:768px){.payment-cancel-container{padding:16px}.payment-cancel-card{border-radius:20px;padding:40px 24px}.cancel-title{font-size:2rem}.cancel-subtitle,.retry-btn{font-size:1rem}.retry-btn{padding:14px 28px}.help-message{font-size:.85rem}}@media (max-width:480px){.payment-cancel-card{padding:32px 20px}.cancel-title{font-size:1.75rem}.cancel-icon svg{height:60px;width:60px}.help-message{font-size:.8rem}}@media (prefers-color-scheme:dark){.payment-cancel-card{background:#1f2937f2;border:1px solid #4b55634d}.cancel-title{color:#f9fafb}.cancel-subtitle{color:#d1d5db}.help-message{color:#9ca3af}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.x-mark.shake{animation:shake .5s ease-in-out}:root,body[data-theme=light]{--color-bg:#fff;--color-text:#232323;--color-modal-bg:#fff7ee;--color-modal-text:#232323;--color-card-bg:#fff;--color-card-text:#232323}body[data-theme=dark]{--color-bg:#111;--color-text:#fff;--color-modal-bg:#181818;--color-modal-text:#fff;--color-card-bg:#232323;--color-card-text:#fff}@media (prefers-color-scheme:dark){body[data-theme=device]{--color-bg:#111;--color-text:#fff;--color-modal-bg:#181818;--color-modal-text:#fff;--color-card-bg:#232323;--color-card-text:#fff}}@media (prefers-color-scheme:light){body[data-theme=device]{--color-bg:#fff;--color-text:#232323;--color-modal-bg:#fff7ee;--color-modal-text:#232323;--color-card-bg:#fff;--color-card-text:#232323}}.dashboard-root-bg,body{font-family:Quicksand,Poppins,Arial,sans-serif;margin:0;padding:0}.dashboard-root-bg,body{background:#fff!important;background:var(--color-bg)!important;min-height:100vh}.dashboard-root-bg{width:100vw}.dashboard-center-box{align-items:center;display:flex;justify-content:center;min-height:100vh}.dashboard-card{background:#fff!important;background:var(--color-card-bg,#fff)!important;border-radius:48px;box-shadow:0 10px 60px 0 #1e1e1e2e,0 2px 10px #0002;color:#232323!important;color:var(--color-card-text,#232323)!important;margin:0 auto;max-width:1420px;padding:3rem 2.8rem 2.8rem;width:80vw}.dashboard-header{align-items:center;color:#232323!important;color:var(--color-text)!important;display:flex;justify-content:space-between;margin-bottom:1.6rem}.dash-title{font-size:2.5rem;font-weight:700;letter-spacing:-1px}.dash-tabs{background:#fff!important;background:var(--color-card-bg,#fff)!important;display:flex;gap:.7rem}.tab{background:#fff!important;background:var(--color-bg)!important;border:none;border-radius:1rem;cursor:pointer;font-size:1.1rem;font-weight:600;opacity:.85;padding:.4rem 1.2rem;transition:background .14s}.tab,.tab.active{color:#232323!important;color:var(--color-text)!important}.tab.active{background:#fff!important;background:var(--color-card-bg,#eee)!important;opacity:1}.dash-main{display:flex;gap:2.3rem}.dash-left{flex:2 1}.dash-right{display:flex;flex:1.2 1;flex-direction:column;gap:1.7rem}.dash-chart-box,.dash-emotions-box{background:#fff!important;background:var(--color-card-bg,#fff)!important;border-radius:1.4rem;box-shadow:0 2px 10px #1a1a1a30;color:#232323!important;color:var(--color-card-text,#232323)!important;margin-bottom:1.5rem;padding:1.3rem 1.5rem}.dash-chart-title{color:#dadada;display:flex;font-size:1.22rem;font-weight:600;justify-content:space-between;margin-bottom:.7rem}.mood-chart{min-width:240px;width:100%}.mood-chart polyline{fill-opacity:.22;stroke-linecap:round;stroke-linejoin:round}.dash-emotions-title{font-size:1.25rem;font-weight:700;margin-bottom:.7rem}.dash-emotions-content{align-items:flex-start;display:flex;gap:2.3rem}.legend-list{display:flex;flex-direction:column;gap:1.08rem;justify-content:center;margin-left:1.6rem;min-width:115px}.em-list-row{display:flex;font-size:1.09rem;font-weight:600;justify-content:space-between;letter-spacing:.01em;min-width:100px}.anger-box{background:#222;border-radius:1.1rem;margin-bottom:1rem;padding:1.1rem 1.2rem}.anger-label{display:flex;font-size:1.33rem;font-weight:700;justify-content:space-between;margin-bottom:.44rem}.anger-sub{color:#bbb;font-size:1.11rem;gap:.18rem;margin-left:.1rem}.anger-sub,.mental-box{display:flex;flex-direction:column}.mental-box{align-items:center;background:#222;border-radius:1.1rem;padding:1.2rem 1.2rem 1.6rem}.mental-title{font-size:1.33rem;font-weight:700;margin-bottom:.7rem;text-align:center}.mental-gauge{align-items:center;display:flex;flex-direction:column;margin:0 auto;min-height:70px;position:relative;width:120px}.mental-gauge svg{height:60px;left:0;position:absolute;right:0;top:-8px;width:120px;z-index:2}.mental-emoji{font-size:56px;margin-top:36px;position:relative;z-index:3}.mental-status{color:#ffe15a;font-size:2rem;font-weight:700;letter-spacing:.01em;margin-top:1.1rem;text-align:center}@media (min-width:1024px){.monthly-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.yearly-stats-row{color:#eee;display:flex;font-size:23px;justify-content:space-around;margin:30px 0}}@media (max-width:1024px) and (min-width:768px){.dashboard-card{max-width:95vw;padding:2rem 1.5rem;width:95vw}.dash-main{flex-direction:column;gap:1.5rem}.dash-left,.dash-right{width:100%}.monthly-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.yearly-dashboard-card{padding:1.5rem 1rem;width:95vw}.yearly-stats-row{grid-gap:20px;display:grid;font-size:20px;gap:20px;grid-template-columns:1fr 1fr;margin:20px 0;text-align:center}.yearly-dashboard-card h1{font-size:36px;margin-bottom:15px}.weekly-summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}}@media (max-width:767px){.dashboard-card{border-radius:24px;max-width:98vw;padding:1.2rem 1rem;width:98vw}.dash-title{font-size:2rem;margin-bottom:1rem}.dash-tabs{flex-wrap:wrap;gap:.5rem}.tab{font-size:.9rem;padding:.6rem 1rem}.dash-main{flex-direction:column;gap:1.2rem}.dash-left,.dash-right{width:100%}.dash-chart-box,.dash-emotions-box{border-radius:12px;margin-bottom:1rem;padding:1rem}.dash-chart-title,.dash-emotions-title{font-size:1.1rem;margin-bottom:.8rem}.weekly-summary-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.weekly-summary-grid .dash-emotions-box{margin-bottom:0;padding:12px}.monthly-row{display:flex;flex-direction:column;gap:16px}.monthly-row .summary-box{margin-bottom:16px;margin-right:0}.yearly-dashboard-card{border-radius:24px;padding:1rem;width:98vw}.yearly-dashboard-card h1{font-size:28px;margin-bottom:12px;text-align:center}.yearly-stats-row{display:flex;flex-direction:column;font-size:18px;gap:16px;margin:20px 0;text-align:center}.mood-chart svg{height:60px;width:100%}.dash-emotions-content{align-items:center;flex-direction:column;gap:1rem}.dash-emotions-content .ResponsiveContainer{max-width:200px;width:100%!important}.dash-emotions-list{width:100%}.em-list-row{font-size:.9rem;padding:.5rem 0}.monthly-dashboard-card .recharts-wrapper,.yearly-dashboard-card .recharts-wrapper{width:100%!important}.dashboard-header{align-items:center;flex-direction:column;gap:1rem;margin-bottom:1.2rem}.dash-title{text-align:center}.dash-tabs{justify-content:center}}@media (max-width:480px){.dashboard-card{border-radius:20px;padding:1rem .8rem;width:100vw}.dash-title{font-size:1.8rem}.tab{font-size:.85rem;padding:.5rem .8rem}.dash-chart-box,.dash-emotions-box{padding:.8rem}.dash-chart-title,.dash-emotions-title{font-size:1rem}.yearly-dashboard-card h1{font-size:24px}.yearly-stats-row{font-size:16px}.mood-chart svg{height:50px}}@media (max-width:600px){.dashboard-center-box{align-items:center;box-sizing:border-box;display:flex;height:100vh;justify-content:center;min-height:100vh;overflow:hidden;padding:2vw 0;width:100vw}.dashboard-card{border-radius:1.1rem;box-sizing:border-box;font-size:.95rem;margin:3vw auto;max-height:95vh;max-width:97vw;min-height:0;min-height:auto;min-width:0;min-width:auto;overflow-y:auto;padding:.7rem;position:relative;width:97vw}.dashboard-header{align-items:flex-start;flex-direction:column;gap:.7rem;margin-bottom:1rem}.dash-title{font-size:1.3rem}.dash-tabs{gap:.3rem}.tab{border-radius:.7rem;font-size:.85rem;padding:.25rem .7rem}.dashboard-close-btn{font-size:1.3rem;padding:0 .1em;right:.5rem;top:.5rem}}.dashboard-close-btn{background:none;border:none;border-radius:.5em;color:#414141;cursor:pointer;font-family:Fira Mono,Consolas,Menlo,"monospace";font-size:2.3rem;font-weight:400;letter-spacing:.05em;line-height:1;padding:0 .2em;position:absolute;right:30px;top:30px;transition:color .18s;z-index:10}.dashboard-close-btn:focus,.dashboard-close-btn:hover{background:none;color:#fff}.fixed-dashboard-close-btn{position:fixed!important;right:50px!important;top:50px!important;z-index:2001!important}@media (max-width:900px){.fixed-dashboard-close-btn{right:40px!important;top:40px!important}}@media (max-width:600px){.fixed-dashboard-close-btn{font-size:1.7rem!important;right:26px!important;top:26px!important}}body[data-theme=light] .dashboard-close-btn{color:#232323!important;transition:color .18s}body[data-theme=light] .dashboard-close-btn:focus,body[data-theme=light] .dashboard-close-btn:hover{color:#9ceec5!important}.btn{border:none;border-radius:12px;cursor:pointer;font-weight:700;padding:10px 20px}.login{background:linear-gradient(90deg,#ff8a00,#e52e71);color:#fff;margin-right:10px}.signup{background-color:#1c1c50;color:#fff}body,html{background:var(--color-bg)!important;color:var(--color-text)!important;font-family:Inter,sans-serif;height:100%;margin:0;overflow-x:hidden!important;overflow-y:auto!important;padding:0;scroll-behavior:smooth!important;width:100%}a{color:inherit;text-decoration:none}
/*# sourceMappingURL=main.14caf7bd.css.map*/