.administration-page,.announcements-page,.certificates-page,.dev-usage-page,.documents-page,.events-page,.finance-page,.help-support-page,.members-page,.projects-page,.teams-page{max-width:1400px;margin:0 auto;padding:2rem}.events-title,.members-page-title,.page-title,.page-title-dropdown,.projects-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--purple-800)}.page-title{margin-bottom:2rem}.members-page-title{margin:0}.members-page-title-inline{flex-shrink:0}.page-header{margin-bottom:2rem;justify-content:space-between;gap:2rem}.page-header,.page-header-actions{display:flex;align-items:center;flex-wrap:wrap}.page-header-actions{gap:1rem}.certificates-tabs,.user-page-tabs{display:flex;gap:0;background:var(--bg-card);border-bottom:2px solid var(--gray-200);overflow-x:auto}.certificates-tabs::-webkit-scrollbar,.user-page-tabs::-webkit-scrollbar{display:none}.certificates-tab-btn,.user-page-tab-btn{flex-shrink:0;padding:.75rem 1.25rem;border:none;background:none;font-size:.875rem;font-weight:500;font-family:var(--font-heading);color:var(--gray-500);cursor:pointer;white-space:nowrap;position:relative;transition:color .15s}.certificates-tab-btn:hover,.user-page-tab-btn:hover{color:var(--gray-900)}.certificates-tab-btn.active,.user-page-tab-btn.active{color:var(--purple-700);font-weight:600}.certificates-tab-btn.active:after,.user-page-tab-btn.active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--purple-700);border-radius:1px 1px 0 0}@media (max-width:768px){.certificates-tab-btn,.user-page-tab-btn{padding:.65rem 1rem;font-size:.8rem}}.title-divider{height:2px;background:var(--gradient-primary);border:none;margin:2rem 0;border-radius:2px;opacity:.2}.page-search-field{display:flex;align-items:center;gap:.5rem;min-width:260px;max-width:360px;width:100%;padding:.55rem .8rem;border:1px solid var(--gray-200);border-radius:999px;background:var(--bg-card);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.page-search-row{margin:.85rem 0 1.1rem}.page-search-field--full{min-width:0;max-width:none}.page-search-field:focus-within{border-color:var(--purple-400);box-shadow:0 0 0 3px rgba(139,92,246,.12),var(--shadow-sm)}.page-search-icon{flex-shrink:0;color:var(--gray-400)}.page-search-input{width:100%;border:0;outline:none;background:transparent;font:inherit;color:var(--gray-900)}.page-search-input::placeholder{color:var(--gray-400)}.page-search-filter-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--gray-200);background:var(--gray-50);color:var(--gray-700);border-radius:999px;padding:.45rem .85rem;font-family:var(--font-heading);font-size:.85rem;font-weight:600;transition:all .2s ease}.page-search-filter-btn:hover{border-color:var(--purple-400);background:var(--purple-50);color:var(--purple-700)}.page-search-filter-btn--active{border-color:var(--purple-500);background:var(--purple-300);color:var(--purple-800)}.page-search-filter-label{white-space:nowrap}@media (max-width:900px){.page-search-field{min-width:0;max-width:none}}.info-section{background-color:var(--gray-50);padding:1.25rem;border-radius:var(--radius-md);border:1px solid var(--gray-200);border-bottom:none;margin-bottom:2rem}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.exp-badges-item,.exp-date-item,.info-item{display:flex;flex-direction:column;gap:.25rem}.detail-info-item{display:flex;flex-direction:column;gap:.2rem;min-width:120px}.exp-badges-label,.exp-creator-label,.exp-date-label,.exp-teams-label,.info-label{font-family:var(--font-heading);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-600)}.exp-teams-label{margin-top:.5rem}.detail-info-label{font-family:var(--font-heading);font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400)}.exp-badges-value,.exp-date-value,.info-value{font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--gray-900);margin:0}.detail-info-value{font-size:1.25rem;font-weight:500;color:var(--gray-700)}.detail-info-row{display:flex;gap:1rem;flex-wrap:wrap}.members-table-card{margin-top:0;margin-bottom:2rem}.certificates-page .error-message,.certificates-page .loading-message,.dev-usage-page .error-message,.dev-usage-page .loading-message,.documents-page .error-message,.documents-page .loading-message,.members-page .error-message,.members-page .loading-message{margin-bottom:1rem;font-size:.9375rem}.certificates-page .loading-message,.dev-usage-page .loading-message,.documents-page .loading-message,.members-page .loading-message{color:var(--gray-500)}.certificates-page .error-message,.dev-usage-page .error-message,.documents-page .error-message,.members-page .error-message{color:var(--error-text)}.empty-state{text-align:center;padding:3rem 2rem;color:var(--gray-500)}.empty-state-icon{width:64px;height:64px;margin:0 auto 1rem;color:var(--gray-400)}.empty-state-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.empty-state-text{font-family:var(--font-body);font-size:.95rem;color:var(--gray-500);margin-bottom:2rem}.empty-state-btn{font-family:var(--font-heading);padding:.75rem 1.5rem;background:var(--gradient-primary);color:white;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem}.empty-state-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.empty-state-btn svg{width:18px;height:18px}.empty-message{padding:1rem 0;color:var(--gray-500);font-size:.95rem}@media (max-width:768px){.administration-page,.announcements-page,.certificates-page,.dev-usage-page,.documents-page,.events-page,.finance-page,.help-support-page,.members-page,.projects-page,.teams-page{padding:1rem .25rem}.events-title,.members-page-title,.page-title,.page-title-dropdown,.projects-title{font-size:2rem}.page-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.info-grid{grid-template-columns:1fr}}@media (max-width:480px){.administration-page,.announcements-page,.certificates-page,.dev-usage-page,.documents-page,.events-page,.finance-page,.help-support-page,.members-page,.projects-page,.teams-page{padding:.75rem 0}.events-title,.members-page-title,.page-title,.page-title-dropdown,.projects-title{font-size:1.75rem}}.announcements-grid,.events-grid,.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem;gap:1.25rem;margin-top:.5rem;position:relative}@media (max-width:900px){.announcements-grid,.events-grid,.projects-grid{grid-template-columns:1fr}}.announcements-add-card,.documents-folder-add-card,.events-add-card,.project-add-card{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;cursor:pointer;transition:all .2s ease;min-height:10rem}.announcements-add-card:hover,.documents-folder-add-card:hover,.events-add-card:hover,.project-add-card:hover{border-color:var(--purple-400);background:var(--purple-50)}.announcements-add-card-icon,.documents-folder-add-card-icon,.events-add-card-icon,.project-add-card-icon{width:2rem;height:2rem;color:var(--gray-300);transition:color .2s ease}.announcements-add-card:hover .announcements-add-card-icon,.documents-folder-add-card:hover .documents-folder-add-card-icon,.events-add-card:hover .events-add-card-icon,.project-add-card:hover .project-add-card-icon{color:var(--purple-500)}.announcements-add-card-text,.documents-folder-add-card-text,.events-add-card-text,.project-add-card-text{font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--gray-400);transition:color .2s ease}.announcements-add-card:hover .announcements-add-card-text,.documents-folder-add-card:hover .documents-folder-add-card-text,.events-add-card:hover .events-add-card-text,.project-add-card:hover .project-add-card-text{color:var(--purple-700)}.page-error,.projects-error,.projects-loading{text-align:center;padding:4rem 2rem;color:var(--gray-400);font-family:var(--font-heading);font-size:.95rem}.page-error,.projects-error{color:var(--error-text)}.page-detail-loading-indicator,.project-detail-loading-indicator{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--bg-card);border-radius:var(--radius-md);padding:.6rem 1rem;box-shadow:var(--shadow-md);font-size:.82rem;font-family:var(--font-heading);color:var(--gray-500)}.pagination-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem;padding:1rem 0;max-width:100%;min-width:0;box-sizing:border-box}.pagination-btn{font-family:var(--font-heading);font-size:.85rem;font-weight:600;padding:.5rem 1.2rem;border:2px solid var(--purple-400);border-radius:var(--radius-sm);background:transparent;color:var(--purple-700);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--purple-50);border-color:var(--purple-600);color:var(--purple-900)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--gray-300);color:var(--gray-400)}.pagination-pages{flex-wrap:wrap;gap:.25rem;max-width:100%;min-width:0}.pagination-page-btn,.pagination-pages{display:flex;align-items:center;justify-content:center}.pagination-page-btn{min-width:2rem;height:2rem;padding:0 .4rem;border:2px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--gray-600);font-family:var(--font-heading);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pagination-page-btn:hover{background:var(--purple-50);color:var(--purple-700)}.pagination-page-btn--active{border:2px solid var(--purple-400);background:transparent;color:var(--purple-700);cursor:default}.pagination-page-btn--active:hover{background:var(--purple-50);border-color:var(--purple-600);color:var(--purple-900)}.pagination-ellipsis{min-width:1.5rem;display:flex;align-items:center;justify-content:center;color:var(--gray-400);pointer-events:none}.pagination-ellipsis,.pagination-info{font-family:var(--font-heading);font-size:.85rem;font-weight:600}.pagination-info{color:var(--gray-500)}@media (max-width:480px){.pagination-controls{gap:.5rem;padding:.75rem .25rem}.pagination-btn{padding:.4rem .75rem;font-size:.8rem}.pagination-page-btn{min-width:1.75rem;height:1.75rem}}