.toast-container{position:fixed;top:80px;right:var(--spacing-lg);z-index:10000;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #00000026;min-width:300px;max-width:500px;pointer-events:auto;animation:slideInRight .3s ease-out;cursor:pointer;transition:transform .2s ease}.toast:hover{transform:translate(-4px)}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid #f44336}.toast-warning{border-left:4px solid var(--warning)}.toast-info{border-left:4px solid var(--primary)}.toast-icon{font-size:1.25rem;font-weight:700;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-success .toast-icon{color:var(--success);background:#4caf501a}.toast-error .toast-icon{color:#f44336;background:#f443361a}.toast-warning .toast-icon{color:var(--warning);background:#ff98001a}.toast-info .toast-icon{color:var(--primary);background:var(--primary-lighter)}.toast-message{flex:1;color:var(--text-dark);font-size:.9375rem;line-height:1.5}.toast-close{background:none;border:none;color:var(--text-medium);font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s ease}.toast-close:hover{color:var(--text-dark)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.toast-container{top:70px;right:var(--spacing-md);left:var(--spacing-md)}.toast{min-width:auto;max-width:100%}}:root{--primary: rgb(157, 157, 189);--primary-dark: rgb(137, 137, 169);--primary-light: rgb(177, 177, 209);--primary-lighter: rgb(237, 237, 244);--text-dark: rgb(51, 51, 68);--text-medium: rgb(107, 107, 142);--text-light: rgb(157, 157, 189);--bg-main: #ffffff;--bg-light: #f8f8fb;--bg-overlay: rgba(157, 157, 189, .1);--border-color: rgba(157, 157, 189, .25);--shadow-color: rgba(157, 157, 189, .1);--shadow-hover: rgba(157, 157, 189, .15);--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--success: rgb(102, 187, 106);--success-lighter: rgba(102, 187, 106, .1);--warning: rgb(255, 193, 7);--warning-lighter: rgba(255, 193, 7, .1);--error: rgb(244, 67, 54);--error-lighter: rgba(244, 67, 54, .1);--anchor-color: rgb(140, 140, 254);--border-radius: 12px;--border-radius-sm: 8px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;color:var(--text-dark);background:var(--bg-light)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%236B7280' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#9d9dbd1a}::-webkit-scrollbar-thumb{background:#9d9dbd4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9d9dbd66}.dashboard-container{padding:var(--spacing-lg)}@media(max-width:768px){.dashboard-container{padding:var(--spacing-md)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:.9375rem;font-weight:500;border-radius:var(--border-radius-sm);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;background:transparent;color:var(--text-dark);font-family:inherit;line-height:1.5}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn .material-icons{font-size:1.125rem;line-height:1}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 4px #9d9dbd33}.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 4px 8px #9d9dbd4d;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-dark);border-color:var(--border-color)}.btn-outline:hover:not(:disabled){background:var(--bg-light);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.btn-secondary{background:var(--bg-light);color:var(--text-dark);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--primary-lighter);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff;border-color:var(--success);box-shadow:0 2px 4px #66bb6a33}.btn-success:hover:not(:disabled){background:#66bb6a;border-color:#66bb6a;box-shadow:0 4px 8px #66bb6a4d;transform:translateY(-1px)}.btn-sm{padding:4px var(--spacing-sm);font-size:.875rem}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.btn-lg .material-icons{font-size:1.25rem}.nav-bar{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-lg);background:var(--bg-main);border-bottom:1px solid var(--border-color);position:fixed;top:0;left:0;right:0;z-index:1000;height:64px;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.nav-bar.scrolled{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000d;border-bottom-color:#9d9dbd26}.nav-bar .nav-left{display:flex;align-items:center;gap:var(--spacing-md)}.nav-brand{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.125rem;font-weight:600;color:var(--text-dark);transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.nav-brand:hover{opacity:.8}.brand-icon{color:var(--primary);font-size:1.5rem;transition:transform .3s ease}.nav-brand:hover .brand-icon{transform:scale(1.1)}.brand-text{font-weight:600;letter-spacing:-.01em}.nav-right{display:flex;align-items:center;gap:var(--spacing-lg)}.user-name{color:var(--text-dark);font-weight:500;font-size:.9375rem;white-space:nowrap}.nav-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.user-menu-wrapper{position:relative;display:flex;align-items:center}.user-avatar-btn{background:transparent;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;position:relative;border-radius:24px;padding:2px 6px 2px 2px}.user-avatar-btn:hover{background:var(--bg-light)}.user-avatar-btn.active{background:var(--primary-lighter)}.chevron-icon{font-size:1.25rem!important;color:var(--text-medium);transition:transform .2s ease,color .2s ease;line-height:1;display:flex;align-items:center}.user-avatar-btn:hover .chevron-icon{color:var(--primary)}.user-avatar-btn.active .chevron-icon{transform:rotate(180deg);color:var(--primary)}.nav-avatar{width:38px;height:38px;border:2px solid var(--primary);border-radius:50%;object-fit:cover;cursor:pointer;transition:all .2s ease;background:var(--bg-light);display:block}.user-avatar-btn:hover .nav-avatar,.user-avatar-btn.active .nav-avatar{border-color:var(--primary-dark);box-shadow:0 2px 8px #9d9dbd33}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:280px;max-width:calc(100vw - 2rem);background:var(--bg-main);border-radius:12px;box-shadow:0 4px 20px #00000026,0 2px 8px #0000001a;border:1px solid var(--border-color);overflow:hidden;z-index:1001;opacity:0;transform:translateY(-8px) scale(.95);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);display:none;pointer-events:none}.user-dropdown-menu.active{display:block;opacity:1;transform:translateY(0) scale(1);pointer-events:auto;animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1)}.user-dropdown-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-light);opacity:0;transform:translate(-8px);transition:opacity .2s ease .1s,transform .2s ease .1s}.user-dropdown-menu.active .user-dropdown-header{opacity:1;transform:translate(0)}.dropdown-avatar{width:48px;height:48px;border:2px solid var(--primary);border-radius:50%;object-fit:cover;background:var(--bg-light);flex-shrink:0}.dropdown-user-info{flex:1;min-width:0}.dropdown-user-name{font-weight:600;color:var(--text-dark);font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-user-email{font-size:.8125rem;color:var(--text-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.user-dropdown-divider{height:1px;background:var(--border-color);margin:0}.user-dropdown-items{padding:var(--spacing-xs) 0}.dropdown-item{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-dark);font-size:.9375rem;cursor:pointer;transition:all .2s ease;text-align:left;opacity:0;transform:translate(-8px)}.user-dropdown-menu.active .dropdown-item{animation:dropdownItemSlideIn .2s ease forwards}.user-dropdown-menu.active .dropdown-item:nth-child(1){animation-delay:.15s}.user-dropdown-menu.active .dropdown-item:nth-child(2){animation-delay:.2s}@keyframes dropdownItemSlideIn{to{opacity:1;transform:translate(0)}}.dropdown-item:hover{background:var(--bg-light);color:var(--primary)}.dropdown-item .material-icons{font-size:1.25rem;color:var(--text-medium);transition:color .2s ease}.dropdown-item:hover .material-icons{color:var(--primary)}.dropdown-item:last-child{color:var(--error)}.dropdown-item:last-child:hover{background:var(--error-lighter);color:var(--error)}.dropdown-item:last-child .material-icons{color:var(--error)}.apps-wrapper{position:relative}.apps-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;position:relative;background:transparent;border:none;color:var(--text-medium);transition:all .2s ease}.apps-icon:hover{background:var(--bg-light);color:var(--primary)}.apps-icon.active{background:var(--primary-lighter);color:var(--primary)}.apps-icon .material-icons{font-size:1.5rem}.apps-menu{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:var(--bg-main);border-radius:12px;box-shadow:0 4px 20px #00000026,0 2px 8px #0000001a;padding:var(--spacing-md);display:none;opacity:0;transform:translateY(-8px) scale(.95);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color);overflow:hidden;z-index:1001;pointer-events:none}.apps-menu.active{display:block;opacity:1;transform:translateY(0) scale(1);pointer-events:auto;animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.apps-menu-header{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);color:var(--text-dark);font-weight:600;font-size:.875rem;opacity:0;transform:translateY(-4px);transition:opacity .2s ease .1s,transform .2s ease .1s}.apps-menu.active .apps-menu-header{opacity:1;transform:translateY(0)}.apps-menu-header .material-icons{font-size:1.25rem;color:var(--primary)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-xs);padding:var(--spacing-xs) 0}.apps-grid::-webkit-scrollbar{width:6px}.apps-grid::-webkit-scrollbar-track{background:transparent}.apps-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.apps-grid::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.app-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;font-size:.75rem;padding:var(--spacing-sm);color:var(--text-medium);text-decoration:none;border-radius:8px;border:1px solid transparent;transition:all .2s ease;background:transparent;position:relative;overflow:hidden;opacity:0;transform:translateY(4px) scale(.9)}.apps-menu.active .app-link{animation:appItemFadeIn .2s ease forwards}.apps-menu.active .app-link:nth-child(1){animation-delay:.02s}.apps-menu.active .app-link:nth-child(2){animation-delay:.04s}.apps-menu.active .app-link:nth-child(3){animation-delay:.06s}.apps-menu.active .app-link:nth-child(4){animation-delay:.08s}.apps-menu.active .app-link:nth-child(5){animation-delay:.1s}.apps-menu.active .app-link:nth-child(6){animation-delay:.12s}.apps-menu.active .app-link:nth-child(7){animation-delay:.14s}.apps-menu.active .app-link:nth-child(8){animation-delay:.16s}.apps-menu.active .app-link:nth-child(9){animation-delay:.18s}.apps-menu.active .app-link:nth-child(10){animation-delay:.2s}.apps-menu.active .app-link:nth-child(11){animation-delay:.22s}.apps-menu.active .app-link:nth-child(12){animation-delay:.24s}.apps-menu.active .app-link:nth-child(13){animation-delay:.26s}.apps-menu.active .app-link:nth-child(14){animation-delay:.28s}.apps-menu.active .app-link:nth-child(n+15){animation-delay:.3s}@keyframes appItemFadeIn{to{opacity:1;transform:translateY(0) scale(1)}}.app-link:before{content:"";position:absolute;inset:0;background:var(--primary-lighter);opacity:0;transition:opacity .2s ease}.app-link:hover{background:var(--bg-light);border-color:var(--primary);color:var(--primary);transform:translateY(-2px) scale(1.05);box-shadow:0 2px 8px #9d9dbd26}.app-link i{font-size:1.5rem;color:var(--text-medium);transition:color .2s ease;position:relative;z-index:1}.app-link:hover i{color:var(--primary)}.app-link span{position:relative;z-index:1;font-weight:500;text-align:center;line-height:1.2}.sidebar{position:fixed;left:0;top:64px;bottom:0;width:220px;background:var(--bg-main);border-right:1px solid var(--border-color);overflow-y:auto;overflow-x:visible;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);z-index:1000}.sidebar.collapsed{width:64px}.sidebar-content{padding:var(--spacing-sm);display:flex;flex-direction:column;height:100%;transition:opacity .2s ease .1s;overflow-x:visible}.sidebar-footer{display:flex;justify-content:flex-end;padding:var(--spacing-sm) 0!important;margin-top:auto;border-top:1px solid var(--border-color);padding-top:var(--spacing-sm)}.sidebar.collapsed .sidebar-footer{justify-content:center;border-top:none;padding-top:var(--spacing-sm)}.sidebar-toggle-btn{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);background:transparent;border:none;border-radius:8px;color:var(--text-medium);cursor:pointer;transition:all .2s ease,gap .3s cubic-bezier(.4,0,.2,1),justify-content .3s cubic-bezier(.4,0,.2,1);padding:var(--spacing-sm);font-size:.875rem;font-weight:500;white-space:nowrap}.sidebar.collapsed .sidebar-toggle-btn{justify-content:center;padding:var(--spacing-sm);gap:0}.sidebar-toggle-btn:hover{background:#9d9dbd26;color:var(--primary-dark)}.sidebar-toggle-btn .material-icons{font-size:1.25rem;flex-shrink:0}.toggle-text{transition:opacity .2s ease .1s,width .2s ease .1s,margin .2s ease .1s}.sidebar.collapsed .toggle-text{opacity:0;width:0;margin:0;overflow:hidden;transition:opacity .15s ease,width .15s ease,margin .15s ease}.sidebar-menu{list-style:none;padding:0;margin:0}.menu-item{margin-bottom:2px}.menu-item a{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);color:var(--text-medium);text-decoration:none;border-radius:8px;transition:all .2s ease,gap .3s cubic-bezier(.4,0,.2,1),justify-content .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative}.sidebar.collapsed .menu-item a{transition:background .2s ease,color .2s ease,gap .3s cubic-bezier(.4,0,.2,1),justify-content .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .menu-item a{justify-content:center;padding:var(--spacing-sm);gap:0}.menu-item a:hover{background:var(--primary-lighter);color:var(--primary-dark)}.menu-item.active a{background:var(--primary-dark);color:var(--bg-main);font-weight:600}.menu-item .material-icons{font-size:1.25rem;flex-shrink:0}.menu-label{transition:opacity .2s ease .1s,width .2s ease .1s,margin .2s ease .1s}.sidebar.collapsed .menu-label{opacity:0;width:0;margin:0;overflow:hidden;transition:opacity .15s ease,width .15s ease,margin .15s ease}.sidebar.collapsed .menu-item,.sidebar.collapsed .menu-item a{position:relative}.sidebar.collapsed .menu-item:after{content:attr(data-tooltip);position:fixed;left:76px;top:var(--tooltip-top, 50%);transform:translateY(-50%);background:var(--text-dark);color:#fff;padding:8px 12px;border-radius:8px;font-size:.8125rem;font-weight:500;white-space:nowrap;z-index:10000;pointer-events:none;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;display:none}.sidebar.collapsed .menu-item:hover:after{display:block}.sidebar.collapsed .menu-item:before{content:"";position:fixed;left:68px;top:var(--tooltip-top, 50%);transform:translateY(-50%);border:6px solid transparent;border-right-color:var(--text-dark);z-index:10001;pointer-events:none;display:none}.sidebar.collapsed .menu-item:hover:before{display:block}.main-content{margin-left:220px;margin-top:64px;min-height:calc(100vh - 64px);background:var(--bg-light);transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-collapsed{margin-left:64px}.sidebar-backdrop{display:none}@media(max-width:768px){.sidebar-backdrop{display:block;position:fixed;inset:56px 0 0;background:#00000080;z-index:999;animation:backdropFadeIn .3s ease}.sidebar{position:fixed;top:56px;left:0;height:calc(100vh - 56px);transform:translate(-100%);width:220px!important;z-index:1001;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;box-shadow:none}.sidebar.active{transform:translate(0);box-shadow:4px 0 20px #00000026;animation:sidebarSlideIn .3s cubic-bezier(.4,0,.2,1)}.sidebar:not(.active){animation:sidebarSlideOut .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed{width:220px!important}.main-content,.main-content.sidebar-collapsed{margin-left:0!important}.sidebar-footer{display:none!important}.menu-label{opacity:1!important;width:auto!important;overflow:visible!important;margin:0!important;display:block!important}.sidebar.collapsed .menu-label{opacity:1!important;width:auto!important;overflow:visible!important;display:block!important}.menu-item a,.sidebar.collapsed .menu-item a{justify-content:flex-start!important;gap:var(--spacing-md)!important;padding:var(--spacing-sm)!important}.sidebar-content{height:100%;overflow-y:auto}.nav-bar{padding:0 var(--spacing-md);height:56px;z-index:1002}.user-name{display:none}.nav-right{gap:var(--spacing-sm)}.nav-actions{gap:var(--spacing-xs)}.apps-menu{width:calc(100vw - 2rem);max-width:320px;right:-1rem;z-index:1003}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.user-menu-wrapper{margin-left:var(--spacing-xs);position:relative;z-index:1003}.user-avatar-btn{padding:2px 4px 2px 2px}.nav-avatar{width:32px;height:32px}.chevron-icon{font-size:1.125rem!important}.user-dropdown-menu{width:calc(100vw - 2rem);max-width:280px;right:-.5rem;z-index:1003}.user-dropdown-header{padding:var(--spacing-sm)}.dropdown-avatar{width:40px;height:40px}.dropdown-user-name{font-size:.875rem}.dropdown-user-email{font-size:.75rem}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sidebarSlideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes sidebarSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.menu-toggle{display:none;width:40px;height:40px;background:transparent;border:none;color:var(--text-medium);cursor:pointer;border-radius:8px;align-items:center;justify-content:center;transition:all .2s ease}.menu-toggle:hover{background:var(--bg-light);color:var(--primary)}.menu-toggle .material-icons{font-size:1.5rem}@media(max-width:768px){.menu-toggle{display:flex}}.loading-overlay{position:fixed;inset:0;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:2000}.loader{width:40px;height:40px;border:3px solid var(--primary-lighter);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-portal{min-height:100vh;display:flex;flex-direction:column}.hidden{display:none!important}.section-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-light);padding:var(--spacing-lg)}.login-container{background:var(--bg-main);padding:var(--spacing-xl);border-radius:16px;box-shadow:0 4px 6px var(--shadow-color);width:100%;max-width:400px;text-align:center}.login-header{margin-bottom:var(--spacing-xl)}.login-header h1{color:var(--text-dark);font-size:2rem;font-weight:600;margin-bottom:var(--spacing-xs)}.login-header p{color:var(--text-medium);font-size:.95rem;margin:0}.login-container small{display:block;text-align:center;color:#7f8c8d;margin-top:var(--spacing-md)}.login-container small a{color:var(--anchor-color);text-decoration:none}.login-container small a:hover{text-decoration:underline}.btn-login{width:100%;padding:var(--spacing-md);background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);font-size:1rem;color:var(--text-dark);cursor:pointer;transition:all .2s ease}.btn-login:hover{background:var(--bg-light);border-color:var(--primary)}.btn-login img{width:24px;height:24px}.login-divider{position:relative;text-align:center;margin:var(--spacing-lg) 0}.login-divider:before,.login-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 30px);height:1px;background:var(--border-color)}.login-divider:before{left:0}.login-divider:after{right:0}.login-divider span{background:var(--bg-main);padding:0 var(--spacing-sm);color:var(--text-medium);font-size:.9rem}.btn-apply{width:100%;padding:var(--spacing-md);background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-apply:hover:not(:disabled){background:var(--primary-dark)}.btn-apply:disabled{opacity:.6;cursor:not-allowed;background:var(--primary-light)}.btn-apply i{font-size:1rem}@media(max-width:480px){.login-container{padding:var(--spacing-lg)}.login-header h1{font-size:1.75rem}.btn-login,.btn-apply{padding:var(--spacing-sm);font-size:.95rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-container{animation:fadeIn .3s ease-out}.overview-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-main);border-radius:12px;border:1px solid var(--border-color);padding:var(--spacing-lg);transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-hover)}.stat-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.stat-icon{background:var(--primary-lighter);color:var(--primary);padding:7px;border-radius:8px;font-size:1.5rem}.stat-title{color:var(--text-medium);font-size:.95rem;font-weight:500}.stat-value{color:var(--text-dark);font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-xs)}.stat-info{color:var(--text-medium);font-size:.875rem;margin-top:var(--spacing-xs)}.stat-change{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:500}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.stat-change .material-icons{font-size:1rem}.section{background:var(--bg-main);border-radius:12px;border:1px solid var(--border-color);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-header h3{color:var(--text-dark);font-size:1.125rem;font-weight:600}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color)}.activity-item:last-child{border-bottom:none}.activity-icon{background:var(--primary-lighter);color:var(--primary);padding:var(--spacing-sm);border-radius:8px}.activity-title{color:var(--text-dark);font-weight:500;margin-bottom:var(--spacing-xs)}.activity-time{color:var(--text-medium);font-size:.875rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.action-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;padding:var(--spacing-lg);text-align:center;cursor:pointer;transition:all .2s ease}.action-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-hover);border-color:var(--primary)}.action-card .material-icons{font-size:2rem;color:var(--primary);margin-bottom:var(--spacing-sm)}.action-card span{color:var(--text-dark);font-weight:500}@media(max-width:1200px){.overview-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.overview-container{grid-template-columns:repeat(2,1fr)}.stat-card,.section{padding:var(--spacing-md)}.actions-grid{grid-template-columns:repeat(2,1fr)}.action-card{padding:var(--spacing-md)}}@media(max-width:480px){.actions-grid{grid-template-columns:1fr}.stat-value{font-size:1.5rem}.activity-item{flex-direction:column}.activity-icon{margin-bottom:var(--spacing-xs)}}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:var(--bg-main);border-radius:12px;width:90%;max-width:600px;max-height:90vh;z-index:1050;opacity:0;transition:all .3s ease}.modal.modal-guides{max-width:90%}.modal.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.modal-backdrop{position:fixed;inset:0;background:#00000080;opacity:0;z-index:1040;transition:opacity .3s ease}.modal-backdrop.show{opacity:1}.modal-content{display:flex;flex-direction:column;max-height:90vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:1.25rem;color:var(--text-dark)}.modal-body{padding:var(--spacing-lg);overflow-y:auto}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.btn-close{background:none;border:none;font-size:1.5rem;color:var(--text-medium);cursor:pointer;padding:0}.btn-close:hover{color:var(--text-dark)}.member-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.search-bar{width:100%;display:flex;align-items:center;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm);transition:all .2s ease;box-shadow:0 1px 2px #00000008}.modal-body input:not(.search-bar input){width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:8px;font-size:1rem}.member-list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:8px;margin-bottom:var(--spacing-md)}.member-avatar-small{width:40px;height:40px;border-radius:50%;object-fit:cover}.member-actions{display:flex;gap:var(--spacing-sm)}.member-actions select{padding:10px 40px 10px 10px}.btn-sm{padding:4px 8px;font-size:.875rem}.btn-danger{background:var(--error);color:#fff;border-color:var(--error);box-shadow:0 2px 4px #f4433633}.btn-danger:hover:not(:disabled){background:#d32f2f;border-color:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-1px)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.member-role-select{width:100%;border:1px solid var(--border-color);padding:4px 12px;border-radius:8px;font-size:1rem;outline:none}.form-grid{display:grid;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{color:var(--text-dark);font-weight:500;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:6px;font-size:1rem;color:var(--text-dark)}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-lighter)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.form-error{color:var(--error);font-size:.875rem;margin-top:var(--spacing-xs)}.modal-scroll{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-scroll h4{font-size:1.25rem;text-align:center;border:1px solid var(--border-color)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.page-header h2{font-size:1.5rem;color:var(--text-dark);margin-bottom:var(--spacing-xs)}.text-medium{color:var(--text-medium)}@media(max-width:768px){.actions-grid{grid-template-columns:repeat(2,1fr)}.dashboard-meetings-list{grid-template-columns:1fr;gap:var(--spacing-md)}.dashboard-meeting-card{display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:var(--spacing-md);padding:var(--spacing-md);align-items:start;flex-direction:unset!important}.dashboard-meeting-icon{grid-column:1;grid-row:1;width:48px;height:48px;border-radius:12px;flex-shrink:0;align-self:start}.dashboard-meeting-icon .material-icons{font-size:24px}.dashboard-meeting-info{grid-column:2;grid-row:1;min-width:0;padding-left:var(--spacing-sm);width:auto!important}.dashboard-meeting-info h4{font-size:1rem;line-height:1.4;margin-bottom:var(--spacing-xs);-webkit-line-clamp:2}.dashboard-meeting-time{font-size:.813rem;margin:var(--spacing-xs) 0;flex-wrap:wrap}.dashboard-meeting-time .material-icons{font-size:16px;flex-shrink:0}.dashboard-meeting-description{font-size:.813rem;margin-top:var(--spacing-xs);line-height:1.5;-webkit-line-clamp:2}.dashboard-meeting-card .btn{grid-column:1 / -1;grid-row:2;width:100%;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.dashboard-meeting-card .btn .material-icons{font-size:18px;margin-right:6px;flex-shrink:0}}.dashboard-meetings-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-md)}@media(max-width:1024px){.dashboard-meetings-list{grid-template-columns:1fr}}.dashboard-meeting-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.dashboard-meeting-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary),var(--primary-dark));opacity:0;transition:opacity .3s ease}.dashboard-meeting-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;border-color:var(--primary)}.dashboard-meeting-card:hover:before{opacity:1}.dashboard-meeting-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary-lighter),rgba(157,157,189,.15));color:var(--primary);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #9d9dbd26;transition:all .3s ease}.dashboard-meeting-card:hover .dashboard-meeting-icon{transform:scale(1.1);box-shadow:0 4px 12px #9d9dbd40;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.dashboard-meeting-icon .material-icons{font-size:28px}.dashboard-meeting-info{flex:1;min-width:0}.dashboard-meeting-info h4{margin:0 0 var(--spacing-sm);color:var(--text-dark);font-size:1.0625rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard-meeting-time,.dashboard-meeting-location{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-medium);font-size:.875rem;margin:var(--spacing-xs) 0;font-weight:500}.dashboard-meeting-time .material-icons,.dashboard-meeting-location .material-icons{font-size:18px;color:var(--primary);opacity:.8}.dashboard-meeting-description{color:var(--text-medium);font-size:.875rem;margin:var(--spacing-xs) 0 0 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard-meeting-card .btn{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);font-weight:600;font-size:.875rem;border-radius:10px;box-shadow:0 2px 6px #9d9dbd33;transition:all .2s ease}.dashboard-meeting-card .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #9d9dbd4d}.dashboard-meeting-card .btn .material-icons{font-size:18px;margin-right:4px}.applications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.application-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.application-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.application-header h4{margin:0;color:var(--text-dark)}.application-date{font-size:.875rem;color:var(--text-medium)}.application-email{color:var(--text-medium);margin-bottom:var(--spacing-md)}.application-footer{border-top:1px solid var(--border-color);padding-top:var(--spacing-md);margin-top:var(--spacing-md)}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.group-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.group-header h4{margin:0;color:var(--text-dark)}.member-count{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-medium);font-size:.875rem}.member-count .material-icons{font-size:1rem}.group-description{color:var(--text-medium);margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group-footer{border-top:1px solid var(--border-color);padding-top:var(--spacing-md);margin-top:var(--spacing-md)}.application-details{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:var(--spacing-sm) 0}.application-details p{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-medium);font-size:.875rem;margin:0}.application-details .material-icons{font-size:16px;color:var(--text-medium)}.application-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);margin-top:var(--spacing-md)}.application-actions{display:flex;gap:var(--spacing-sm)}.btn-success:hover{color:#fff;background-color:var(--success)}.applications-view .filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;background:var(--bg-light);border-radius:var(--border-radius)}.applications-view .filter-group{display:flex;align-items:center;gap:.5rem}.applications-view .filter-group select{padding:.5rem;border:1px solid var(--border-color);border-radius:5px;background:var(--bg-main);outline:none}.applications-view .search-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-main);padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:5px;flex:1;max-width:300px}.applications-view .search-box input{border:none;background:none;outline:none;width:100%}.applications-view .applications-table{width:100%;border-collapse:collapse;margin-top:1rem}.applications-view .applications-table th,.applications-view .applications-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.applications-view .applications-table th{background:var(--bg-light);font-weight:600;color:var(--text-dark)}.applications-view .applicant-info{display:flex;flex-direction:column;gap:4px}.applications-view .applicant-name{font-weight:500;color:var(--text-dark)}.applications-view .applicant-email{font-size:.875rem;color:var(--text-medium)}.applications-view .status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:.875rem;font-weight:500}.applications-view .status-badge.pending{background:var(--warning-light);color:var(--warning)}.applications-view .status-badge.approved{background:var(--success-light);color:var(--success)}.applications-view .status-badge.rejected{background:var(--danger-light);color:var(--danger)}.applications-view .table-actions{display:flex;gap:.5rem}.applications-view .btn-sm{padding:.25rem .5rem;font-size:.875rem}.applications-view .btn-sm .material-icons{font-size:16px}.useful-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;padding:1rem}.useful-link{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background-color:#f8f9fa;border-radius:8px;text-decoration:none;box-shadow:0 2px 5px #0003;color:#212529;transition:all .2s ease}.useful-link:hover{background-color:#e9ecef;transform:translateY(-2px);box-shadow:0 2px 8px #0006}.useful-link span{display:block;text-wrap:nowrap;font-size:.9rem}.useful-link i{font-size:1.25rem;color:#9d9dbd}.category{margin-bottom:20px}.category h4{font-size:.9rem;margin-bottom:10px;color:#343a40;border-bottom:2px solid #dee2e6;padding-bottom:5px}.activity-feed{display:flex;flex-direction:column;gap:var(--spacing-md)}.user-activity-item{box-shadow:0 0 5px #0000001a;border-radius:8px;padding:10px}.user-activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.user-activity-header .user-activity-type{font-size:.75rem;color:var(--primary);font-weight:500;border:1px solid var(--primary);padding:2px 8px;border-radius:12px}.user-activity-header .user-activity-date{font-size:.75rem;color:var(--text-medium);display:flex;align-items:center;gap:4px}.user-activity-header .user-activity-date .material-icons{font-size:1rem;color:var(--primary)}.user-activity-message{font-size:.9rem;color:var(--text-dark)}#editGroupForm{display:flex;flex-direction:column;gap:var(--spacing-lg)}#editGroupForm textarea{resize:vertical;min-height:100px;font-family:inherit}#editGroupForm select{background-color:var(--bg-main);padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:6px;font-size:1rem;color:var(--text-dark);width:100%}#editGroupForm select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-lighter)}.status-select option[value=active]{color:var(--success)}.status-select option[value=inactive]{color:var(--error)}#editGroupForm input:invalid,#editGroupForm textarea:invalid,#editGroupForm select:invalid{border-color:var(--error)}#editGroupForm input:invalid:focus,#editGroupForm textarea:invalid:focus,#editGroupForm select:invalid:focus{box-shadow:0 0 0 2px var(--error-lighter)}.btn-primary.loading{position:relative;color:transparent}.btn-primary.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin:-8px 0 0 -8px;border:2px solid var(--bg-main);border-radius:50%;border-right-color:transparent;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.management-body{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.management-body-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.management-body-item .material-icons{font-size:2rem}.management-body-item:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}.image-management{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin:20px}.image-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin:10px;padding:10px;text-align:center;transition:transform .2s;display:flex;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer}.image-card:hover{transform:scale(1.05)}.image-card img{max-width:100%;max-height:100px;height:auto;border-radius:4px;object-fit:cover}.image-card p{margin-top:2px;font-size:14px;color:#555}.image-modal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;max-width:90vw;max-height:90vh}.image-modal-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem;background-color:#f9f9f9;border-radius:8px}.image-modal-body{display:flex;align-items:center;justify-content:center;width:100%;height:calc(100vh - 60px);padding:1rem;background-color:#f9f9f9;border-radius:8px;overflow:hidden}.image-modal-body img{max-width:100%;max-height:100%;height:auto;object-fit:contain;display:block;margin:auto}.user-management{width:100%;border-collapse:collapse;margin-top:1rem}.user-management th{background-color:#efefef;min-width:200px;max-width:50%;width:100%;padding:.5rem;text-align:left;border:1px solid #ddd}.user-management td{width:100%;padding:.5rem;text-align:left}.user-management tr:hover{cursor:pointer;background-color:#d5d5d5}.finance-management{display:flex;flex-direction:column;gap:.5rem}.finance-item{display:flex;justify-content:space-between;align-items:center;gap:3rem;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}.finance-item div:last-child{min-width:110px}.finance-item:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.finance-item.income{border:1px solid rgba(9,255,0,1);background-color:#09ff001a}.finance-item.expense{border:1px solid rgba(255,0,0,1);background-color:#ff00001a}.finance-details{display:flex;flex-direction:column;gap:var(--spacing-md);color:#000}.finance-detail-item{display:flex;align-items:center;gap:var(--spacing-sm);position:relative}.finance-detail-item .finance-type{position:absolute;right:0;font-size:.8rem;font-weight:500;padding:4px 12px;border-radius:12px;text-align:right}.finance-detail-item .finance-type.income{background-color:#09ff001a;border:1px solid rgba(9,255,0,1)}.finance-detail-item .finance-type.expense{background-color:#ff00001a;border:1px solid rgba(255,0,0,1)}.finance-detail-item img{max-width:100%;max-height:500px;width:100%;height:auto;object-fit:contain;border-radius:.5rem;border:1px solid rgba(0,0,0,.4)}.stat-value.finance-positive{color:#17aa00}.stat-value.finance-negative{color:red}.finance-detail-item .material-icons{font-size:1.25rem}.finance-detail-item .finance-currency{font-size:1.5rem;font-weight:500;margin-left:3px}.finance-warning{color:red;text-align:center;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:1rem}.finance-type{font-weight:500;padding:4px 12px;border-radius:12px}.finance-amount{font-size:1.25rem;font-weight:500}.finance-description{line-height:1.5}.finance-date,.finance-update{font-size:.875rem}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);border-top:1px solid var(--border-color)}.projects-page.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.project-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;padding:var(--spacing-lg);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden;display:flex;flex-direction:column}.project-card[data-status=active]:before{background:linear-gradient(180deg,var(--success),#66bb6a)}.project-card[data-status=completed]:before{background:linear-gradient(180deg,var(--primary),var(--primary-dark))}.project-card[data-status=planning]:before{background:linear-gradient(180deg,var(--warning),#ffa726)}.project-card[data-status=on-hold]:before{background:linear-gradient(180deg,#ff9800,#f57c00)}.project-header .project-title{display:block;margin-bottom:var(--spacing-sm)}.header-badges{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;flex-shrink:0}.header-badges .project-type{padding:6px 12px;border-radius:12px;font-size:.75rem;font-weight:600;background:var(--bg-light);color:var(--text-medium);border:1px solid var(--border-color);text-transform:capitalize;white-space:nowrap;flex-shrink:0}.header-badges .project-type.course{background:#ff7d7d1a;color:#ff7d7d;border-color:#ff7d7d4d}.header-badges .access{display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.header-badges .access svg{width:20px;height:20px;fill:var(--primary);opacity:.8}.header-content{flex:1;min-width:0}.header-content h2{margin:0;font-size:1.75rem;font-weight:600;color:var(--text-dark);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.header-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.project-type-badge{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize;background:var(--primary-lighter);color:var(--primary);border:1px solid var(--primary)}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.status-badge{padding:6px 12px;border:1px solid;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize;flex-shrink:0;white-space:nowrap;transition:all .2s ease}.status-badge.active{background:var(--success-lighter);color:var(--success);border-color:var(--success)}.status-badge.planning{background:var(--warning-lighter);color:var(--warning);border-color:var(--warning)}.status-badge.pending,.status-badge.completed{background:var(--primary-lighter);color:var(--primary);border-color:var(--primary)}.status-badge.on-hold{background:#ff98001a;color:#ff9800;border-color:#ff9800}.details-dates{display:flex;justify-content:space-between;gap:var(--spacing-sm)}.details-dates div{font-size:1rem;color:var(--text-dark)}.project-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--border-color);flex-wrap:wrap}.project-actions>*:first-child{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.project-actions span.project-type{padding:6px 12px;border-radius:12px;font-size:.75rem;font-weight:600;background:var(--bg-light);color:var(--text-medium);border:1px solid var(--border-color);text-transform:capitalize;white-space:nowrap;flex-shrink:0}.project-actions span.project-type.course{background:#ff7d7d1a;color:#ff7d7d;border-color:#ff7d7d4d}.project-actions .access{display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.project-actions .access svg{width:20px;height:20px;fill:var(--primary);opacity:.8}.project-actions .actions-group{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;justify-content:flex-end}.project-actions .btn{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;border-radius:10px;transition:all .2s ease;white-space:nowrap;width:auto;min-width:auto}.project-actions .btn-primary{box-shadow:0 2px 6px #9d9dbd33}.project-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #9d9dbd4d}.project-actions .btn-outline:hover{background:var(--bg-light);border-color:var(--primary);transform:translateY(-1px)}.filters-container{display:flex;justify-content:space-between;align-items:center;margin:var(--spacing-lg) 0;gap:var(--spacing-md);flex-wrap:wrap;padding:var(--spacing-md);background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #0000000d}.search-bar{display:flex;align-items:center;flex:1;max-width:400px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm);transition:all .2s ease;box-shadow:0 1px 2px #00000008}.search-bar:hover{border-color:var(--primary-light);box-shadow:0 2px 4px #0000000d}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter),0 2px 4px #0000000d}.search-bar .material-icons{color:var(--text-medium);font-size:20px;flex-shrink:0;transition:color .2s ease}.search-bar:focus-within .material-icons{color:var(--primary)}.search-bar input{border:none;background:none;width:100%;outline:none;font-size:.9375rem;color:var(--text-dark);padding:0;font-family:inherit}.search-bar input::placeholder{color:var(--text-light);opacity:.7}.filter-buttons{display:flex;gap:var(--spacing-sm)}.filter-buttons select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:8px;background:var(--bg-main);color:var(--text-dark);font-size:.9375rem;font-weight:500;cursor:pointer;transition:border-color .2s ease;min-width:140px}.filter-buttons select:hover{border-color:var(--primary)}.filter-buttons select:focus,.filter-buttons button:focus{outline:none;border-color:var(--primary);color:#fff}.filter-buttons button.active{background:var(--primary);color:#fff!important;border-color:var(--primary)}.filter-buttons button.active:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.project-image{width:100%;height:160px;object-fit:cover}.project-content{padding:var(--spacing-lg)}.project-title{color:var(--text-dark);font-size:1.25rem;font-weight:600;margin:0;line-height:1.4;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-description{color:var(--text-medium);font-size:.9375rem;margin:var(--spacing-md) 0;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.project-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--text-medium);font-size:.875rem;margin:var(--spacing-md) 0;padding:var(--spacing-md);background:var(--bg-light);border-radius:10px}.project-meta .meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:500}.project-meta .meta-item .material-icons{font-size:18px;color:var(--primary);opacity:.8}.project-meta .lead-name{font-weight:600;color:var(--text-dark)}.project-tags{display:flex;gap:var(--spacing-xs)}.project-tag{background:var(--bg-light);padding:.25rem .75rem;border-radius:20px;font-size:.875rem}.details-grid{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.details-info-card .details-header{position:relative}.details-info-card .status-badge{margin-left:auto}.details-info-card,.details-contributors,.details-summaries{background:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;padding:0;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.details-info-card:hover,.details-contributors:hover,.details-summaries:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;border-color:var(--primary)}.details-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-main);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.details-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-dark);display:flex;align-items:center;gap:var(--spacing-sm)}.details-header h3 .material-icons{font-size:1.25rem;color:var(--primary);opacity:.9}.details-header .btn{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;border-radius:8px;box-shadow:0 2px 4px #00000014;transition:all .2s ease}.details-header .btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.details-header select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:8px;background:var(--bg-main);font-size:.875rem;color:var(--text-dark);cursor:pointer;transition:all .2s ease}.details-header select:hover{border-color:var(--primary)}.details-header select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter)}.details-section{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.details-section:hover{background:var(--bg-light)}.details-section:last-child{border-bottom:none}.details-label{display:block;color:var(--text-medium);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.5px}.details-section p{color:var(--text-dark);font-size:.9375rem;line-height:1.7;margin:0}.details-lead-info{font-size:1.0625rem;color:var(--text-dark);font-weight:500}.project-progress{position:relative;width:100%;height:24px;background:var(--bg-light);border-radius:12px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a;border:1px solid var(--border-color)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-dark));width:0%;border-radius:12px;transition:width .4s ease}.progress-text{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:var(--text-dark);pointer-events:none;-webkit-user-select:none;user-select:none}.contributor-list{padding:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.contributor-item{padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:16px;display:flex;justify-content:space-between;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);background:var(--bg-main);box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.contributor-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;border-color:var(--primary)}.contributor-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.contributor-info img,.contributor-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-lighter);flex-shrink:0;transition:all .3s ease}.contributor-item:hover .contributor-info img,.contributor-item:hover .contributor-avatar{border-color:var(--primary);transform:scale(1.05);box-shadow:0 4px 12px #9d9dbd40}.contributor-details{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.contributor-name{font-weight:600;color:var(--text-dark);font-size:1rem}.contributor-role{font-size:.875rem;color:var(--text-medium);font-weight:500}.join-date{font-size:.813rem;color:var(--text-medium)}.report-list{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.report-list::-webkit-scrollbar{width:6px}.report-list::-webkit-scrollbar-track{background:var(--bg-light);border-radius:3px}.report-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.report-list::-webkit-scrollbar-thumb:hover{background:var(--primary)}.report-item{padding:var(--spacing-lg);border-radius:16px;background:var(--bg-main);border:1px solid var(--border-color);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;position:relative}.report-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;border-color:var(--primary)}.outline-item{padding:var(--spacing-lg);border-radius:16px;background:var(--bg-main);border:1px solid var(--border-color);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;position:relative}.outline-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;border-color:var(--primary)}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-sm)}.report-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.week-label{background:var(--primary-lighter);color:var(--primary);padding:4px 12px;border-radius:var(--border-radius-sm);font-size:.813rem;font-weight:500;white-space:nowrap}.report-date{color:var(--text-medium);font-size:.813rem}.report-author{font-size:.813rem;color:var(--text-medium);font-weight:500}.report-item .report-content{color:var(--text-dark);line-height:1.7;margin:0;font-size:.9375rem}.report-item .report-content .project-actions,.outline-item .project-actions{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);display:flex;align-items:center;gap:var(--spacing-sm);justify-content:flex-end}.report-item .report-content .project-actions .btn,.outline-item .project-actions .btn{align-self:auto;flex-basis:auto}.report-item .report-content .project-actions .btn,.outline-item .project-actions .btn{display:inline-flex!important;align-items:center;gap:var(--spacing-xs);width:auto!important;min-width:auto!important;flex-shrink:0;flex-grow:0}.report-item .course-report-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap;color:var(--text-dark);line-height:1.6;padding:5px;margin:1px 0;border:1px solid var(--border-color);border-radius:4px}.course-report-date{font-size:.875rem;color:var(--text-medium)}.outline-item .report-content{color:var(--text-dark);line-height:1.7;margin:0;font-size:.9375rem}.report-content h1,h2,h3,h4,h5{margin-bottom:10px}.report-content ul,ol{margin:10px;padding-left:16px}.report-content code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875rem;background-color:var(--primary-lighter);padding:.1rem .3rem;border-radius:.4rem;box-shadow:0 0 2px #00000080}.report-content pre{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875rem;background-color:var(--primary-lighter);padding:.5rem 1rem;border-radius:.4rem;box-shadow:0 0 2px #00000080;overflow-x:auto;margin:.5em 0}.report-content pre code{background-color:none;padding:0;border-radius:0;box-shadow:none}.report-content blockquote{border-left:4px solid var(--primary);margin:1em 0;padding:.5em 1em;background:var(--surface-color);color:var(--text-medium)}.report-content table{border-collapse:collapse;width:100%;margin:1em 0}.report-content th,.report-content td{border:1px solid var(--border-color);padding:.5em;text-align:left}.report-content th{background:var(--surface-color)}.report-content img{max-width:100%;height:auto;border-radius:var(--border-radius);margin:1em 0}.report-content a{color:#1b76ff;text-decoration:none}.report-content a:hover{text-decoration:underline}.katex-html{display:none}.katex{font-size:1.1em}.report-actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.contributor-avatar{width:32px;height:32px;border-radius:50%}.empty-state{padding:var(--spacing-xl);text-align:center;color:var(--text-medium);font-size:.875rem}@media(max-width:768px){.projects-page.projects-grid{grid-template-columns:1fr;gap:var(--spacing-md);margin-top:var(--spacing-md)}.project-card{padding:var(--spacing-md);border-radius:12px}.project-card:hover{transform:translateY(-2px)}.project-header,.project-header .project-title{display:block;margin-bottom:var(--spacing-sm)}.header-badges{width:100%;justify-content:flex-start}.project-title{font-size:1.0625rem;font-weight:600;-webkit-line-clamp:2;line-height:1.4;margin:0}.status-badge{align-self:flex-start;font-size:.75rem;padding:5px 10px}.project-description{font-size:.875rem;margin:var(--spacing-sm) 0;-webkit-line-clamp:3;line-height:1.6}.project-meta{padding:var(--spacing-sm);margin:var(--spacing-sm) 0;font-size:.813rem;gap:var(--spacing-xs)}.project-meta .meta-item{font-size:.813rem}.project-actions{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.project-actions>*:first-child{justify-content:flex-start;width:100%}.project-actions span.project-type{font-size:.75rem;padding:5px 10px}.project-actions .access{margin-left:auto}.project-actions .actions-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm);width:100%;justify-content:flex-end}.project-actions .actions-group .btn{width:auto;flex:0 0 auto;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.filters-container{flex-direction:column;align-items:stretch;padding:var(--spacing-sm);gap:var(--spacing-sm)}.search-bar{max-width:100%;width:100%}.filter-buttons{flex-direction:row;width:100%;gap:var(--spacing-sm);flex-wrap:wrap}.filter-buttons select,.filter-buttons button{flex:1;min-width:unset;font-size:.65rem;padding:var(--spacing-xs) var(--spacing-sm)}.details-grid{gap:var(--spacing-md);margin-top:var(--spacing-md)}.details-info-card,.details-contributors,.details-summaries{border-radius:12px;padding:0}.details-info-card:hover,.details-contributors:hover,.details-summaries:hover{transform:translateY(-2px)}.details-header{padding:var(--spacing-md);flex-direction:row;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.details-header h3{font-size:1rem;flex:1;min-width:0}.details-header .btn{width:auto;flex-shrink:0;padding:var(--spacing-xs) var(--spacing-sm);font-size:.813rem}.details-header select{width:auto;min-width:120px;font-size:.813rem;padding:var(--spacing-xs) var(--spacing-sm)}.details-section{padding:var(--spacing-md)}.details-label{font-size:.75rem;margin-bottom:var(--spacing-sm)}.details-section p{font-size:.875rem;line-height:1.6}.details-lead-info{font-size:.9375rem}.project-progress{height:20px}.progress-text{font-size:.75rem}.contributor-list{grid-template-columns:1fr;padding:var(--spacing-md);gap:var(--spacing-md)}.contributor-item{flex-direction:row;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:12px}.contributor-item:hover{transform:translateY(-2px)}.contributor-info{flex:1;min-width:0}.contributor-info img,.contributor-avatar{width:48px;height:48px;border-width:2px}.contributor-name{font-size:.9375rem}.contributor-role{font-size:.813rem}.join-date{font-size:.75rem}.contributor-actions{width:auto;flex-shrink:0;gap:var(--spacing-xs)}.contributor-actions .btn-icon{width:32px;height:32px}.report-list{padding:var(--spacing-md);gap:var(--spacing-md)}.report-item,.outline-item{padding:var(--spacing-md);border-radius:12px}.report-item:hover,.outline-item:hover{transform:translateY(-2px)}.report-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.report-meta{width:100%;flex-wrap:wrap;gap:var(--spacing-xs)}.week-label{font-size:.75rem;padding:3px 10px}.report-date,.report-author{font-size:.75rem}.report-item .report-content,.outline-item .report-content{font-size:.875rem;line-height:1.6}.report-item .report-content .project-actions,.outline-item .project-actions{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.report-item .report-content .project-actions .btn,.outline-item .project-actions .btn{font-size:.813rem;padding:var(--spacing-xs) var(--spacing-sm)}.course-report-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm)}.course-report-date{font-size:.813rem}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.header-content h2{font-size:1.25rem;line-height:1.4}.header-actions{width:100%;display:flex;gap:var(--spacing-sm)}.header-actions .btn{flex:1;justify-content:center}#reportUserFilter{display:none}}.form-group{margin-bottom:var(--spacing-md)}.form-group-row{display:flex;justify-content:space-between;gap:2rem}#outlineFile{padding:9px}.form-group-row .form-group{flex:1}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-dark);font-weight:500}.contributor-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.contributor-actions .btn-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px}.btn-icon{padding:4px;min-width:unset;border-radius:50%}.btn-icon .material-icons{font-size:20px}textarea.form-control{resize:vertical;min-height:100px}.form-control[type=number]{width:100px}.report-item,.outline-item{word-break:break-word}.btn-sm{padding:4px var(--spacing-sm);font-size:.875rem;font-weight:500;border-radius:8px;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--spacing-xs);width:auto!important;min-width:auto!important;flex-shrink:0}.btn-sm .material-icons{font-size:18px}.btn-sm:hover{transform:translateY(-1px)}.btn-danger.btn-sm{background:#f44336;color:#fff;border:1px solid #f44336;box-shadow:0 2px 4px #f4433633}.btn-danger.btn-sm:hover{background:#d32f2f;border-color:#d32f2f;box-shadow:0 4px 8px #f443364d}.outline-item .project-actions .btn-danger.btn-sm,.report-item .report-content .project-actions .btn-danger.btn-sm{background:transparent;color:#e57373;border:1px solid #e57373;box-shadow:none}.outline-item .project-actions .btn-danger.btn-sm:hover,.report-item .report-content .project-actions .btn-danger.btn-sm:hover{background:#f443361a;color:#d32f2f;border-color:#d32f2f;box-shadow:0 2px 4px #f4433626}.outline-item .project-actions .btn-sm,.report-item .report-content .project-actions .btn-sm{padding:4px var(--spacing-sm)}.btn-outline.btn-sm{border:1px solid var(--border-color);background:transparent;color:var(--text-dark)}.btn-outline.btn-sm:hover{background:var(--bg-light);border-color:var(--primary);color:var(--primary)}#reportUserFilter{height:36px;min-width:180px;max-width:320px;width:auto;padding:0 var(--spacing-md);border:1px solid var(--border-color);border-radius:8px;background:var(--bg-main);color:var(--text-dark);font-size:.875rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%236B7280' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}#reportUserFilter:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-lighter)}#reportUserFilter:hover{border-color:var(--primary)}.group-container{padding:var(--spacing-lg)}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.members-grid .member-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;padding:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.members-grid .member-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary),var(--primary-dark));opacity:0;transition:opacity .3s ease}.members-grid .member-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;border-color:var(--primary)}.members-grid .member-card:hover:before{opacity:1}.members-grid .member-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0;border:3px solid var(--primary-lighter);transition:all .3s ease;flex-shrink:0}.members-grid .member-avatar-initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-weight:600;font-size:1.5rem;object-fit:none}.members-grid .member-card:hover .member-avatar{border-color:var(--primary);transform:scale(1.05);box-shadow:0 4px 12px #9d9dbd40}.members-grid .member-info{flex:1;display:flex;flex-direction:column;align-items:flex-start}.members-grid .member-info-edit{display:flex;gap:var(--spacing-sm)}.members-grid .member-info h4,.members-grid .member-info-edit h4{color:var(--text-dark);font-size:1.0625rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;line-height:1.4}.members-grid .member-role{font-size:.875rem;font-weight:600;color:var(--primary);margin:0 0 var(--spacing-xs) 0;padding:4px 10px;background:var(--primary-lighter);border-radius:12px;display:inline-block;width:fit-content}.members-grid .member-email{color:var(--text-medium);font-size:.875rem;margin:0;word-break:break-word}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.project-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary),var(--primary-dark));opacity:0;transition:opacity .3s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;border-color:var(--primary)}.project-card:hover:before{opacity:1}.project-header{display:block;margin-bottom:var(--spacing-md)}.project-header h4{color:var(--text-dark);font-size:1.125rem;font-weight:600}.project-status{padding:6px 12px;border:1px solid;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize;flex-shrink:0;white-space:nowrap}.project-status.active{background:var(--success-lighter);color:var(--success);border-color:var(--success)}.project-status.planning{background:var(--warning-lighter);color:var(--warning);border-color:var(--warning)}.project-status.pending,.project-status.completed{background:var(--primary-lighter);color:var(--primary);border-color:var(--primary)}.project-description{color:var(--text-medium);font-size:.875rem;margin-bottom:var(--spacing-md);line-height:1.5}.project-meta{display:flex;justify-content:space-between;color:var(--text-medium);font-size:.875rem}.project-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.project-report-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.project-actions .access svg{display:flex;align-items:center;justify-content:center;fill:var(--primary)}.meetings-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.meeting-item{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-lg);transition:transform .2s ease}.meeting-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-hover)}.meeting-time{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);color:var(--text-medium);font-size:.875rem}.meeting-time .material-icons{color:var(--primary);font-size:1.5rem}.meeting-info{flex:1}.meeting-info h4{color:var(--text-dark);font-size:1rem;margin-bottom:var(--spacing-xs)}.meeting-info p{color:var(--text-medium);font-size:.875rem}.meeting-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.meeting-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;padding:var(--spacing-lg);margin-bottom:var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.meeting-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary)}.meeting-card .meeting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-md);flex-wrap:wrap}.meeting-card .meeting-datetime{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-medium);font-weight:500;font-size:.875rem;flex-wrap:wrap}.meeting-card .meeting-datetime .material-icons{font-size:20px;color:var(--primary);opacity:.9;flex-shrink:0}.meeting-card .meeting-date{font-weight:600;color:var(--text-dark);font-size:.9375rem}.meeting-card .meeting-time{color:var(--text-medium);font-size:.875rem;padding-left:var(--spacing-xs);border-left:1px solid var(--border-color);margin-left:var(--spacing-xs)}.meeting-card .meeting-title{margin:0 0 var(--spacing-md);color:var(--text-dark);font-size:1.25rem;font-weight:600;line-height:1.4}.meeting-card .meeting-description{color:var(--text-medium);font-size:.9375rem;line-height:1.6;margin:0}.publications-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.publication-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;padding:var(--spacing-lg);margin-bottom:var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.publication-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary),var(--primary-dark));opacity:0;transition:opacity .3s ease}.publication-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a,0 2px 6px #0000000f;border-color:var(--primary)}.publication-card:hover:before{opacity:1}.publication-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.publication-tags{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.publication-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-medium);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.btn-icon:hover{background:var(--primary-lighter);color:var(--primary);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-icon:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.btn-icon .material-icons{font-size:18px;line-height:1}.btn-icon-danger{border-color:var(--border-color);color:var(--text-medium)}.btn-icon-danger:hover{background:var(--error-lighter);color:var(--error);border-color:var(--error);box-shadow:0 2px 4px #f4433633}.publication-tag{background:var(--primary-lighter);color:var(--primary);padding:6px 12px;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid var(--primary);flex-shrink:0;white-space:nowrap;transition:all .2s ease}.publication-tag:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.publication-card p{color:var(--text-dark);font-size:.9375rem;margin:0;line-height:1.7}.publication-card p b{font-weight:600;color:var(--text-dark)}.publication-card p a{color:var(--primary);text-decoration:none;font-weight:500;font-size:.9375rem;display:inline;transition:all .2s ease;margin-left:0}.publication-card p a:hover{color:var(--primary-dark);text-decoration:underline}.publication-card p a:visited{color:var(--primary)}.publication-item{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.publication-item h4{color:var(--text-dark);font-size:1.125rem;margin-bottom:var(--spacing-sm)}.publication-item p{color:var(--text-medium);font-size:.875rem;margin-bottom:var(--spacing-sm)}.publication-item a{color:var(--primary);text-decoration:none;font-size:.875rem}.publication-item a:hover{text-decoration:underline}@media(max-width:768px){.group-container{padding:var(--spacing-md)}.overview-container{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-card{padding:var(--spacing-md)}.members-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.members-grid .member-card{padding:var(--spacing-md);gap:var(--spacing-md)}.members-grid .member-card:hover{transform:translateY(-2px)}.members-grid .member-avatar{width:56px;height:56px;border-width:2px}.members-grid .member-avatar-initials{font-size:1.125rem}.members-grid .member-info h4{font-size:1rem}.members-grid .member-role{font-size:.813rem;padding:3px 8px}.members-grid .member-email{font-size:.813rem}.section-header{flex-direction:row;align-items:center;gap:var(--spacing-sm)}.section-header h3{font-size:1.125rem;flex:1;min-width:0}.section-header .btn{width:auto;white-space:nowrap;flex-shrink:0}.meetings-list{gap:var(--spacing-md)}.meeting-card,.dashboard-meeting-card{padding:var(--spacing-md)}.meeting-card:hover,.dashboard-meeting-card:hover{transform:translateY(-2px)}.meeting-card .meeting-header,.dashboard-meeting-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.meeting-card .meeting-datetime{width:100%;flex-wrap:wrap}.meeting-card .meeting-title,.dashboard-meeting-info h4{font-size:1.0625rem;margin-bottom:var(--spacing-sm)}.meeting-card .meeting-description,.dashboard-meeting-description{font-size:.875rem}.meeting-card .btn,.dashboard-meeting-card .btn{width:100%;justify-content:center}.dashboard-meeting-icon{width:48px;height:48px}.dashboard-meeting-icon .material-icons{font-size:24px}.meeting-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md)}.meeting-item .meeting-time{flex-direction:row;width:100%;justify-content:flex-start}.meeting-actions{width:100%;flex-wrap:wrap;justify-content:flex-end}.meeting-actions .meeting-meta{flex:0 0 100%!important;margin-bottom:var(--spacing-sm)}.projects-grid{grid-template-columns:1fr;gap:var(--spacing-md);margin-top:var(--spacing-md)}.project-card{padding:var(--spacing-md)}.project-card:hover{transform:translateY(-2px)}.project-header,.project-header .project-title{display:block;margin-bottom:var(--spacing-sm)}.project-header h4{font-size:1.0625rem}.project-status{align-self:flex-start;font-size:.75rem;padding:5px 10px}.project-description{font-size:.813rem;margin:var(--spacing-sm) 0}.project-meta{flex-direction:column;gap:var(--spacing-xs);font-size:.813rem}.project-actions{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.project-actions .btn{width:auto;justify-content:center}.publications-list{gap:var(--spacing-md)}.publication-card{padding:var(--spacing-md)}.publication-card:hover{transform:translateY(-2px)}.publication-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.publication-tags{width:100%}.publication-actions{align-self:flex-end}.publication-tag{font-size:.75rem;padding:5px 10px}.publication-card p{font-size:.875rem;line-height:1.6}}.error-message{color:var(--error);text-align:center;padding:var(--spacing-lg);background:var(--error-lighter);border-radius:8px;margin:var(--spacing-md) 0}.skeleton{background:linear-gradient(90deg,var(--bg-light) 25%,var(--bg-main) 50%,var(--bg-light) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.meeting-link-container{display:flex;gap:var(--spacing-sm);align-items:center;background:var(--bg-main);border-radius:12px}.meeting-input{flex:1;border:none;background:none;outline:none;color:var(--text-dark);font-size:.875rem}.meeting-input::placeholder{color:var(--text-medium)}.meeting-generate-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap;border:1px solid var(--border-color);background:var(--bg-light);color:var(--text-dark);transition:all .2s ease}.meeting-generate-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.meeting-generate-btn .material-icons{font-size:18px}.meeting-generate-btn.success{background:var(--success);color:#fff;border-color:var(--success)}.group-details .detail-item{display:block}.group-details .detail-item span{display:block;font-weight:700;margin-bottom:10px}.issues-grid{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.issue-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;padding:12px 20px}.issue-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;transition:all .2s ease}.issue-header h4{font-size:1.05rem}.issue-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:.875rem}.issue-type{background:var(--primary-lighter);color:var(--primary);padding:0 5px;border:1px solid rgba(0,0,0,.1);border-radius:4px}.issue-type.issue{background:#ff00001a;color:red;opacity:.5}.issue-type.event{background:#00ff001a;color:green;opacity:.5}.issue-type.hide{display:none}.issue-card .issue-footer{display:flex;justify-content:flex-end;margin-top:var(--spacing-md)}.page-header .issue-header{width:100%}.issue-details{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.page-header .issue-header .issue-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md);border-top:1px solid rgba(0,0,0,.1);padding-top:var(--spacing-md)}#issue-date-time{display:none}.issue-comments-grid{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.issue-comment-card{border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:var(--spacing-md)}.issue-comment-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;transition:all .2s ease}.issue-comment-card .issue-comment-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);font-size:.875rem}.issue-comment-card .issue-comment-user{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:#00000080}.issue-comment-card .issue-comment-user .material-icons{font-size:16px}.issue-comment-card .issue-comment-description{margin:var(--spacing-md) 0;font-size:1rem;line-height:1.1}.issue-comment-card .issue-comment-description li ul{margin-top:10px}.issue-comment-card .issue-comment-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.project-detail-page{min-height:100vh}.project-header-section{border-bottom:1px solid var(--border-color);padding:var(--spacing-xl) var(--spacing-lg)}.project-header-content{max-width:1400px;margin:0 auto}.project-title-section{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.project-title-section h1{font-size:2rem;font-weight:600;color:var(--text-dark);margin:0;line-height:1.3;flex:1;min-width:0}.project-title-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.project-meta-badges{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center}.project-meta-badge{padding:6px 14px;border-radius:20px;font-size:.813rem;font-weight:600;text-transform:capitalize;border:1px solid}.project-meta-badge.status{background:var(--bg-light);color:var(--text-medium);border-color:var(--border-color)}.project-meta-badge.status-active{background:var(--success-lighter);color:var(--success);border-color:var(--success)}.project-meta-badge.status-planning{background:var(--warning-lighter);color:var(--warning);border-color:var(--warning)}.project-meta-badge.status-completed{background:var(--primary-lighter);color:var(--primary);border-color:var(--primary)}.project-meta-badge.status-on-hold{background:#ff98001a;color:#ff9800;border-color:#ff9800}.project-meta-badge.type{background:#ff7d7d1a;color:#ff7d7d;border-color:#ff7d7d4d}.project-progress-section{margin-top:var(--spacing-md)}.project-progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);font-size:.875rem;color:var(--text-medium)}.project-progress-bar-container{width:100%;height:8px;background:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.project-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:4px;transition:width .5s ease}.project-tabs{max-width:1400px;width:100%;margin:0 auto;border-bottom:2px solid var(--border-color);display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.project-tabs::-webkit-scrollbar{display:none}.project-tab{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:3px solid transparent;color:var(--text-medium);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-xs);position:relative}.project-tab:hover{color:var(--primary);background:var(--bg-light)}.project-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--bg-light)}.project-tab .material-icons{font-size:1.125rem}.project-tab .tab-count{display:inline;position:static;margin-left:4px;font-size:.75rem;opacity:.7;color:inherit;background:none;padding:0;border-radius:0;box-shadow:none;font-weight:400;line-height:inherit;text-align:left;min-width:auto;text-indent:0}.project-tab-content{max-width:1400px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.tab-panel{display:none}.tab-panel.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-section{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;margin-bottom:var(--spacing-lg);overflow:hidden}.project-detail-page .section-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);background:var(--bg-light)}.project-detail-page .section-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-dark);display:flex;align-items:center;gap:var(--spacing-sm)}.project-detail-page .section-header h2 .material-icons{font-size:1.25rem;color:var(--primary)}.project-detail-page .section-body{padding:var(--spacing-lg)!important}.project-detail-page .items-list{padding:0!important;border:none!important;margin:0!important;background:none!important;box-shadow:none!important}.project-detail-page .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.project-detail-page .info-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-light);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);transition:all .2s ease}.project-detail-page .info-item:hover{background:var(--bg-main);border-color:var(--primary);box-shadow:0 2px 8px #0000000d}.project-detail-page .info-label{font-size:.75rem;color:var(--text-medium);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.project-detail-page .info-value{font-size:1rem;color:var(--text-dark);font-weight:500;line-height:1.5;word-wrap:break-word}.project-detail-page .info-value.lead{color:var(--primary);font-weight:600;font-size:1.0625rem}.project-detail-page .section-body>div:not(.info-grid){margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-light);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);transition:all .2s ease}.project-detail-page .section-body>div:not(.info-grid):hover{background:var(--bg-main);border-color:var(--primary);box-shadow:0 2px 8px #0000000d}.project-detail-page .section-body>div:not(.info-grid) .info-label{margin-bottom:var(--spacing-sm);font-size:.75rem;color:var(--text-medium);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-detail-page .section-body>div:not(.info-grid) .info-value{line-height:1.7;color:var(--text-dark);font-size:.938rem;word-wrap:break-word}.project-detail-page .contributors-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-md);padding:0!important;border:none!important;margin:0!important;background:none!important;box-shadow:none!important}.project-detail-page .contributor-item{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-light);border:1px solid var(--border-color);border-radius:10px;transition:all .2s ease}.project-detail-page .contributor-item:hover{border-color:var(--primary);background:var(--bg-main);transform:translateY(-2px);box-shadow:0 2px 8px #00000014}.project-detail-page .contributor-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.project-detail-page .contributor-details{min-width:0;gap:0;flex:1 1 auto}.contributor-name{font-weight:600;color:var(--text-dark);font-size:.9375rem;margin-bottom:2px}.contributor-role{font-size:.813rem;color:var(--text-medium);margin-bottom:2px}.contributor-date{font-size:.75rem;color:var(--text-light)}.contributor-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.items-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.item-card{padding:var(--spacing-lg);background:var(--bg-light);border:1px solid var(--border-color);border-radius:10px;transition:all .2s ease}.item-card:hover{border-color:var(--primary);background:var(--bg-main);box-shadow:0 2px 8px #00000014}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-sm)}.item-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.item-number{background:var(--primary-lighter);color:var(--primary);padding:4px 10px;border-radius:6px;font-size:.813rem;font-weight:600}.item-date,.item-author{font-size:.813rem;color:var(--text-medium)}.item-content{color:var(--text-dark);line-height:1.7;font-size:.9375rem;margin-bottom:var(--spacing-md)}.item-content h1,.item-content h2,.item-content h3,.item-content h4,.item-content h5,.item-content h6{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);font-weight:600;line-height:1.3;color:var(--text-dark)}.item-content h1{font-size:2rem;border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-xs)}.item-content h2{font-size:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-xs)}.item-content h3{font-size:1.25rem}.item-content h4{font-size:1.125rem}.item-content h5{font-size:1rem}.item-content h6{font-size:.9375rem;color:var(--text-medium)}.item-content p{margin-bottom:var(--spacing-md)}.item-content p:last-child{margin-bottom:0}.item-content ul,.item-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.item-content ul{list-style-type:disc}.item-content ol{list-style-type:decimal}.item-content li{margin-bottom:var(--spacing-xs)}.item-content li>ul,.item-content li>ol{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.item-content a{color:var(--primary-dark);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.item-content a:hover{border-bottom-color:var(--primary-dark)}.item-content code{background:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-size:.875em;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;color:var(--primary-dark)}.item-content pre{background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-md);overflow-x:auto;margin-bottom:var(--spacing-md);line-height:1.5}.item-content pre code{background:transparent;border:none;padding:0;font-size:.875rem;color:var(--text-dark)}.item-content blockquote{border-left:4px solid var(--primary);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--text-medium);font-style:italic;background:var(--bg-light);padding:var(--spacing-md);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0}.item-content blockquote p{margin-bottom:var(--spacing-xs)}.item-content blockquote p:last-child{margin-bottom:0}.item-content table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);overflow:hidden}.item-content thead{background:var(--bg-light)}.item-content th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;color:var(--text-dark);border-bottom:2px solid var(--border-color)}.item-content td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color)}.item-content tbody tr:last-child td{border-bottom:none}.item-content tbody tr:hover{background:var(--bg-light)}.item-content img{max-width:100%;height:auto;border-radius:var(--border-radius-sm);margin:var(--spacing-md) 0;border:1px solid var(--border-color)}.item-content hr{border:none;border-top:2px solid var(--border-color);margin:var(--spacing-lg) 0}.item-content strong{font-weight:600;color:var(--text-dark)}.item-content em{font-style:italic}.item-content del{text-decoration:line-through;color:var(--text-medium)}.item-content mark{background:var(--warning-lighter);padding:2px 4px;border-radius:3px}.item-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.empty-state{padding:var(--spacing-xl);text-align:center;color:var(--text-medium)}.empty-state .material-icons{font-size:3rem;color:var(--text-light);margin-bottom:var(--spacing-md);opacity:.4}.empty-state p{font-size:.9375rem;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.project-detail-page .stat-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:10px;padding:var(--spacing-md);text-align:center;transition:all .2s ease}.project-detail-page .stat-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.project-detail-page .stat-value{font-size:2rem!important;font-weight:700;color:var(--primary);margin-bottom:var(--spacing-xs);line-height:1.2;text-indent:0!important}.project-detail-page .stat-label{font-size:.813rem!important;color:var(--text-medium)!important;text-transform:uppercase;letter-spacing:.5px;font-weight:500;line-height:1.4;text-indent:0!important}.outline-editor{gap:var(--spacing-sm)}.outline-editor__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.outline-preview-hint{color:var(--text-medium);font-size:.875rem}.outline-editor__grid{display:grid;grid-template-columns:minmax(0,var(--outline-split, 55%)) 10px minmax(0,calc(100% - var(--outline-split, 55%)));gap:var(--spacing-sm);align-items:stretch}.outline-editor__grid textarea.form-control{resize:none;box-sizing:border-box}.outline-resize-handle{display:flex;align-items:center;justify-content:center;cursor:col-resize;background:var(--bg-light);border:1px solid var(--border-color);border-radius:8px;transition:background .2s ease,border-color .2s ease}.outline-resize-handle:hover,.outline-resize-handle:active{background:var(--bg-main);border-color:var(--primary)}.outline-resize-grip{width:2px;height:32px;background:var(--border-color);border-radius:4px}.outline-preview{border:1px solid var(--border-color);border-radius:10px;background:var(--bg-main);padding:var(--spacing-xs) var(--spacing-sm);height:100%;overflow-y:auto;overflow-x:hidden}.outline-preview-content{color:var(--text-dark);font-size:.813rem;line-height:1.5}.outline-preview-content h1{font-size:1.25rem;margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.outline-preview-content h2{font-size:1.125rem;margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.outline-preview-content h3{font-size:1rem;margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.outline-preview-content h4,.outline-preview-content h5,.outline-preview-content h6{font-size:.938rem;margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.outline-preview-content p{margin:var(--spacing-xs) 0}.outline-preview-content ul,.outline-preview-content ol{margin:var(--spacing-xs) 0;padding-left:var(--spacing-md)}.outline-preview-content li{margin:2px 0}.outline-preview-content blockquote{margin:var(--spacing-xs) 0;padding:var(--spacing-xs) var(--spacing-sm);border-left-width:3px}.outline-preview-content pre{margin:var(--spacing-xs) 0;padding:var(--spacing-xs);font-size:.75rem}.outline-preview-content code{font-size:.75rem;padding:2px 4px}.outline-preview-content table{margin:var(--spacing-xs) 0;font-size:.75rem}.outline-preview-content th,.outline-preview-content td{padding:4px 8px}.outline-preview-empty{color:var(--text-light);margin:0;font-size:.938rem}@media(max-width:1024px){.outline-editor__grid{grid-template-columns:1fr!important}.outline-resize-handle{display:none}}@media(max-width:1024px){.project-header-content,.project-tabs,.project-tab-content{max-width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.project-title-section h1{font-size:1.75rem}.project-detail-page .contributors-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:1024px)and (min-width:769px){.stats-grid{grid-template-columns:repeat(3,1fr)}.project-detail-page .info-grid{grid-template-columns:repeat(2,1fr)}.project-detail-page .info-item{padding:var(--spacing-sm)}}@media(max-width:768px){.project-header-section{padding:var(--spacing-lg) var(--spacing-md)}.project-header-content{padding:0}.project-title-section{margin-bottom:var(--spacing-md)}.project-title-section h1{font-size:1.5rem}.project-meta-badges{margin-bottom:var(--spacing-sm)}.project-progress-section{margin-top:var(--spacing-sm)}.project-tabs{width:100%;max-width:100%;padding:0;margin:0;border-bottom-width:1px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.project-tabs::-webkit-scrollbar{display:block;height:4px}.project-tabs::-webkit-scrollbar-track{background:transparent}.project-tabs::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.project-tab{padding:var(--spacing-sm);font-size:0!important;line-height:0;gap:0;flex-shrink:0;min-width:fit-content;width:44px;height:44px;justify-content:center;align-items:center;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;overflow:visible;text-indent:-9999px;position:relative}.project-tab .material-icons{font-size:1.5rem!important;line-height:1;margin:0;text-indent:0}.project-tab .tab-count{display:inline-block!important;position:absolute;top:.25rem;right:.75rem;background:var(--primary);color:#fff!important;font-size:.625rem!important;font-weight:600;line-height:1;padding:4px;border-radius:100%;min-width:16px;text-align:center;text-indent:0;box-shadow:0 1px 3px #0003;margin-left:0;opacity:1}.project-tab:before,.project-tab:after{display:none}.project-tab-content{padding:var(--spacing-lg) var(--spacing-md)}.content-section{border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md)}.project-detail-page .section-header{padding:var(--spacing-md);flex-wrap:wrap}.project-detail-page .section-header h2{font-size:1rem}.project-detail-page .section-body{padding:var(--spacing-xs)!important}.project-detail-page .info-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.project-detail-page .info-item{padding:var(--spacing-sm)}.project-detail-page .info-label{font-size:.688rem}.project-detail-page .info-value{font-size:.938rem}.project-detail-page .info-value.lead{font-size:1rem}.project-detail-page .contributors-list{grid-template-columns:1fr;gap:var(--spacing-sm)}.project-detail-page .contributor-item{padding:var(--spacing-md);flex-wrap:nowrap;align-items:center;gap:var(--spacing-md)}.project-detail-page .contributor-avatar{width:48px;height:48px}.project-detail-page .stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.project-detail-page .stat-card{padding:var(--spacing-sm)}.project-detail-page .stat-value{font-size:1.5rem!important;text-indent:0!important;line-height:1.2!important}.project-detail-page .stat-label{font-size:.75rem!important;text-indent:0!important;line-height:1.4!important}.items-list{gap:var(--spacing-sm)}.item-card{padding:var(--spacing-md)}.item-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.item-meta{width:100%}.item-content{font-size:.875rem;line-height:1.6}.item-content h1{font-size:1.5rem;margin-top:var(--spacing-md)}.item-content h2{font-size:1.25rem}.item-content h3{font-size:1.125rem}.item-content h4,.item-content h5,.item-content h6{font-size:1rem}.item-content pre{padding:var(--spacing-sm);font-size:.813rem;overflow-x:auto}.item-content table{font-size:.875rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.item-content th,.item-content td{padding:var(--spacing-xs) var(--spacing-sm)}.item-actions{flex-wrap:wrap;gap:var(--spacing-xs)}}@media(max-width:480px){.project-header-section{padding:var(--spacing-md) var(--spacing-sm)}.project-title-section{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.project-title-section h1{font-size:1.25rem;width:100%}.project-title-actions{flex-wrap:wrap;gap:var(--spacing-xs)}.project-meta-badges{gap:var(--spacing-xs)}.project-meta-badge{font-size:.75rem;padding:4px 10px}.project-tabs{width:100%;max-width:100%;padding:0;margin:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.project-tab{padding:var(--spacing-xs);font-size:0!important;line-height:0;gap:0;flex-shrink:0;min-width:fit-content;width:40px;height:40px;justify-content:center;align-items:center;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;overflow:visible;text-indent:-9999px;position:relative}.project-tab .material-icons{font-size:1.5rem!important;line-height:1;padding:1rem;margin:0;text-indent:0}.project-tab .tab-count{display:inline-block!important;position:absolute;top:.25rem;right:.75rem;background:var(--primary);color:#fff!important;font-size:.563rem!important;font-weight:600;line-height:1;padding:3px;border-radius:100%;min-width:14px;text-align:center;text-indent:0;box-shadow:0 1px 2px #0003;margin-left:0;opacity:1}.project-tab:before,.project-tab:after{display:none}.project-tab-content{padding:var(--spacing-md) var(--spacing-sm)}.project-detail-page .section-header{padding:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-sm)}.project-detail-page .section-header h2{font-size:.938rem}.project-detail-page .section-header .btn{flex-shrink:0;padding:var(--spacing-xs) var(--spacing-sm)}.project-detail-page .section-body{padding:var(--spacing-xs)!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.project-detail-page .stat-value{font-size:1.75rem!important;text-indent:0!important;line-height:1.2!important}.project-detail-page .stat-label{font-size:.75rem!important;text-indent:0!important;line-height:1.4!important}.project-detail-page .contributor-item{align-items:center;text-align:inherit;gap:var(--spacing-md);flex-wrap:nowrap;padding:var(--spacing-md)}.project-detail-page .contributor-details{width:auto;gap:0;flex:1 1 auto}.project-detail-page .contributor-actions{width:auto;justify-content:flex-start}.item-content{font-size:.813rem}.item-content h1{font-size:1.25rem}.item-content h2{font-size:1.125rem}.item-content h3{font-size:1rem}.item-content ul,.item-content ol{padding-left:var(--spacing-lg)}.item-content blockquote{padding:var(--spacing-sm);margin:var(--spacing-sm) 0}.item-actions{flex-wrap:wrap;gap:var(--spacing-xs)}.empty-state{padding:var(--spacing-lg) var(--spacing-md)}.empty-state .material-icons{font-size:2rem}}@media(min-width:1400px){.project-header-content,.project-tabs,.project-tab-content{max-width:1600px}}@media print{.project-header-section{page-break-after:avoid}.project-tabs{display:none}.tab-panel{display:block!important;page-break-inside:avoid}.item-card{page-break-inside:avoid;border:1px solid #ccc}.item-actions{display:none}}.meetings-list,.projects-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.meeting-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.meeting-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary),var(--primary-dark));opacity:0;transition:opacity .3s ease}.meeting-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;border-color:var(--primary)}.meeting-card:hover:before{opacity:1}.meeting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-md);flex-wrap:wrap}.meeting-header .buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.meeting-header .buttons .button{text-decoration:none;padding:2px 8px}.meeting-header .buttons .button:hover{transform:translateY(-1px)}.meeting-datetime{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-medium);font-weight:500;font-size:.875rem;flex-wrap:wrap}.meeting-datetime .material-icons{font-size:20px;color:var(--primary);opacity:.9;flex-shrink:0}.meeting-date{font-weight:600;color:var(--text-dark);font-size:.9375rem}.meeting-time{color:var(--text-medium);font-size:.875rem;padding-left:var(--spacing-xs);border-left:1px solid var(--border-color);margin-left:var(--spacing-xs)}.meeting-title{margin:0 0 var(--spacing-md);color:var(--text-dark);font-size:1.25rem;font-weight:600;line-height:1.5}.meeting-description{color:var(--text-medium);margin:0;line-height:1.7;font-size:.9375rem}.meeting-card .btn{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);font-weight:600;font-size:.875rem;border-radius:10px;box-shadow:0 2px 6px #9d9dbd33;transition:all .2s ease}.meeting-card .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #9d9dbd4d}.meeting-card .btn .material-icons{font-size:18px;margin-right:4px}#meetingDescription{resize:vertical}.meeting-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.meeting-actions .meeting-meta{flex:1}.meeting-actions .meeting-meta span{background-color:var(--bg-light);padding:2px 6px;border-radius:4px;font-size:.875rem;color:var(--text-dark);border:1px solid rgba(0,0,0,.05)}.meeting-actions .meeting-meta span.general{background-color:#a6ee7d33}.meeting-actions .meeting-meta span.staff{background-color:#ee7d7d33}.meeting-actions .meeting-meta span.group{background-color:#7d7fee33}.meeting-participants .participant .participant-img{width:24px;height:24px;border-radius:50%;cursor:pointer;border:1px solid rgba(0,0,0,.3)}.meeting-participants .participant{position:relative}.meeting-participants .participant:hover{transform:translateY(-2px);transition:transform .3s ease}.meeting-participants .participant:hover .participant-img{box-shadow:0 2px 6px #0009}.meeting-participants .participant .participant-name{position:absolute;top:-15px;left:0;transform:translate(-70%,-50%);opacity:0;transition:opacity .3s ease;font-size:.875rem;border:1px solid rgba(0,0,0,.4);background:var(--bg-light);padding:2px 8px;border-radius:4px;white-space:nowrap}.meeting-participants .participant:hover .participant-name{opacity:1}.meeting-participants{display:flex;gap:var(--spacing-xs);position:relative}.more-participants .more{width:24px;height:24px;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:2px}.more-participants .more:hover{transform:translateY(-2px);transition:transform .3s ease;box-shadow:0 2px 6px #0009}.more-participants .more-participants-list{display:none;flex-direction:column;position:absolute;top:30px;right:0;background:#fff;border:1px solid rgba(0,0,0,.4);border-radius:4px;padding:5px 10px;box-shadow:0 2px 6px #0003;z-index:1000000;transition:all .3s ease;font-size:.9rem;color:#000000b3;text-wrap:nowrap;opacity:1}.more-participants .more-participants-list.show{display:flex}.more-participants .more-participants-list.hide{display:none}.empty-state .material-icons{font-size:48px;margin-bottom:var(--spacing-md)}.meeting-time{font-weight:500;color:var(--text-dark);background:var(--bg-light);padding:2px 8px;border-radius:4px}.meeting-item{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.meeting-card.past{opacity:.7;background:var(--bg-light)}.meeting-item.past{opacity:.7}.meeting-time{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-medium);text-wrap:nowrap}.meeting-time .material-icons{font-size:18px}.meeting-time .meeting-date{margin-right:var(--spacing-xs)}.meeting-time .meeting-time{font-weight:500;color:var(--text-dark);background:var(--bg-light);padding:2px 8px;border-radius:4px}.meeting-info h4{margin:0 0 var(--spacing-xs);color:var(--text-dark)}.meeting-info p{color:var(--text-medium);margin:0}.meeting-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.meeting-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;background:var(--bg-light);border-radius:6px;color:var(--text-medium);font-size:.875rem}.checkbox-table{width:100%;border-collapse:collapse;font-family:sans-serif}.checkbox-table th,.checkbox-table td{padding:3px 5px;text-align:left;vertical-align:middle}.checkbox-table th[colspan="2"]{text-align:center}.checkbox-table th:nth-child(3),.checkbox-table td:nth-child(3){flex:1}.checkbox-header{background-color:#f0f0f0;font-weight:700;border:#c7c4c48f 1px solid!important}.checkbox-group input[type=checkbox]{width:15px;height:15px;vertical-align:middle}.checkbox-group label{display:inline-block;padding-left:5px;line-height:1.4}@media(max-width:768px){.meeting-header{flex-wrap:wrap;gap:var(--spacing-sm)}.meeting-datetime{text-wrap:nowrap}.meeting-actions{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm)}.meeting-actions .btn{flex:1;min-width:auto}}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.people-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;padding:var(--spacing-lg);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.people-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary),var(--primary-dark));opacity:0;transition:opacity .3s ease}.people-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;border-color:var(--primary)}.people-card:hover:before{opacity:1}.people-card.flagged{border-color:#ff190075}.people-card.flagged:before{background:linear-gradient(180deg,#ff1900,#cc1400)}.people-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.people-avatar{width:64px;height:64px;background:var(--primary-lighter);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;flex-shrink:0;border:3px solid var(--primary-lighter);transition:all .3s cubic-bezier(.4,0,.2,1)}.people-card:hover .people-avatar{border-color:var(--primary);transform:scale(1.05);box-shadow:0 4px 12px #9d9dbd40}.people-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.people-info{flex:1;min-width:0}.people-name{margin:0 0 var(--spacing-xs) 0;font-size:1.125rem;font-weight:600;color:var(--text-dark);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.people-role{font-size:.875rem;font-weight:500;color:var(--text-medium);text-transform:capitalize;line-height:1.4}.people-details{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.people-detail-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-medium);font-size:.875rem;line-height:1.5}.people-detail-item .material-icons{font-size:1.125rem;color:var(--primary);opacity:.9;flex-shrink:0}.people-detail-item a{color:var(--text-medium);text-decoration:none;transition:color .2s ease;word-break:break-word}.people-detail-item a:hover{color:var(--primary);text-decoration:underline}.email-wrapper{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;min-width:0}.email-wrapper a{flex:1;min-width:0}.copy-email-btn{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-medium);opacity:.7;transition:all .2s ease;border-radius:4px;flex-shrink:0;position:relative;overflow:hidden}.copy-email-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--primary);opacity:.3;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease,opacity .3s ease}.copy-email-btn:hover{opacity:1;color:var(--primary);background:var(--primary-lighter)}.copy-email-btn:active{transform:scale(.9)}.copy-email-btn:active:before{width:100px;height:100px;opacity:0}.copy-email-btn .material-icons{font-size:1rem;line-height:1;position:relative;z-index:1;transition:transform .2s ease}.copy-email-btn:active .material-icons{transform:scale(1.2)}.empty-state{text-align:center;padding:var(--spacing-xl) 0;color:var(--text-medium)}.empty-state .material-icons{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state p{font-size:1rem;margin:0}@media(max-width:768px){.people-grid{grid-template-columns:1fr;gap:var(--spacing-md);margin-top:var(--spacing-md)}.people-card{padding:var(--spacing-md);border-radius:12px}.people-card:hover{transform:translateY(-2px)}.people-header{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.people-avatar{width:56px;height:56px;font-size:1.25rem;border-width:2px}.people-name{font-size:1rem}.people-role{font-size:.813rem}.people-details{gap:var(--spacing-xs);padding-top:var(--spacing-xs)}.people-detail-item{font-size:.813rem}.people-detail-item .material-icons{font-size:1rem}}.profile-content{max-width:800px;margin:0 auto}.profile-section{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.profile-section h3{margin:0 0 var(--spacing-lg);color:var(--text-dark);font-size:1.125rem}.profile-avatar-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.profile-avatar{width:80px;height:80px;background:var(--primary-lighter);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;position:relative}.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid rgba(0,0,0,.1)}.profile-avatar-upload{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.upload-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--primary);color:#fff;padding:8px 16px;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s ease;border:none;text-decoration:none}.upload-btn:hover{background:var(--primary-dark)}.upload-btn svg{width:14px;height:14px}.upload-hint{font-size:.75rem;color:var(--text-medium);margin:0;text-align:center}.profile-details{flex:1}.detail-item{margin-bottom:var(--spacing-md);display:flex;justify-content:space-between;gap:var(--spacing-xs)}.detail-item .label{display:block;color:var(--text-medium);margin-bottom:var(--spacing-xs)}.detail-item .value{color:var(--text-dark);font-weight:500}.detail-item .password-button{color:var(--bg-main);background-color:var(--primary);padding:4px 8px;border-radius:5px;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none}.detail-item .password-button:hover{background-color:var(--primary-lighter);color:var(--text-dark)}.settings-form{max-width:400px}.security-options{display:flex;gap:var(--spacing-md)}@media(max-width:768px){.profile-info{flex-direction:column;align-items:center;text-align:center}.profile-details{width:100%;text-align:left}.detail-item{flex-direction:column}.profile-avatar-container{margin-bottom:var(--spacing-md)}.upload-btn{padding:10px 20px;font-size:.9rem}}.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.guide-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;padding:var(--spacing-lg);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.evaluation-card{padding:10px 20px!important}.evaluation-card h3{margin:0;font-size:1rem!important;font-weight:500!important}.guide-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;border-color:var(--primary)}.guide-header{margin-bottom:var(--spacing-md)}.guide-header h3{margin:var(--spacing-sm) 0 0 0;color:var(--text-dark);font-size:1.25rem}.guide-category{display:inline-block;padding:4px 8px;border:1px solid rgba(0,0,0,.1);background:#0000000d;border-radius:12px;font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.guide-category.platform{background:var(--primary-light);color:#fff}.guide-category.research{background:var(--success-light);color:var(--success)}.guide-category.tools{background:var(--warning-light);color:var(--warning)}.guide-category.other{background:var(--info-light);color:var(--info)}.guide-content{color:var(--text-medium);font-size:.875rem;line-height:1.5;margin-bottom:var(--spacing-md);min-height:3em}.guide-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);font-size:.875rem;color:var(--text-medium)}.guide-author,.guide-date,.update-date{display:flex;align-items:center;gap:var(--spacing-xs)}.guide-meta .material-icons{font-size:1rem}.guide-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-sm)}.guide-actions .btn{flex-shrink:0;padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem;font-weight:500;border-radius:10px;transition:all .2s ease;white-space:nowrap;width:auto;min-width:auto}.evaluation-card .guide-actions .btn{padding:var(--spacing-xs);width:36px;height:36px;display:flex;align-items:center;justify-content:center;min-width:36px}.evaluation-card .guide-actions .btn .material-icons{margin:0}.guide-actions .view-guide{background-color:var(--primary);color:#fff;box-shadow:0 2px 6px #9d9dbd33}.guide-actions .view-guide:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #9d9dbd4d}.guide-actions .btn-outline:hover{background:var(--bg-light);border-color:var(--primary);transform:translateY(-1px)}.guide-actions .btn-danger:hover{background:var(--error);color:var(--bg-main);border-color:var(--error);transform:translateY(-1px)}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-medium);grid-column:1 / -1}.empty-state .material-icons{font-size:3rem;margin-bottom:var(--spacing-md)}#createGuideForm,#editGuideForm{display:flex;flex-direction:column;gap:var(--spacing-md)}#guideContent{resize:vertical;min-height:200px;font-family:inherit}@media(max-width:768px){.guides-grid{grid-template-columns:1fr;gap:var(--spacing-md);margin-top:var(--spacing-md)}.guide-card{padding:var(--spacing-md);border-radius:12px}.guide-card:hover{transform:translateY(-2px)}.guide-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.guide-actions{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm)}.guide-actions .btn{flex:1;min-width:auto}}.guide-meta-top{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.guide-audience{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.guide-audience .material-icons{font-size:1rem}.guide-audience.all{background:var(--info-light);color:var(--primary-light);border:1px solid var(--primary)}.guide-audience.group{background:var(--warning-light);color:var(--primary-light);border:1px solid var(--primary)}.guide-footer{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-medium);font-size:.875rem;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.guide-footer .material-icons{font-size:1rem;color:var(--primary)}.guide-view{background:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;padding:var(--spacing-xl);margin-top:var(--spacing-md);box-shadow:0 1px 3px #0000000d}.guide-view-header{margin-bottom:var(--spacing-lg)}.guide-view-header h2{margin:var(--spacing-sm) 0 0 0;color:var(--text-dark);font-size:1.75rem}.guide-view .guide-actions{margin-top:40px}.breadcrumb{margin-bottom:var(--spacing-md)}.breadcrumb .btn-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--primary);padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;font-weight:500;background:none;border:none;cursor:pointer;transition:all .2s ease;border-radius:8px;text-decoration:none}.breadcrumb .btn-link .material-icons{font-size:1.125rem;transition:transform .2s ease}.breadcrumb .btn-link:hover{color:var(--primary-dark);background:var(--bg-light);text-decoration:none}.breadcrumb .btn-link:hover .material-icons{transform:translate(-2px)}.guide-dates{display:flex;align-items:center;gap:var(--spacing-md)}.guide-content-full{color:var(--text-dark);line-height:1.6;font-size:1rem}.guide-content-full h1,.guide-content-full h2,.guide-content-full h3,.guide-content-full h4,.guide-content-full h5,.guide-content-full h6{margin:1.5em 0 .5em;color:var(--text-dark);display:flex;align-items:center;gap:var(--spacing-xs)}.guide-content-full h1{font-size:2em}.guide-content-full h2{font-size:1.75em}.guide-content-full h3{font-size:1.5em}.guide-content-full h4{font-size:1.25em}.guide-content-full h5{font-size:1.1em}.guide-content-full h6{font-size:1em}.guide-content-full p{margin-bottom:1em}.guide-content-full ul,.guide-content-full ol{margin:0 0 1em 1.5em}.guide-content-full li{margin-bottom:.5em}.guide-content-full code,.summary-content code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875rem;background-color:var(--primary-lighter);padding:.2rem .3rem;border-radius:.4rem;box-shadow:0 0 2px #00000080}.guide-content-full pre,.summary-content pre{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875rem;background-color:var(--primary-lighter);padding:.5rem 1rem;border-radius:.4rem;box-shadow:0 0 2px #00000080;overflow-x:auto;margin:.5em 0}.guide-content-full pre code,.summary-content pre code{background-color:none;padding:0;border-radius:0;box-shadow:none}.guide-content-full blockquote{border-left:4px solid var(--primary);margin:1em 0;padding:.5em 1em;background:var(--surface-color);color:var(--text-medium)}.guide-content-full table{border-collapse:collapse;width:100%;margin:1em 0}.guide-content-full th,.guide-content-full td{border:1px solid var(--border-color);padding:.5em;text-align:left}.guide-content-full th{background:var(--surface-color)}.guide-content-full img{max-width:100%;height:auto;border-radius:var(--border-radius);margin:1em 0}.guide-content-full a{color:#66f;text-decoration:none}.guide-content-full a:hover{text-decoration:underline}.guide-content-full hr{border:none;border-top:1px solid var(--border-color);margin:2em 0}.view-meta{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.guide-view{padding:var(--spacing-md);border-radius:12px}.guide-view-header h2{font-size:1.5rem}.view-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.guide-dates{flex-direction:column;gap:var(--spacing-sm)}.guide-view .guide-actions{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.guide-view .guide-actions .btn{flex:1;min-width:auto}}.jupyter-content p{margin-bottom:10px}.jupyter-content ul{margin-left:20px}.jupyter-content li{margin-bottom:5px}.jupyter-content a{color:#0048ff;text-decoration:none}.jupyter-content a:hover{text-decoration:underline}.evaluations-status{display:flex;align-items:center;gap:10px;border:1px solid #000000;border-radius:5px;padding:10px}.evaluation-text-danger{color:var(--error);font-weight:700;margin-top:10px;max-width:250px}.tools-container{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.tools-category{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg)}.tools-category h3{color:var(--text-dark);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.tool-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);text-decoration:none;color:var(--text-dark);transition:all .2s ease}.tool-item:hover{background:var(--primary-lighter);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 2px 4px var(--shadow-color)}.tool-item i{font-size:1.25rem;color:var(--primary);width:24px;text-align:center}.tool-item span{font-size:.95rem;font-weight:500}@media(max-width:768px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.activity-page{min-height:100vh;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-main) 100%)}.activity-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:20px;padding:var(--spacing-xl) var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out}.activity-hero:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-content{position:relative;z-index:1;color:#fff}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm);animation:fadeInLeft .8s ease-out}.hero-subtitle{font-size:1.125rem;opacity:.9;animation:fadeInLeft .8s ease-out .2s both}.hero-stats{position:relative;z-index:1;text-align:center;animation:fadeInRight .8s ease-out}.hero-stat-main{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.2)}.stat-number-animated{font-size:3rem;font-weight:700;color:#fff;margin-bottom:var(--spacing-xs)}.stat-label{font-size:.875rem;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px}.activity-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.activity-stat-card{background:var(--bg-main);border-radius:16px;padding:var(--spacing-lg);position:relative;overflow:hidden;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInUp .6s ease-out both;cursor:pointer}.activity-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-dark));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.activity-stat-card:hover:before{transform:scaleX(1)}.activity-stat-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026;border-color:var(--primary)}.stat-card-bg{position:absolute;inset:0;opacity:0;background:linear-gradient(135deg,var(--primary-lighter) 0%,transparent 100%);transition:opacity .3s ease}.activity-stat-card:hover .stat-card-bg{opacity:1}.stat-card-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:var(--spacing-md)}.stat-icon-wrapper{background:var(--primary-lighter);border-radius:12px;padding:var(--spacing-md);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.activity-stat-card:hover .stat-icon-wrapper{background:var(--primary);transform:scale(1.1)}.stat-icon{color:var(--primary);transition:all .3s ease}.activity-stat-card:hover .stat-icon{color:#fff}.stat-info{flex:1}.stat-value-animated{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-xs);animation:countUp 1s ease-out}.stat-title{font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--spacing-xs)}.stat-description{font-size:.875rem;color:var(--text-medium);line-height:1.4}.badges-section{margin-bottom:var(--spacing-xl)}.section-header-animated{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);animation:fadeInUp .6s ease-out}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin:0}.badge-count-badge{background:var(--primary);color:#fff;padding:6px 16px;border-radius:20px;font-size:.875rem;font-weight:600;animation:pulse 2s ease-in-out infinite}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.badge-card-animated{background:var(--bg-main);border:2px solid var(--border-color);border-radius:16px;padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInUp .6s ease-out both;cursor:pointer}.badge-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--primary-lighter) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.badge-card-animated:hover .badge-glow{opacity:.3;animation:rotate 3s linear infinite}.badge-card-animated:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 24px #00000026;border-color:var(--primary)}.badge-icon-wrapper{background:linear-gradient(135deg,var(--primary-lighter) 0%,var(--primary) 100%);border-radius:12px;padding:var(--spacing-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;position:relative;z-index:1}.badge-card-animated:hover .badge-icon-wrapper{transform:scale(1.15);box-shadow:0 8px 16px #0003}.badge-icon{color:#fff;transition:all .3s ease}.badge-info{flex:1;position:relative;z-index:1}.badge-name{font-size:1.125rem;font-weight:600;color:var(--text-dark);margin-bottom:4px}.badge-description{font-size:.875rem;color:var(--text-medium);line-height:1.4}.leaderboard-section{margin-bottom:var(--spacing-xl)}.leaderboard-subtitle{font-size:.875rem;color:var(--text-medium);font-weight:400}.leaderboard-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.leaderboard-item-animated{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);transition:all .3s ease;animation:slideInLeft .5s ease-out both;position:relative;overflow:hidden}.leaderboard-item-animated:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary),var(--primary-dark));transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.leaderboard-item-animated:hover:before{transform:scaleY(1)}.leaderboard-item-animated:hover{transform:translate(8px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary)}.leaderboard-item-animated.current-user{background:linear-gradient(135deg,var(--primary-lighter) 0%,var(--bg-main) 100%);border-color:var(--primary);box-shadow:0 2px 8px #0000000d}.leaderboard-item-animated.current-user:before{transform:scaleY(1);background:linear-gradient(180deg,var(--primary),var(--primary-dark))}.leaderboard-rank{min-width:50px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--text-dark)}.rank-icon{display:flex;align-items:center;justify-content:center;transition:all .3s ease}.rank-icon.rank-first{color:gold;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.rank-icon.rank-second{color:silver;filter:drop-shadow(0 2px 4px rgba(192,192,192,.3))}.rank-icon.rank-third{color:#cd7f32;filter:drop-shadow(0 2px 4px rgba(205,127,50,.3))}.rank-number-text{font-size:1.125rem;font-weight:600;color:var(--text-medium)}.leaderboard-avatar-wrapper{flex-shrink:0}.leaderboard-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--border-color);transition:all .3s ease}.leaderboard-item-animated:hover .leaderboard-avatar{border-color:var(--primary);transform:scale(1.05)}.leaderboard-avatar.initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:1.5rem;font-weight:600;text-transform:uppercase;border:3px solid var(--border-color)}.leaderboard-item-animated:hover .leaderboard-avatar.initials{border-color:var(--primary);box-shadow:0 4px 12px #00000026}.leaderboard-info{flex:1;min-width:0}.leaderboard-name{font-size:1.125rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.you-badge{background:var(--primary);color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.leaderboard-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.leaderboard-stats .stat-item{display:flex;align-items:center;gap:4px;font-size:.875rem;color:var(--text-medium)}.leaderboard-stats .stat-icon-small{color:var(--primary);flex-shrink:0}.points-history-section{margin-bottom:var(--spacing-xl)}.points-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-sm)}.points-item-animated{background:var(--bg-main);border:1px solid var(--border-color);border-left:4px solid var(--success);border-radius:12px;padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);transition:all .3s ease;animation:slideInRight .5s ease-out both;position:relative;overflow:hidden}.points-item-animated:hover:before{transform:scaleY(1)}.points-item-animated:hover{transform:translate(8px);box-shadow:0 4px 12px #0000001a;border-left-color:var(--success)}.points-amount-wrapper{display:flex;align-items:center;gap:var(--spacing-xs);min-width:100px}.points-amount{font-size:1.5rem;font-weight:700;text-align:right;animation:bounceIn .6s ease-out}.points-amount.positive{color:var(--success)}.points-icon{display:flex;align-items:center;justify-content:center;color:var(--success);animation:sparkle 1.5s ease-in-out infinite}.points-icon-svg{color:var(--success)}.points-details{flex:1}.points-reason{font-size:.9375rem;font-weight:500;color:var(--text-dark);margin-bottom:4px}.points-date{font-size:.875rem;color:var(--text-medium);display:flex;align-items:center;gap:4px}.activity-section{margin-top:var(--spacing-xl)}.activity-feed{display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;padding-left:var(--spacing-lg)}.activity-feed:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary),transparent)}.user-activity-item-animated{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;padding:var(--spacing-md);position:relative;transition:all .3s ease;animation:slideInLeft .5s ease-out both;display:flex;gap:var(--spacing-md)}.user-activity-item-animated:hover{transform:translate(8px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary)}.activity-timeline-dot{position:absolute;left:-24px;top:20px;width:12px;height:12px;background:var(--primary);border-radius:50%;border:3px solid var(--bg-main);box-shadow:0 0 0 2px var(--primary);animation:pulse 2s ease-in-out infinite}.activity-content{flex:1}.user-activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-xs)}.user-activity-type{padding:6px 14px;background:var(--primary-lighter);color:var(--primary);border-radius:20px;font-size:.875rem;font-weight:600;transition:all .3s ease}.user-activity-item-animated:hover .user-activity-type{background:var(--primary);color:#fff}.user-activity-date{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-medium);font-size:.875rem}.user-activity-date .material-icons{font-size:1rem}.user-activity-message{color:var(--text-dark);line-height:1.6}.empty-state-animated{text-align:center;padding:var(--spacing-xl);color:var(--text-medium);animation:fadeIn .6s ease-out}.empty-icon-wrapper{margin-bottom:var(--spacing-md);display:inline-block;opacity:.5;animation:float 3s ease-in-out infinite}.empty-icon{color:var(--text-medium)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.7;transform:scale(1.2) rotate(180deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.activity-hero{flex-direction:column;text-align:center;gap:var(--spacing-lg)}.hero-title{font-size:2rem}.activity-stats-grid,.badges-grid{grid-template-columns:1fr}.activity-feed{padding-left:var(--spacing-md)}.activity-timeline-dot{left:-16px}.leaderboard-rank{min-width:40px;font-size:1rem}.leaderboard-avatar,.leaderboard-avatar.initials{width:48px;height:48px;font-size:1.25rem}.leaderboard-name{font-size:1rem}.leaderboard-stats{gap:var(--spacing-sm)}.leaderboard-stats .stat-item{font-size:.813rem}}.calendar-view{padding:20px}.calendar-header{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--spacing-md)}.calendar-nav{display:flex;align-items:center;gap:var(--spacing-md)}.calendar-nav h2{margin:0;min-width:200px;text-align:center;font-size:1.5rem;color:var(--text-dark)}.calendar-grid{background:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:hidden;margin-top:var(--spacing-lg)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg-light);border-bottom:1px solid var(--border-color);padding:var(--spacing-sm) 0;gap:0}.calendar-weekdays div{text-align:center;font-weight:600;color:var(--text-medium);font-size:.875rem;box-sizing:border-box;width:100%;padding:0;margin:0;border-right:1px solid var(--border-color)}.calendar-weekdays div:last-child{border-right:none}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:0;background:var(--border-color)}.calendar-day{background:var(--bg-main);padding:var(--spacing-xs);min-height:100px;position:relative;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);transition:background-color .2s ease;box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background:var(--bg-light)}.calendar-day.empty{background:var(--bg-light);opacity:.5}.day-number{font-size:.875rem;color:var(--text-dark);font-weight:500;margin-bottom:var(--spacing-xs)}.day-events{display:flex;flex-direction:column;gap:2px;width:100%;min-width:0}.calendar-event{background:var(--primary-lighter);border-left:3px solid var(--primary);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:background-color .2s ease,transform .2s ease;width:100%;min-width:0;max-width:100%;box-sizing:border-box;display:flex;align-items:center}.calendar-event:hover{background:var(--primary-light);transform:translate(2px)}.event-time{font-size:.7rem;color:var(--text-medium);margin-right:4px;font-weight:500;flex-shrink:0}.event-title{font-weight:500;color:var(--text-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}#eventModal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000}#eventModal .modal-content{position:relative;background:#fff;margin:10% auto;padding:20px;width:90%;max-width:500px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.event-detail-item{display:flex;align-items:center;gap:10px;margin:10px 0;padding:10px;background:#f8f9fa;border-radius:4px}.event-detail-item .material-icons{color:#2196f3}.event-detail-item a{color:#2196f3;text-decoration:none}.event-detail-item a:hover{text-decoration:underline}@media(max-width:768px){.calendar-view{padding:var(--spacing-sm)}.calendar-header{margin-top:var(--spacing-sm)}.calendar-nav{gap:var(--spacing-sm)}.calendar-nav h2{font-size:1.25rem;min-width:150px}.calendar-grid{border-radius:12px;margin-top:var(--spacing-md)}.calendar-weekdays div{font-size:.75rem;padding:var(--spacing-xs) 0}.calendar-day{min-height:80px;padding:4px}.day-number{font-size:.75rem}.calendar-event{font-size:.65rem;padding:3px 6px}.event-time{font-size:.6rem}}.modal-body p{margin:0 0 10px;font-size:15px;line-height:1.5}