.no-hover-card:hover{box-shadow:var(--shadow-md)!important;transform:none!important}img,.avatar-fallback,.post-avatar,.comment-avatar,.reply-avatar{aspect-ratio:1}:root{--primary-hue:142;--primary-saturation:61%;--primary-lightness:14%;--primary:hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness));--primary-hover:hsl(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) - 4%));--primary-light:hsl(var(--primary-hue), 40%, 94%);--primary-glow:hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .1);--accent:#e7b008;--accent-hover:#c59507;--accent-light:#fef5dd;--accent-blue:#196735;--accent-blue-hover:#14522b;--secondary:#eff5f1;--text-main:#173622;--text-muted:#678372;--bg-app:#f9fbfa;--bg-card:#fff;--bg-input:#fcfdfc;--border:#e3ede7;--border-focus:#e7b008;--success:#12873d;--success-bg:#e9f7ee;--warning:#f59f0a;--warning-bg:#fef5e7;--danger:#dc3848;--danger-bg:#fceeef;--info:#17a4ba;--info-bg:#e8fafc;--shadow-sm:0 2px 8px #0d27190a;--shadow-md:0 10px 30px #0d27190f;--shadow-lg:0 20px 40px #0d271914;--radius-sm:4px;--radius-md:4px;--radius-lg:4px;--transition:all .35s cubic-bezier(.25, .8, .25, 1);--sidebar-width:270px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--primary);font-family:Outfit,sans-serif;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #2d6a4f66}70%{box-shadow:0 0 0 10px #2d6a4f00}to{box-shadow:0 0 #2d6a4f00}}html,body,*{-ms-overflow-style:none!important;scrollbar-width:none!important}.flex-center{justify-content:center;align-items:center;display:flex}.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border);transition:var(--transition);padding:24px;animation:.4s fadeIn}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-1px)}.btn-accent{background:var(--accent);color:var(--primary)}.btn-accent:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--secondary);color:var(--text-main);border:1px solid var(--border)}.btn-secondary:hover{background:#dce6ef}.form-group{margin-bottom:20px}.form-group label{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--border);background:var(--bg-input);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:var(--transition);padding:12px 16px;font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--border-focus);background:var(--bg-card);box-shadow:0 0 0 4px var(--primary-glow);outline:none}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-present{background:var(--success-bg);color:var(--success)}.badge-late{background:var(--warning-bg);color:var(--warning)}.badge-absent{background:var(--danger-bg);color:var(--danger)}.badge-excuse,.badge-half{background:var(--info-bg);color:var(--info)}.custom-table-container{border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow-x:auto}.custom-table{border-collapse:separate;border-spacing:0;background:var(--bg-card);width:100%}.custom-table th{background:var(--primary-light);color:var(--primary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);text-align:left;padding:14px 16px;font-size:.8rem;font-weight:700}.custom-table td{border-bottom:1px solid var(--border);color:var(--text-main);padding:14px 16px;font-size:.9rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background-color:var(--primary-light)}.dashboard-header{background:linear-gradient(135deg, var(--bg-card) 0%, var(--primary-light) 100%);border:1px solid var(--border);border-left:6px solid var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:24px 30px;animation:.4s fadeIn;display:flex}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px;display:grid}.stat-widget{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-left:4px solid var(--accent-blue);transition:var(--transition);justify-content:space-between;align-items:center;padding:24px;display:flex}.stat-widget:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-widget-info h3{color:var(--primary);font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800}.stat-widget-info p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:700}.stat-widget-icon{background:var(--primary-light);color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dashboard-layout{min-height:100vh;display:flex;position:relative}.dashboard-sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--primary) 0%, hsl(var(--primary-hue), var(--primary-saturation), 10%) 100%);color:#fff;min-height:100vh;box-shadow:var(--shadow-lg);z-index:1000;transition:var(--transition);flex-direction:column;padding:24px 0;display:flex;position:fixed;top:0;left:0}.dashboard-sidebar.collapsed{width:80px}.sidebar-brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;margin-bottom:20px;padding:0 24px 24px;display:flex}.brand-logo{font-size:1.8rem}.brand-info h2{color:#fff;font-size:1.2rem;font-weight:700;line-height:1.2}.brand-info p{color:var(--accent);letter-spacing:.3px;font-size:.75rem;font-weight:600}.collapse-toggle-btn{background:var(--accent);width:28px;height:28px;color:var(--primary);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition);z-index:1010;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;right:-14px}.collapse-toggle-btn:hover{background:var(--accent-hover);transform:scale(1.1)}.sidebar-profile{border-radius:var(--radius-md);background:#ffffff0f;border:1px solid #ffffff14;align-items:center;gap:12px;margin:0 16px 24px;padding:16px 20px;display:flex}.profile-avatar{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.3rem;display:flex}.profile-details h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.9rem;font-weight:600;overflow:hidden}.profile-role{color:var(--accent);letter-spacing:.5px;font-size:.7rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:6px;padding:0 16px;display:flex}.nav-item{color:#ffffffb8;border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer;text-align:left;transition:var(--transition);background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.95rem;font-weight:500;display:flex}.nav-item:hover{color:#fff;background:#ffffff0a;transform:translate(4px)}.nav-item.active{color:#fff;border-left-color:var(--accent);background:#ffffff14;font-weight:600}.nav-item.logout{color:#f7baba;border-top:1px solid #ffffff14;border-left:3px solid #0000;margin-top:auto;padding-top:16px}.nav-item.logout:hover{color:#f99;background:#dc35451f;transform:translate(4px)}.main-content{margin-left:var(--sidebar-width);min-height:100vh;transition:var(--transition);flex:1;padding:32px}.main-content.active-tab-chat{flex-direction:column;height:100vh;max-height:100vh;display:flex;overflow:hidden;padding:0!important}.main-content.active-tab-chat>div,.main-content.active-tab-chat>.chatrooms-container{flex:1;height:100%;min-height:0}.dashboard-sidebar.collapsed+.main-content{margin-left:80px}.mobile-toggle-btn{z-index:1020;border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;display:none;position:fixed;top:16px;left:16px}@media (width<=767px){.chatrooms-container{z-index:600;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;box-shadow:none!important;border:none!important;border-radius:0!important;position:fixed!important;inset:0!important}.chat-input-bar{z-index:10;background:#fff;bottom:0;padding-bottom:max(env(safe-area-inset-bottom,0px), 4px)!important;position:sticky!important}}@media (width<=992px){.dashboard-sidebar{height:100vh;position:fixed;transform:translate(-100%)}.dashboard-sidebar.mobile-open{transform:translate(0);width:var(--sidebar-width)!important}.collapse-toggle-btn{display:none}.mobile-toggle-btn{display:flex}.main-content{padding-top:80px;margin-left:0!important}.main-content.active-tab-chat{height:100dvh;max-height:100dvh;padding-top:0!important}.chat-input-bar{padding-bottom:max(env(safe-area-inset-bottom,0px), 8px)!important}.chatrooms-container{height:100%!important;max-height:100%!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:990;background:#0006;width:100vw;height:100vh;animation:.3s fadeIn;position:fixed;top:0;left:0}}.auth-page{background-color:#0d2719;width:100vw;height:100vh;display:flex;overflow:hidden}.auth-banner{background-color:#fff;flex-direction:column;flex:1.2;padding:60px 60px 60px 120px;display:flex;position:relative;overflow:hidden}@media (width<=992px){.auth-banner{display:none}}.auth-shape{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.shape-teal{clip-path:polygon(0 0,42% 50%,0 100%);background:#117a7a}.shape-cyan{clip-path:polygon(0 50%,42% 50%,0 100%);background:#00bfa5}.banner-bg-illustrations{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bg-ill{transition:all .3s;position:absolute}.ill-atom{color:#eab30814;width:130px;height:130px;animation:22s linear infinite floatSlow;top:15%;right:12%}.ill-book{color:#14532d14;width:95px;height:95px;animation:28s linear infinite floatSlowReverse;bottom:15%;right:15%}.ill-dna{color:#eab30812;width:105px;height:105px;animation:19s linear infinite floatSlow;top:48%;right:8%}.ill-masks{color:#14532d17;width:110px;height:110px;animation:24s linear infinite floatSlowReverse;top:8%;left:18%}.ill-math{color:#eab30814;width:85px;height:85px;animation:17s linear infinite floatSlow;bottom:35%;left:12%}@keyframes floatSlow{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(180deg)}to{transform:translateY(0)rotate(360deg)}}@keyframes floatSlowReverse{0%{transform:translateY(0)rotate(360deg)}50%{transform:translateY(15px)rotate(180deg)}to{transform:translateY(0)rotate(0)}}.auth-banner:after{content:"";z-index:2;background:#0d2719;width:200px;height:100%;position:absolute;top:0;right:-100px;transform:skew(-12deg)}.banner-content{z-index:5;color:#1e293b;flex-direction:column;flex:1;justify-content:space-between;display:flex;position:relative}.banner-accent-bg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.banner-header-group{flex-direction:column;align-items:flex-start;gap:16px;margin-top:20px;display:flex}h1.banner-branding-title{letter-spacing:-.5px;margin:0;font-family:Outfit,sans-serif;font-size:3.9rem;font-weight:800;line-height:1.2;color:#14532d!important}.auth-form-container{z-index:10;color:#fff;background-color:#0d2719;flex-direction:column;flex:1;justify-content:center;padding:60px 80px;display:flex;overflow-y:auto}@media (width<=992px){.auth-form-container{width:100%;padding:40px 24px}}.auth-form-header{margin-bottom:28px}.auth-form-header h1{color:#fff;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:2.4rem}.auth-form-header p{color:#a5f3fc;font-size:.95rem}.auth-form-header a{color:#00bfa5;font-weight:700;text-decoration:none}.auth-form-header a:hover{text-decoration:underline}.auth-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=992px){.auth-grid{grid-template-columns:1fr;gap:12px}}.auth-form-container .form-group label{color:#a8b2c1;font-size:.8rem}.auth-form-container .form-group input,.auth-form-container .form-group select{color:#fff;background:#163a26;border:1px solid #205638;border-radius:4px;padding:10px 14px}.auth-form-container .form-group input:focus,.auth-form-container .form-group select:focus{border-color:var(--accent);background:#1d4d32;box-shadow:0 0 0 3px #eab30840}.auth-form-container .form-group svg{color:#a8b2c1!important}.btn-auth-submit{background:var(--accent);color:#0d2719;cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:4px;margin-top:14px;padding:12px;font-size:1rem;font-weight:700}.btn-auth-submit:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 15px #eab3084d}.auth-social-row{gap:16px;margin-top:20px;display:flex}.btn-social{color:#0d2719;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:#fff;border:1px solid #d1d5db;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.85rem;font-weight:600;display:flex}.btn-social:hover{background:#f3f4f6;transform:translateY(-1px)}.checkbox-group{color:#a8b2c1;align-items:center;gap:10px;margin:18px 0;font-size:.85rem;display:flex}.checkbox-group input{accent-color:#00bfa5;cursor:pointer;width:16px;height:16px}.checkbox-group a{color:#00bfa5;text-decoration:none}.auth-header-nav{justify-content:space-between;align-items:center;margin-bottom:40px;font-size:.9rem;display:flex}.auth-logo{color:#00bfa5;letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.auth-nav-link{color:#a8b2c1}.auth-nav-link a{color:#00bfa5;margin-left:4px;font-weight:600;text-decoration:none}.auth-nav-link a:hover{color:#05e6c7;text-decoration:underline}.auth-form-title{color:#00bfa5;margin-bottom:24px;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:700}.auth-footer-copyright{text-align:center;color:#6b7280;margin-top:30px;font-size:.75rem}.btn-auth-secondary{background:var(--accent);color:#0d2719;cursor:pointer;width:100%;transition:var(--transition);text-align:center;border:none;border-radius:4px;margin-top:14px;padding:12px;font-family:inherit;font-size:1.05rem;font-weight:700}.btn-auth-secondary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 15px #eab3084d}.btn-auth-home{background:var(--accent);color:#0d2719;cursor:pointer;width:100%;transition:var(--transition);text-align:center;border:none;border-radius:4px;margin-top:14px;padding:12px;font-family:inherit;font-size:1.05rem;font-weight:700}.btn-auth-home:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 15px #eab3084d}@media (width>=993px){.mobile-only{display:none!important}}@media (width<=992px){.desktop-only{display:none!important}}.auth-form-logos{justify-content:center;align-items:center;gap:16px;margin-bottom:24px;display:flex}.form-logo-img{object-fit:contain;background:#fff;border-radius:50%;width:55px;height:55px;padding:2px;transition:transform .3s;box-shadow:0 2px 8px #00000026}.form-logo-img:hover{transform:scale(1.05)}.form-logo-img.highlighted-form-logo{width:65px;height:65px}.banner-logos{align-items:center;gap:16px;margin-bottom:24px;display:flex}.banner-logo-img{object-fit:contain;mix-blend-mode:multiply;width:85px;height:85px;transition:transform .3s}.banner-logo-img:hover{transform:scale(1.08)}.banner-logo-img.highlighted-logo{z-index:10;border:none;width:105px;height:105px;animation:none}.banner-about-section{max-width:520px;margin:30px 0;animation:1.2s fadeIn}.about-badge{color:#14532d;letter-spacing:1.5px;background:#14532d14;border-radius:50px;margin-bottom:12px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:800;display:inline-block}.about-subtitle{color:#14532d;margin-bottom:12px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.3}.about-text{color:#4b5563;margin-bottom:20px;font-size:.92rem;font-weight:400;line-height:1.6}.about-features{flex-wrap:wrap;gap:20px;display:flex}.about-feat-item{color:#374151;align-items:center;gap:8px;font-size:.82rem;font-weight:500;display:flex}.about-feat-dot{border-radius:50%;width:8px;height:8px}.about-feat-dot.green{background:#14532d}.about-feat-dot.gold{background:#eab308}.banner-history-card{border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fff;border-left:6px solid #14532d;max-width:550px;margin-top:auto;padding:24px}.history-card-title{color:#14532d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800}.history-card-text{color:#374151;font-size:.88rem;font-weight:400;line-height:1.6}.banner-bg-illustrations{display:none!important}.reply-list{flex-direction:column;gap:8px;margin-top:8px;margin-left:42px;display:flex}.reply-item{align-items:flex-start;gap:8px;animation:.3s fadeIn;display:flex}.reply-avatar{background:var(--accent);color:#0d2719;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex}.reply-bubble{background:hsl(var(--primary-hue), 20%, 97%);border:1px solid var(--border);border-radius:10px;flex:1;padding:8px 12px}.reply-author{color:var(--primary);margin-bottom:2px;font-size:.75rem;font-weight:700}.reply-text{color:var(--text-main);font-size:.85rem}.btn-comment-reply{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:4px;font-size:.72rem;font-weight:700;display:inline-flex}.btn-comment-reply:hover{color:var(--primary)}.reply-input-form{gap:8px;margin-top:8px;margin-left:42px;display:flex}.reply-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;outline:none;flex:1;padding:6px 10px;font-size:.8rem}.reply-input:focus{border-color:var(--primary)}.reply-submit-btn{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.posts-feed{flex-direction:column;gap:24px;max-width:750px;margin:0 auto;display:flex}.create-post-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:20px}.create-post-textarea{resize:none;width:100%;min-height:80px;color:var(--text-main);border:none;outline:none;margin-bottom:12px;font-family:inherit;font-size:1rem}.create-post-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.file-input-wrapper{display:inline-block;position:relative;overflow:hidden}.file-input-wrapper input[type=file]{opacity:0;cursor:pointer;font-size:100px;position:absolute;top:0;left:0}.post-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.post-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px;display:flex}.post-avatar{background:var(--primary-light);width:44px;height:44px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.post-meta h4{color:var(--primary);margin-bottom:2px;font-size:.95rem}.post-meta-sub{color:var(--text-muted);font-size:.75rem}.post-body{padding:20px}.post-content{white-space:pre-wrap;color:var(--text-main);margin-bottom:16px;font-size:.95rem}.post-image{object-fit:cover;border-radius:var(--radius-sm);width:100%;max-height:450px;margin-bottom:12px}.post-file-link{background:var(--secondary);border-radius:var(--radius-sm);color:var(--text-main);border:1px solid var(--border);align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.post-file-link:hover{background:var(--primary-light)}.post-actions{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:24px;padding:12px 20px;display:flex}.post-action-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:flex}.post-action-btn:hover{color:var(--primary)}.post-action-btn.liked{color:var(--danger)}.post-comments{background:var(--primary-light);padding:16px 20px}.comment-list{flex-direction:column;gap:12px;max-height:250px;margin-bottom:16px;display:flex;overflow-y:auto}.comment-item{align-items:flex-start;gap:10px;animation:.3s fadeIn;display:flex}.comment-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.comment-bubble{border:1px solid var(--border);background:#fff;border-radius:12px;flex:1;padding:10px 14px}.comment-author{color:var(--primary);margin-bottom:2px;font-size:.8rem;font-weight:700}.comment-text{color:var(--text-main);font-size:.85rem}.comment-input-form{gap:8px;display:flex}.comment-input{border:1px solid var(--border);border-radius:20px;outline:none;flex:1;padding:8px 14px;font-size:.85rem}.comment-input:focus{border-color:var(--border-focus)}.comment-submit-btn{background:var(--primary);color:#fff;cursor:pointer;width:34px;height:34px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.comment-submit-btn:hover{background:var(--primary-hover)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{border-radius:var(--radius-lg);width:90%;max-width:550px;box-shadow:var(--shadow-lg);background:#fff;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;overflow:hidden}.modal-header{background:var(--primary);color:#fff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:#fff;margin:0}.modal-close-btn{color:#fff;cursor:pointer;background:0 0;border:none}.modal-body{padding:24px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.qr-scanner-view{border-radius:var(--radius-md);border:3px solid var(--primary);width:100%;max-width:500px;box-shadow:var(--shadow-md);background:#000;margin:0 auto;position:relative;overflow:hidden}.scanner-target-box{border:4px solid var(--accent);pointer-events:none;border-radius:var(--radius-sm);z-index:10;width:250px;height:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1000px #00000080}.scanner-target-box:after{content:"";background:var(--accent);width:100%;height:4px;box-shadow:0 0 10px var(--accent), 0 0 20px var(--accent);animation:2.5s ease-in-out infinite laserScan;position:absolute;top:0;left:0}@keyframes laserScan{0%{opacity:.8;top:0%}50%{opacity:1;top:100%}to{opacity:.8;top:0%}}.dial-container{width:160px;height:160px;margin:0 auto;position:relative}.dial-svg{width:100%;height:100%;transform:rotate(-90deg)}.dial-bg{fill:none;stroke:var(--secondary);stroke-width:12px}.dial-progress{fill:none;stroke:var(--accent);stroke-width:12px;stroke-linecap:round;transition:stroke-dashoffset .8s ease-in-out}.dial-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dial-percentage{color:var(--accent);font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.dial-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.attendance-grid-section{max-height:500px;overflow:auto}.sticky-table th{z-index:10;position:sticky;top:0}.card-qr-generator{text-align:center;max-width:320px;margin:0 auto;padding:30px}.qr-card-view{border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:2px solid var(--primary);background:#fff;margin:20px 0;padding:24px;display:inline-block}.qr-card-header{border-bottom:2px solid var(--primary-light);margin-bottom:16px;padding-bottom:12px}.qr-card-header h3{margin:0;font-size:1.1rem}.qr-card-header p{color:var(--text-muted);font-size:.75rem}.brand-logo-container{border:2px solid var(--accent);width:50px;height:50px;transition:var(--transition);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.sidebar-logo-img{object-fit:cover;width:100%;height:100%}.sidebar-profile-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.input-field{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;color:var(--text-main);transition:var(--transition);padding:10px 14px;font-family:inherit;font-size:.95rem}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow);outline:none}@media (width<=768px){:root{--sidebar-width:100%}.dashboard-layout{flex-direction:column}.main-content{margin-top:60px;padding:16px!important}.dashboard-sidebar{z-index:999;width:270px;height:100vh;box-shadow:var(--shadow-lg);transition:left .3s;position:fixed;top:0;left:-100%}.dashboard-sidebar.mobile-open{left:0}.mobile-toggle-btn{z-index:1000;background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;position:fixed;top:15px;left:15px;display:flex!important}.grid-stats{grid-template-columns:1fr;gap:12px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.dashboard-header h1{font-size:1.5rem!important}.card{padding:16px}.custom-table-container{border-radius:var(--radius-sm);margin-top:10px}.custom-table th,.custom-table td{padding:10px 12px;font-size:.8rem}.swal2-popup{width:90%!important;font-size:.85rem!important}.main-content.active-tab-chat,.main-content.active-tab-qr_code,.main-content.active-tab-announcements{margin-top:60px;padding:0!important}.main-content.active-tab-chat .card,.main-content.active-tab-qr_code .card,.main-content.active-tab-announcements .card,.main-content.active-tab-announcements .create-post-card,.main-content.active-tab-announcements .post-card{box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important}.main-content.active-tab-announcements .posts-feed{gap:12px}.main-content.active-tab-announcements .post-card{border-bottom:1px solid var(--border)!important}.main-content.active-tab-qr_code .qr-card-view{box-shadow:none!important;border:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:16px!important}.main-content.active-tab-chat,.main-content.active-tab-qr_code{width:100%!important;height:calc(100dvh - 60px)!important;max-height:calc(100dvh - 60px)!important;margin-top:0!important;position:fixed!important;top:60px!important;left:0!important;overflow:hidden!important}.chatrooms-container{height:100%!important;max-height:100%!important;overflow:hidden!important}.chat-panel-header{padding-left:70px!important}.mobile-chat-active .active-chat-header{padding-left:8px!important}}@media (width<=900px) and (orientation:landscape){.dashboard-sidebar{overflow-y:auto}.main-content{margin-top:0;padding-top:50px}.mobile-toggle-btn{width:36px;height:36px;position:fixed;top:8px;left:8px}.grid-stats{grid-template-columns:repeat(2,1fr)}.main-content.active-tab-chat,.main-content.active-tab-qr_code{height:calc(100dvh - 50px)!important;max-height:calc(100dvh - 50px)!important;top:50px!important}.chatrooms-container{height:100%!important;max-height:100%!important}.chat-panel-header{gap:4px!important}.active-chat-header{padding-top:6px!important;padding-bottom:6px!important}}.mobile-auth-redirect-buttons{flex-direction:column;gap:12px;width:100%;max-width:400px;margin:30px auto 0;display:none}.mobile-back-to-info-btn{color:#00bfa5;cursor:pointer;transition:var(--transition);background:0 0;border:1px dashed #205638;border-radius:4px;align-self:flex-start;margin-bottom:24px;padding:8px 16px;font-family:inherit;font-size:.88rem;font-weight:700;display:none}.mobile-back-to-info-btn:hover{background:#00bfa50d;border-color:#00bfa5}@media (width<=992px){.auth-page{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto}.auth-banner.mobile-visible{flex:1;width:100%;height:auto;padding:40px 24px;overflow-y:auto;display:flex!important}.auth-banner.mobile-hidden{display:none!important}.auth-form-container.mobile-visible{flex:1;width:100%;height:auto;padding:40px 24px;overflow-y:auto;display:flex!important}.auth-form-container.mobile-hidden{display:none!important}.mobile-auth-redirect-buttons{display:flex}.mobile-back-to-info-btn{display:block}}.history-card-info-content{width:100%;display:block}.analytics-chart-container{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-top:16px;padding:24px}.chart-legend{justify-content:center;gap:16px;margin-bottom:20px;display:flex}.chart-bars-wrapper{border-bottom:2px solid var(--border);justify-content:space-around;align-items:flex-end;gap:24px;height:240px;padding-bottom:10px;display:flex}.chart-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;max-width:60px;height:100%;display:flex}.chart-bar-stacked{width:100%;min-height:10px;box-shadow:var(--shadow-sm);background:hsl(var(--primary-hue), 20%, 95%);border-radius:4px 4px 0 0;flex-direction:column-reverse;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.chart-bar-stacked:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.bar-segment{color:#fff;justify-content:center;align-items:center;width:100%;font-size:.75rem;font-weight:700;transition:height .5s;display:flex}.bar-segment.present{background:var(--accent-blue)!important}.bar-segment.absent{background:var(--accent)!important;color:var(--primary)!important}.chart-date-label{color:var(--text-muted);white-space:nowrap;margin-top:8px;font-size:.75rem;font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.banner-logo-img.highlighted-logo,.form-logo-img.highlighted-form-logo{border:3px solid var(--accent);box-shadow:0 0 15px var(--accent);border-radius:50%;transition:transform .3s,box-shadow .3s;animation:2.5s ease-in-out infinite goldPulseGlow}.banner-logo-img.highlighted-logo:hover,.form-logo-img.highlighted-form-logo:hover{box-shadow:0 0 25px var(--accent);transform:scale(1.05)}@keyframes goldPulseGlow{0%{box-shadow:0 0 8px #e7b00866,0 0 #e7b00866}70%{box-shadow:0 0 20px #e7b008b3,0 0 0 10px #e7b00800}to{box-shadow:0 0 8px #e7b00866,0 0 #e7b00800}}.chatrooms-container{overflow:hidden!important}.chat-left-panel,.chat-right-panel,.right-chat-panel,.chat-messages-area{-webkit-overflow-scrolling:touch;overflow:hidden auto!important}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}