:root{--primary-color:#0d3866;--primary-dark:#051c33;--primary-light:#f0f5fa;--accent-color:#2563eb;--accent-light:#bfdbfe;--success-color:#10b981;--warning-color:#d97706;--danger-color:#dc2626;--bg-color:#e2e8f0;--card-bg:#fff;--card-border:#cbd5e1;--text-main:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;--white:#fff;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #0c4a8a14;--shadow-lg:0 10px 25px -5px #0c4a8a1f, 0 8px 10px -6px #0c4a8a14;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--safe-bottom:env(safe-area-inset-bottom,0px)}html{height:100%;overflow:hidden}body{background-color:var(--bg-color);height:100%;color:var(--text-main);-webkit-user-select:none;user-select:none;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;overflow:hidden}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}#root{background-color:var(--bg-color);flex-direction:column;align-items:center;height:100dvh;display:flex;overflow:hidden}.app-container{background:var(--white);flex-direction:column;width:100%;max-width:480px;height:100dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #00000014}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp var(--transition-normal) forwards}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}button{cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;outline:none;font-family:inherit}button:active{transform:scale(.96)}input,select,textarea{transition:var(--transition-fast);outline:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.text-center{text-align:center}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-muted{color:var(--text-muted)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.grid-2{grid-template-columns:1fr 1fr;justify-items:stretch;gap:12px;width:100%;display:grid}.badge{border-radius:var(--radius-full);align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background-color:var(--primary-light);color:var(--primary-color)}.badge-success{color:var(--success-color);background-color:#d1fae5}.badge-warning{color:var(--warning-color);background-color:#fef3c7}.badge-danger{color:var(--danger-color);background-color:#fee2e2}@media (width>=481px){body{background-color:#e2e8f0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.app-layout{background-color:var(--bg-color);flex-direction:row;width:100vw;height:100dvh;display:flex;overflow:hidden}@media (width>=768px){.app-container{background-color:var(--bg-color);background-color:var(--bg-color);box-shadow:none;border-radius:0;flex:1;margin:0;max-width:none!important}}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.header-container{background-color:var(--white);border-bottom:1px solid var(--card-border);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.header-logo-container{align-items:center;gap:10px;display:flex}.header-logo{object-fit:contain;height:38px}.header-school-name{flex-direction:column;display:flex}.header-school-name .title{color:var(--primary-color);letter-spacing:-.3px;font-size:.95rem;font-weight:800;line-height:1.2}.header-school-name .subtitle{color:var(--text-muted);font-size:.7rem;font-weight:500}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.header-icon-btn{border-radius:var(--radius-full);background-color:var(--bg-color);width:36px;height:36px;color:var(--primary-color);justify-content:center;align-items:center;display:flex;position:relative}.header-icon-btn:hover{background-color:var(--primary-light)}.header-badge{background-color:var(--danger-color);border:1.5px solid var(--white);border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:2px}.bottom-nav-container{-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--card-border);width:100%;padding:10px 12px calc(8px + var(--safe-bottom));z-index:100;background-color:#fffffff7;flex-shrink:0;justify-content:space-around;display:flex;position:sticky;bottom:0}.bottom-nav-item{color:var(--text-light);width:60px;transition:var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.65rem;font-weight:600;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--primary-color)}.bottom-nav-item svg{width:22px;height:22px;transition:var(--transition-fast)}.bottom-nav-item.active svg{color:var(--primary-color);transform:translateY(-2px)}.view-container{animation:fadeIn var(--transition-normal);flex-direction:column;gap:20px;padding:20px;display:flex}.view-title{color:var(--primary-dark);letter-spacing:-.5px;font-size:1.25rem;font-weight:800}.card-announcement{background-color:var(--white);border:1px solid var(--card-border);transition:var(--transition-normal);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.card-announcement.urgent{border-left:4px solid var(--danger-color)}.card-announcement:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header-ann{justify-content:space-between;align-items:center;display:flex}.card-title-ann{color:var(--primary-color);font-size:1.05rem;font-weight:700;line-height:1.3}.card-meta-ann{color:var(--text-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.card-content-ann{color:var(--text-main);white-space:pre-line;font-size:.92rem;line-height:1.5}.card-footer-ann{border-top:1px solid var(--bg-color);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.card-actions-ann{gap:14px;display:flex}.card-action-btn{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.card-action-btn.active{color:var(--accent-color);font-weight:600}.login-screen{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-card{width:100%;max-width:380px;box-shadow:none;z-index:10;background:0 0;border:none;flex-direction:column;gap:24px;padding:20px 0;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex}.login-header{text-align:center;border-bottom:1px solid #0c4a8a1a;flex-direction:column;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding-bottom:24px;display:flex}.login-logo{object-fit:contain;height:72px;transition:transform var(--transition-normal)}.login-logo:hover{transform:scale(1.05)}.login-school-title{color:var(--primary-color);letter-spacing:-.5px;font-size:1.15rem;font-weight:850;line-height:1.2}.login-subtitle{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:.78rem;font-weight:600}.login-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--primary-color);text-transform:uppercase;letter-spacing:.3px;font-size:.72rem;font-weight:800}.form-input-wrapper{align-items:center;display:flex;position:relative}.form-input-wrapper svg{color:var(--primary-color);opacity:.7;width:18px;height:18px;transition:var(--transition-fast);position:absolute;left:14px}.form-input{border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:all var(--transition-fast);background:#f8fafc;border:1px solid #cbd5e1;padding:14px 12px 14px 42px;font-family:inherit;font-size:.95rem}.form-input:focus{border-color:var(--accent-color);background:var(--white);outline:none;box-shadow:0 0 0 4px #2563eb1a}.form-input:focus+svg{opacity:1}.login-btn{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);width:100%;color:var(--white);border-radius:var(--radius-sm);transition:var(--transition-fast);border:none;margin-top:8px;padding:14px;font-size:.95rem;font-weight:700;box-shadow:0 6px 20px #0d386640}.login-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0d386659}.login-btn:active{transform:translateY(1px);box-shadow:0 4px 12px #0d386633}.login-error{border-left:4px solid var(--danger-color);border-radius:var(--radius-sm);color:var(--danger-color);background-color:#fee2e2;padding:10px 14px;font-size:.78rem;font-weight:600}.calendar-filter-bar{scrollbar-width:none;gap:8px;padding:4px 2px 12px;display:flex;overflow-x:auto}.calendar-filter-bar::-webkit-scrollbar{display:none}.calendar-filter-btn{border-radius:var(--radius-full);background-color:var(--white);color:var(--text-muted);border:1.5px solid var(--card-border);white-space:nowrap;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);cursor:pointer;padding:6px 14px;font-size:.72rem;font-weight:700}.calendar-filter-btn:hover{border-color:var(--accent-light);color:var(--primary-color);transform:translateY(-1px)}.calendar-filter-btn.active{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-color);box-shadow:0 4px 10px #0d386626}.calendar-list{flex-direction:column;gap:12px;display:flex}.event-item{background-color:var(--white);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);cursor:pointer;display:flex;position:relative;overflow:hidden}.event-item:hover{box-shadow:var(--shadow-md);border-color:var(--accent-light);transform:translateY(-2px)}.event-date-badge{width:60px;height:60px;color:var(--white);text-align:center;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;margin:12px 0 12px 12px;display:flex;box-shadow:0 4px 10px #0000000d}.event-date-badge.pastoral{background:linear-gradient(135deg,#d97706 0%,#f59e0b 100%)}.event-date-badge.pedagogico{background:linear-gradient(135deg,#0d3866 0%,#1e4b7a 100%)}.event-date-badge.geral{background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%)}.event-date-day{font-size:1.25rem;font-weight:800;line-height:1}.event-date-month{text-transform:uppercase;opacity:.9;margin-top:1px;font-size:.6rem;font-weight:700}.event-details{flex-direction:column;flex:1;gap:5px;padding:12px 14px 12px 10px;display:flex}.event-title{color:var(--text-main);font-size:.85rem;font-weight:700;line-height:1.3}.event-desc{color:var(--text-muted);font-size:.75rem;line-height:1.35}.event-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;display:flex}.event-meta-item{background-color:var(--bg-color);color:var(--text-muted);border:1px solid #e2e8f099;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.68rem;font-weight:500;display:flex}.event-meta-item svg{color:var(--text-light)}.month-divider{animation:fadeIn var(--transition-normal);align-items:center;gap:12px;margin:16px 0 6px;padding:0 4px;display:flex}.month-divider-text{text-transform:uppercase;letter-spacing:.5px;color:var(--primary-color);white-space:nowrap;font-size:.75rem;font-weight:800}.month-divider-line{background:linear-gradient(90deg, var(--card-border) 0%, #e2e8f000 100%);flex:1;height:1px}.monthly-calendar{background:var(--white);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);animation:fadeIn var(--transition-normal);margin-bottom:16px;padding:16px}.calendar-grid-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-grid-title{color:var(--primary-color);text-transform:capitalize;font-size:.85rem;font-weight:850}.calendar-nav-btn{border-radius:var(--radius-full);background-color:var(--primary-light);width:28px;height:28px;color:var(--primary-color);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.calendar-nav-btn:hover{background-color:var(--primary-color);color:var(--white)}.calendar-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:8px;display:grid}.weekday-label{color:var(--text-muted);text-transform:uppercase;font-size:.65rem;font-weight:800}.calendar-days-grid{grid-template-columns:repeat(7,1fr);justify-items:center;gap:6px;display:grid}.calendar-day-cell{aspect-ratio:1;border-radius:var(--radius-sm);width:100%;max-width:36px;color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex;position:relative}.calendar-day-cell:hover:not(.empty){background-color:var(--primary-light);color:var(--primary-color)}.calendar-day-cell.empty{cursor:default}.calendar-day-cell.today{background-color:var(--primary-light);color:var(--primary-color);border:1.5px solid var(--primary-color);font-weight:800}.calendar-day-cell.selected{background-color:var(--primary-color);font-weight:800;color:var(--white)!important}.calendar-day-cell.selected .day-dot{background-color:var(--white)!important}.day-dots-container{justify-content:center;gap:2px;width:100%;display:flex;position:absolute;bottom:2px}.day-dot{border-radius:var(--radius-full);width:4px;height:4px}.day-dot.pedagogico{background-color:var(--primary-color)}.day-dot.pastoral{background-color:var(--warning-color)}.day-dot.geral{background-color:var(--accent-color)}.search-wrapper{align-items:center;display:flex;position:relative}.search-wrapper svg{color:var(--text-light);width:18px;height:18px;position:absolute;left:14px}.search-input{border-radius:var(--radius-md);border:1px solid var(--card-border);background-color:var(--white);width:100%;padding:12px 12px 12px 42px;font-size:.85rem}.search-input:focus{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.directory-list{flex-direction:column;gap:10px;display:flex}.contact-card{background-color:var(--white);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-fast);align-items:center;gap:12px;padding:10px 14px;display:flex}.contact-card:hover{border-color:var(--accent-light);transform:translate(4px)}.contact-avatar{object-fit:cover;border:1.5px solid var(--primary-light);border-radius:50%;width:44px;height:44px}.contact-info{flex-direction:column;flex:1;display:flex}.contact-name{color:var(--text-main);font-size:.85rem;font-weight:700}.contact-role{color:var(--primary-color);font-size:.7rem;font-weight:600}.contact-dept{color:var(--text-muted);font-size:.65rem}.contact-action-btn{background-color:var(--bg-color);width:32px;height:32px;color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;display:flex}.contact-action-btn:hover{background-color:var(--primary-light)}.doc-list{flex-direction:column;gap:8px;display:flex}.doc-item{background-color:var(--white);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);align-items:center;gap:12px;padding:12px 14px;display:flex}.doc-item:hover{border-color:var(--accent-light);transform:translate(4px)}.doc-icon{border-radius:var(--radius-sm);background-color:var(--primary-light);width:38px;height:38px;color:var(--primary-color);justify-content:center;align-items:center;display:flex}.doc-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.doc-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;overflow:hidden}.doc-meta{color:var(--text-muted);gap:8px;font-size:.65rem;display:flex}.doc-download-btn{color:var(--text-muted)}.doc-download-btn:hover{color:var(--primary-color)}.doc-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.doc-card{background-color:var(--white);border:1px solid var(--card-border);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);flex-direction:column;align-items:center;padding:14px;display:flex;position:relative;overflow:hidden}.doc-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-light);transform:translateY(-2px)}.doc-card-icon{border-radius:var(--radius-sm);background-color:var(--primary-light);width:48px;height:48px;color:var(--primary-color);justify-content:center;align-items:center;margin-bottom:10px;display:flex}.doc-card-name{color:var(--text-main);-webkit-line-clamp:2;text-align:center;-webkit-box-orient:vertical;width:100%;height:2rem;margin-bottom:4px;font-size:.75rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.doc-card-meta{color:var(--text-muted);flex-direction:column;gap:2px;margin-bottom:10px;font-size:.62rem;display:flex}.doc-card-actions{justify-content:center;gap:8px;width:100%;display:flex}.chat-container{background-color:var(--bg-color);flex-direction:column;height:100%;display:flex}.chat-tab-bar{border-bottom:1px solid var(--card-border);background-color:var(--white);display:flex}.chat-tab-btn{color:var(--text-muted);text-align:center;border-bottom:2px solid #0000;flex:1;padding:12px;font-size:.8rem;font-weight:700}.chat-tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.chat-list-scroll{flex:1;padding:12px;overflow-y:auto}.chat-thread-item{background-color:var(--white);border-radius:var(--radius-lg);border:1px solid var(--card-border);cursor:pointer;align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #00000005}.chat-thread-item:hover{border-color:#2563eb4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.chat-thread-item.active{border-color:var(--primary-light);background-color:var(--primary-light)}.chat-thread-avatar{background-color:var(--primary-color);width:40px;height:40px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:flex}.chat-thread-info{flex:1;overflow:hidden}.chat-thread-header{justify-content:space-between;margin-bottom:2px;display:flex}.chat-thread-name{color:var(--text-main);font-size:.8rem;font-weight:700}.chat-thread-time{color:var(--text-light);font-size:.65rem}.chat-thread-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.active-chat-view{flex-direction:column;height:100%;display:flex}.active-chat-header{background-color:var(--white);border-bottom:1px solid var(--card-border);align-items:center;gap:10px;padding:10px 14px;display:flex}.active-chat-messages{background-color:#f1f5f9;flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow-y:auto}.chat-bubble{border-radius:var(--radius-md);max-width:75%;box-shadow:var(--shadow-sm);padding:8px 12px;font-size:.8rem;line-height:1.35;position:relative}.chat-bubble.received{background-color:var(--white);color:var(--text-main);border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble.sent{background-color:var(--primary-color);color:var(--white);border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble-sender{color:var(--primary-dark);margin-bottom:2px;font-size:.65rem;font-weight:700}.chat-bubble.sent .chat-bubble-sender{color:var(--accent-light)}.chat-bubble-time{text-align:right;color:var(--text-light);margin-top:4px;font-size:.6rem}.chat-bubble.sent .chat-bubble-time{color:#ffffffb3}.chat-input-bar{background-color:var(--white);border-top:1px solid var(--card-border);align-items:center;gap:8px;padding:10px 14px;display:flex}.chat-input-attachment-btn{background-color:var(--bg-color);width:38px;height:38px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--card-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-input-attachment-btn:hover{background-color:var(--primary-light);color:var(--primary-color);border-color:var(--accent-light)}.chat-input{border-radius:var(--radius-full);border:1px solid var(--card-border);background-color:var(--bg-color);flex:1;padding:10px 14px;font-size:.85rem}.chat-input:focus{border-color:var(--primary-color);background-color:var(--white)}.chat-send-btn{background-color:var(--primary-color);width:38px;height:38px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);background-color:#0f172a66;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.chat-modal-content{background-color:var(--white);width:100%;padding:20px 16px calc(16px + var(--safe-bottom)) 16px;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;max-height:80%;animation:.3s cubic-bezier(.4,0,.2,1) slideInUp;display:flex;box-shadow:0 -10px 25px #0000001a}.chat-modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.chat-modal-list::-webkit-scrollbar{width:4px}.chat-modal-list::-webkit-scrollbar-thumb{background-color:var(--card-border);border-radius:var(--radius-full)}.chat-modal-item:hover{background-color:var(--primary-light)!important;border-color:var(--accent-light)!important}.chat-bubble.typing{background-color:var(--white);border-radius:var(--radius-md);border-bottom-left-radius:4px;align-self:flex-start;align-items:center;gap:4px;min-height:32px;display:inline-flex}.typing-dot{background-color:var(--text-muted);opacity:.6;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typingBounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.3)}40%{transform:scale(1)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.profile-card{background-color:var(--white);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.profile-avatar-large{border:3px solid var(--primary-light);object-fit:cover;border-radius:50%;width:80px;height:80px}.profile-name{color:var(--primary-dark);font-size:1.1rem;font-weight:800}.profile-role-badge{background-color:var(--primary-light);color:var(--primary-color);border-radius:var(--radius-full);padding:4px 12px;font-size:.75rem;font-weight:700}.profile-details-list{flex-direction:column;gap:12px;width:100%;margin-top:8px;display:flex}.profile-detail-item{border-bottom:1px solid var(--bg-color);justify-content:space-between;padding:10px 0;font-size:.8rem;display:flex}.profile-detail-label{color:var(--text-muted);font-weight:600}.profile-detail-value{color:var(--text-main);font-weight:700}.logout-btn{width:100%;color:var(--danger-color);border-radius:var(--radius-sm);background-color:#fee2e2;border:1px solid #ef44441a;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:12px;font-size:.85rem;font-weight:700;display:flex}.logout-btn:hover{background-color:#fecaca}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background-color:#072f5f66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--white);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-lg);animation:fadeInUp var(--transition-fast) forwards;overflow:hidden}.modal-header-color{background:linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);height:80px;position:relative}.modal-close-btn{color:var(--white);background-color:#00000026;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:12px;right:12px}.modal-body{flex-direction:column;align-items:center;padding:0 20px 24px;display:flex;position:relative}.modal-avatar-offset{border:3px solid var(--white);object-fit:cover;width:72px;height:72px;box-shadow:var(--shadow-sm);background-color:var(--white);border-radius:50%;margin-top:-36px}.modal-name{color:var(--text-main);text-align:center;margin-top:10px;font-size:1.05rem;font-weight:800}.modal-role{color:var(--primary-color);text-align:center;margin-bottom:12px;font-size:.75rem;font-weight:700}.modal-info-section{flex-direction:column;gap:10px;width:100%;margin-bottom:18px;display:flex}.modal-info-row{background-color:var(--bg-color);border-radius:var(--radius-sm);color:var(--text-main);align-items:center;gap:10px;padding:8px;font-size:.78rem;text-decoration:none;display:flex}.modal-info-row svg{color:var(--primary-color);width:16px;height:16px}.modal-info-row span{font-weight:500}.modal-action-row{gap:10px;width:100%;display:flex}.modal-action-btn-primary{border-radius:var(--radius-sm);background-color:var(--primary-color);color:var(--white);flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.8rem;font-weight:700;display:flex}.modal-action-btn-primary:hover{background-color:var(--primary-dark)}.quick-action-widget:hover{box-shadow:var(--shadow-md);border-color:var(--accent-light);transform:translateY(-2px)}.quick-action-widget:active{transform:scale(.97)}.notification-item{transition:background-color var(--transition-fast)!important}.notification-item:hover{background-color:var(--bg-color)!important}.notification-item:active{background-color:#0d38660f!important}.login-screen.split-layout{background:var(--white);flex-direction:column;align-items:stretch;padding:0;display:flex;overflow:hidden auto}.login-image-side{background-position:50%;background-size:cover;flex:none;height:25vh;display:block;position:relative}.login-image-overlay{background:linear-gradient(135deg,#05162ad9 0%,#0d3866b3 100%);justify-content:center;align-items:center;padding:40px;display:flex;position:absolute;inset:0}.login-image-content{color:#fff;max-width:500px;animation:1s ease-out forwards fadeIn}.login-image-content h1{margin-bottom:8px;font-size:1.8rem;font-weight:700;line-height:1.2}.login-image-content p{opacity:.9;font-size:.95rem;line-height:1.4}.login-form-side{background:var(--white);flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:600px;padding:24px;display:flex;position:relative}@media (width>=768px){.login-screen.split-layout{flex-direction:row}.login-image-side{flex:1;height:auto}.login-image-content h1{margin-bottom:16px;font-size:2.5rem}.login-image-content p{font-size:1.1rem;line-height:1.5}.login-form-side{background:var(--white)}}.login-footer{text-align:center;color:#94a3b8;font-size:.75rem;position:absolute;bottom:24px;left:0;right:0}@media (width<=767px){.login-card{gap:16px!important;padding:10px 0!important}.login-header{gap:8px!important;margin-bottom:30px!important;padding-bottom:16px!important}.login-footer{padding-top:0;padding-bottom:24px;margin-top:24px!important;position:relative!important;bottom:auto!important}}.app-sidebar{background-color:var(--primary-dark);width:260px;color:var(--white);z-index:50;flex-direction:column;height:100dvh;padding:24px 16px;display:none;box-shadow:2px 0 10px #0000001a}.sidebar-header{justify-content:center;align-items:center;margin-bottom:48px;display:flex}.sidebar-logo-container{background-color:var(--white);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto;padding:12px;display:flex;box-shadow:0 4px 12px #00000026}.sidebar-logo{object-fit:contain;max-width:100%;max-height:100%}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.sidebar-nav-item{border-radius:var(--radius-md);color:#ffffffb3;cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:16px;padding:14px 20px;font-family:inherit;font-size:1.05rem;font-weight:500;display:flex}.sidebar-nav-item:hover{color:var(--white);background:#ffffff0d}.sidebar-nav-item.active{color:var(--white);box-shadow:none;background:#ffffff26}.sidebar-footer{margin-top:auto}.sidebar-logout-btn{border-radius:var(--radius-md);color:#ffffffb3;cursor:pointer;width:100%;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:16px;padding:14px 20px;font-family:inherit;font-size:1.05rem;font-weight:500;display:flex}.sidebar-logout-btn:hover{color:#fca5a5;background:#dc26261a}@media (width>=768px){.app-sidebar{display:flex}.bottom-nav-container,.header-logo-container{display:none!important}.header-container{padding:10px 20px}}.dashboard-grid{grid-template-columns:1fr;align-items:start;gap:12px;display:grid}@media (width>=768px){.dashboard-grid{grid-template-columns:1fr 1fr}}.events-list-container{flex-direction:column;gap:12px;height:100%;display:flex}@media (width<=767px){.events-list-container{scroll-snap-type:x mandatory;scrollbar-width:none;flex-direction:row;padding-bottom:4px;overflow-x:auto}.events-list-container::-webkit-scrollbar{display:none}.event-card-item{scroll-snap-align:start;flex:0 0 85%!important}}@media (width>=768px){.header-logo-container{display:none!important}.header-container{padding:10px 20px}}@keyframes pulse-urgent{0%{opacity:.9;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}to{opacity:.9;transform:scale(.96)}}.pulse-urgent-badge{animation:1.5s ease-in-out infinite pulse-urgent;box-shadow:0 2px 8px #dc262633}