:root{--color-primary:#E74C3C;--color-secondary:#006D77;--color-highlight:#FFB703;--color-light-bg:#EDF6F9;--color-dark:#333333;--color-light:#ffffff;--gatheruk-accent:#006D77;--bg-primary:#ffffff;--bg-secondary:#EDF6F9;--bg-card:#ffffff;--text-primary:#333333;--text-secondary:#666666}html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden}body{font-family:'Raleway',sans-serif;color:var(--text-primary);line-height:1.6;background-color:var(--bg-primary);transition:background-color 0.3s ease,color 0.3s ease}a{text-decoration:none}a:hover,a:focus,a:active{text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px;border-radius:2px}a:focus:not(:hover),button:focus:not(:hover),input:focus:not(:hover),select:focus:not(:hover),textarea:focus:not(:hover){outline:3px solid var(--color-secondary);outline-offset:2px;border-radius:2px}h1,h2,h3,h4{font-family:'Montserrat',sans-serif;color:var(--color-secondary);font-weight:700}.page-wrapper h1,.page-card h1,.container h1,.page-head h1,body .page-wrapper h1,body .page-card h1,body .container h1{text-align:center!important}.container{max-width:1200px;margin:0 auto;padding:0 20px}body .header,html .header,.site-content .header,#content .header,body>.header,.header{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;left:0!important;right:0!important;box-sizing:border-box}body .footer,html .footer,.site-content .footer,#content .footer,.footer{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;position:relative;box-sizing:border-box}#content.site-content,.site-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important;overflow-x:visible!important}html body>.header,html body .header,html .header{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;width:100vw!important;max-width:100vw!important;position:sticky!important}html body #content.site-content .footer,html body .site-content .footer,html body #content .footer,html body>.footer,html body .footer,html .footer{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;width:100vw!important;max-width:100vw!important;position:relative!important;left:0!important;right:0!important}html{overflow-x:hidden!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}body{overflow-x:hidden!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.breadcrumbs{margin:1rem 0;padding:0}.breadcrumbs__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem}.breadcrumbs__item{display:flex;align-items:center;margin:0;padding:0}.breadcrumbs__link{color:var(--color-secondary);text-decoration:none;transition:color 0.2s ease}.breadcrumbs__link:hover{color:var(--color-primary);text-decoration:underline}.breadcrumbs__separator{margin:0 .5rem;color:#999;font-weight:400}.breadcrumbs__current{color:var(--text-primary);font-weight:600}.breadcrumbs__separator{color:var(--text-secondary)}@media (max-width:768px){.breadcrumbs__list{font-size:.85rem}.breadcrumbs__separator{margin:0 .25rem}}.page-wrapper{max-width:1200px;margin:2rem auto;padding:2rem 1rem;background-color:#f8f9fa;min-height:60vh}.page-card{background:#ffffff!important;border-radius:12px!important;box-shadow:0 2px 8px rgb(0 0 0 / .1)!important;padding:2rem!important;margin-bottom:2rem;width:100%;max-width:100%;box-sizing:border-box;transition:background-color 0.3s ease,box-shadow 0.3s ease}.page-head{text-align:center!important;margin-bottom:2rem}.page-head h1,.page-head h2{font-size:2.5rem!important;font-weight:700!important;color:#2c3e50!important;margin:0 0 .5rem 0!important;text-align:center!important}.page-wrapper h1,.page-card h1,.container h1,.page-head h1,body .page-wrapper h1,body .page-card h1,body .container h1,body .page-head h1,.page-head h1,.page-head h2,.page-head .page-title,.create-group-page__header,.create-group-page__header h1,.create-group-page__title,.signup-header,.signup-header h1,.login-header,.login-header h1,.login-card h1,.admin-dashboard__header,.admin-dashboard__title,.organiser-dashboard__header,.organiser-dashboard__title,.edit-group-page__header,.edit-group-page__title,.members-directory__header,.members-directory__title,.group-directory__header,.group-directory__title,.page-title,.dashboard__title,.event-title,.group-page-header__title,.group-info-block__title,.page-head>h1,.page-head>h2,.page-card>.page-head h1,.page-wrapper>.page-card>.page-head h1{text-align:center!important}.page-head .accent{display:block;width:48px;height:4px;background:var(--color-highlight);margin:.5rem auto;border-radius:2px}.page-content{line-height:1.8!important;color:#333333!important}.page-content h2{font-size:1.75rem!important;font-weight:700!important;color:#006D77!important;margin:2rem 0 1rem!important}.page-content h3{font-size:1.5rem!important;font-weight:600!important;color:#006D77!important;margin:1.5rem 0 0.75rem!important}.page-content p{margin-bottom:1rem!important;color:#333333!important}.page-content ul,.page-content ol{margin:1rem 0!important;padding-left:2rem!important}.page-content li{margin-bottom:0.5rem!important;color:#333333!important}.page-content .lead{font-size:1.2rem!important;font-weight:500!important;color:#666666!important;margin-bottom:2rem!important}.page-content a{color:#006D77!important;text-decoration:underline!important}.page-content a:hover{color:#FFB703!important}.page-content .button{display:inline-block!important;padding:.75rem 1.5rem!important;background:#FFB703!important;color:#006D77!important;text-decoration:none!important;border-radius:6px!important;font-weight:600!important;transition:all 0.3s ease!important;border:2px solid #FFB703!important}.page-content .button:hover{background:#006D77!important;color:#ffffff!important;border-color:#006D77!important;text-decoration:none!important}.page-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.6}.btn,.button{display:inline-block;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:600;transition:all 0.3s ease;border:2px solid #fff0;font-family:inherit;cursor:pointer}.btn-small,.button--small{padding:.4rem .8rem;font-size:.8rem}@media (max-width:768px){.btn,.button{max-width:100%;min-width:0;word-wrap:break-word;white-space:normal;box-sizing:border-box;font-size:1rem}.btn-primary,.button--primary{font-size:1.1rem;padding:.875rem 1.5rem}.btn-small,.button--small{max-width:100%;min-width:0;font-size:.95rem}}.btn-primary,.button--primary{background-color:#FFDA30;color:var(--color-dark);border-color:#006D77}.btn-primary:hover,.button--primary:hover{background-color:#006D77;border-color:#FFDA30;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / .2);text-decoration:none}.btn-secondary,.button--secondary{background-color:var(--color-light-bg);color:var(--color-secondary);border-color:var(--color-secondary)}.btn-secondary:hover,.button--secondary:hover{background-color:var(--color-secondary);color:var(--color-light);border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / .2);text-decoration:none}.btn-warning,.button--warning{background-color:#dc3545;color:#fff;border-color:#006D77}.btn-warning:hover,.button--warning:hover{background-color:#006D77;border-color:#dc3545;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / .2);text-decoration:none}.btn-tertiary,.button--tertiary{background-color:#fff0;color:var(--color-secondary);border:2px solid var(--color-secondary)}.btn-tertiary:hover,.button--tertiary:hover{background-color:var(--color-secondary);color:var(--color-light);border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / .2);text-decoration:none}.loading{position:relative;pointer-events:none;opacity:.7}.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:3px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn.loading,.button.loading{color:transparent!important}.btn.loading::after,.button.loading::after{width:16px;height:16px;margin:-8px 0 0 -8px;border-width:2px}.alert{padding:1rem 1.5rem;margin:1rem 0;border-radius:6px;border-left:4px solid;font-weight:500}.alert.success{background-color:#d4edda;border-color:#28a745;color:#155724}.alert.error{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.alert.warning{background-color:#fff3cd;border-color:#ffc107;color:#856404}.alert.info{background-color:#d1ecf1;border-color:#17a2b8;color:#0c5460}.toast{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;border-radius:6px;box-shadow:0 4px 12px rgb(0 0 0 / .15);z-index:10000;animation:slideIn 0.3s ease-out;max-width:400px}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.toast.success{background-color:#28a745;color:#fff}.toast.error{background-color:#dc3545;color:#fff}.toast.warning{background-color:#ffc107;color:#333}.toast.info{background-color:#17a2b8;color:#fff}.notifications-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:all 0.2s ease}.notification-item:hover{box-shadow:0 2px 8px rgb(0 0 0 / .1);transform:translateY(-2px)}.notification-item.unread{background:#f0f7ff;border-left:4px solid var(--color-secondary)}.notification-icon{font-size:1.5rem;flex-shrink:0}.notification-content{flex:1}.notification-title{font-size:1rem;font-weight:600;color:var(--color-dark);margin:0 0 .25rem 0}.notification-message{font-size:.9rem;color:#666;margin:0 0 .5rem 0}.notification-time{font-size:.85rem;color:#999}.notification-actions{flex-shrink:0}.no-notifications{text-align:center;padding:2rem;color:var(--text-secondary);font-style:italic}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;word-wrap:normal!important}.screen-reader-text:focus{position:static!important;clip:auto;width:auto;height:auto;overflow:visible;background-color:var(--bg-card);padding:.5rem 1rem;border:2px solid var(--color-secondary);border-radius:4px;z-index:999999}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-secondary);color:#fff;padding:.5rem 1rem;text-decoration:none;z-index:999999;border-radius:0 0 4px 0}.skip-link:focus{top:0}@media (max-width:768px){.page-wrapper{padding:0 .75rem}.page-card{padding:1.5rem}.page-head h1,.page-head h2{font-size:1.75rem}.toast{right:10px;left:10px;max-width:none}.notification-item{flex-direction:column;gap:.75rem}.notification-actions{width:100%}.notification-actions .btn{width:100%;text-align:center}}