@font-face{font-family:spaceGrotesk;src:url(../media/space_grotesk_latin-s.p.1ii7211jqpzi_.woff2)format("woff2");font-display:swap;font-weight:500 700}@font-face{font-family:spaceGrotesk Fallback;src:local(Arial);ascent-override:88.78%;descent-override:26.34%;line-gap-override:0.0%;size-adjust:110.84%}.spacegrotesk_d1e1081d-module__ZrUAuG__className{font-family:spaceGrotesk,spaceGrotesk Fallback}.spacegrotesk_d1e1081d-module__ZrUAuG__variable{--font-space-grotesk:"spaceGrotesk", "spaceGrotesk Fallback"}
@font-face{font-family:hankenGrotesk;src:url(../media/hanken_grotesk_latin-s.p.2rlmbw0a3_pri.woff2)format("woff2");font-display:swap;font-weight:400 600}@font-face{font-family:hankenGrotesk Fallback;src:local(Arial);ascent-override:98.46%;descent-override:29.83%;line-gap-override:0.0%;size-adjust:101.56%}.hankengrotesk_83acd045-module__tntQCW__className{font-family:hankenGrotesk,hankenGrotesk Fallback}.hankengrotesk_83acd045-module__tntQCW__variable{--font-hanken-grotesk:"hankenGrotesk", "hankenGrotesk Fallback"}
:root{--volunteerism-navy:#002855;--volunteerism-cyan:#3098b0;--volunteerism-green:#7cbe2d;--volunteerism-blue:#0a4d8c;--volunteerism-orange:#ff9500;--volunteerism-cyan-light:#90d8e8;--volunteerism-green-light:#e9f5dd;--volunteerism-orange-light:#fff0e6;--aluna-gold:#d8a72e;--aluna-gold-dark:#8a6516;--aluna-gold-light:#fbf4dd;--aluna-earth:#8a5a44;--aluna-earth-light:#f4ece7;--aluna-green:#4e7b5b;--aluna-green-light:#eaf3ec;--aluna-teal:#00aebf;--aluna-teal-dark:#00788d;--aluna-blue-light:#e6f5f8;--color-bg:#fff;--color-bg-subtle:#f4f7fb;--color-off-white:#f4f7fb;--color-text:#0c1f33;--color-text-muted:#657384;--color-text-strong:#46586b;--color-border:#e4eaf1;--color-gray-100:#f3f6fa;--color-gray-200:#e4eaf1;--color-gray-300:#d3dce6;--color-gray-400:#9aa7b6;--color-gray-500:#6b7a8c;--color-gray-600:#46586b;--color-gray-700:#33475b;--color-success:#2e7954;--color-success-dark:#266449;--color-success-subtle:#e8f5ee;--color-warning:#9c6411;--color-warning-subtle:#fff5de;--color-danger:#c0392b;--color-danger-dark:#a5301f;--color-danger-subtle:#fdeceb;--color-focus:#0a4d8c;--color-focus-on-dark:#90d8e8;--color-focus-halo:#0a4d8c2e;--color-link:#26788b;--color-brand-primary:var(--volunteerism-navy);--color-action-primary:var(--volunteerism-cyan);--color-action-secondary:var(--volunteerism-green);--color-action-urgent:var(--volunteerism-orange);--color-surface-brand:var(--volunteerism-cyan-light);--color-text-brand:var(--volunteerism-navy);--gradient-brand:linear-gradient(135deg, #002855 0%, #3098b0 58%, #70f0e8 100%);--gradient-action:linear-gradient(140deg, #002855 0%, #0a4d8c 52%, #00aebf 100%);--gradient-hero-surface:linear-gradient(100deg, #fffffffa 0%, #fffffff0 48%, #e9f8fbc2 100%);--gradient-volunteer:linear-gradient(135deg, #e9f5dd 0%, #90d8e8 50%, #fff0e6 100%);--font-display:var(--font-space-grotesk), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:var(--font-hanken-grotesk), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #0000001a, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a, 0 10px 10px #0000000a;--header-height:68px;--touch-min:44px}
*{box-sizing:border-box;margin:0;padding:0}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--color-text);background:var(--color-bg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-text-brand)}img{max-width:100%;height:auto}button,input,select,textarea{font-family:inherit}a{color:var(--volunteerism-blue)}.skip-link{z-index:9999;color:#fff;background:var(--volunteerism-blue);border-radius:0 0 12px 12px;padding:10px 20px;font-weight:700;position:absolute;top:-100%;left:8px}.skip-link:focus{top:0}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:4px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-main{flex:1}.container{width:100%;max-width:1100px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.container-wide{width:100%;max-width:1120px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.site-chrome-container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.section{padding-block:var(--space-2xl)}.page-header{margin-bottom:var(--space-xl)}.page-header h1{font-size:32px;font-weight:700;line-height:1.25}.page-lead{margin-top:var(--space-sm);color:var(--color-text);max-width:720px;font-size:18px}.site-header{z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);height:var(--header-height);position:sticky;top:0}.header-content{height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.header-brand{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.logo-university,.logo-brand{height:44px;color:var(--volunteerism-navy);flex-shrink:0;align-items:center;text-decoration:none;display:flex}.logo-university-img{width:auto;height:44px}.volunteerism-mark{flex-shrink:0;width:40px;height:40px;display:block}.volunteerism-mark-img{width:100%;height:100%;display:block}.header-divider{background-color:var(--color-border);flex-shrink:0;width:1px;height:32px}.logo-brand{gap:var(--space-sm);font-weight:600}.brand-text{font-family:var(--font-display);color:var(--volunteerism-navy);font-size:16px;font-weight:600}.main-nav{flex:1;justify-content:center;display:flex}.main-nav ul,.mobile-menu ul,.footer-section ul{list-style:none}.main-nav ul{gap:var(--space-xl);margin:0;padding:0;display:flex}.main-nav a{color:var(--color-text);border-bottom:2px solid #0000;padding:8px 0;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .12s ease-out,color .12s ease-out}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--color-link);border-bottom-color:var(--color-link)}.header-actions{align-items:center;gap:var(--space-sm);display:flex}.account-menu{display:none;position:relative}.account-trigger{align-items:center;gap:var(--space-xs);min-height:var(--touch-min);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #0000;padding:8px 12px;font-size:13px;font-weight:600;transition:background-color .12s ease-out,border-color .12s ease-out;display:inline-flex}.account-trigger:hover,.account-trigger[aria-expanded=true]{background-color:var(--color-gray-100);border-color:var(--color-border)}.account-caret{color:var(--color-text-muted);transition:transform .15s ease-out}.account-trigger[aria-expanded=true] .account-caret{transform:rotate(180deg)}.account-panel{min-width:max-content;padding:var(--space-xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:210;position:absolute;top:calc(100% + 6px);right:0}.account-item{align-items:center;gap:var(--space-sm);width:100%;min-height:var(--touch-min);border-radius:var(--radius-sm);color:var(--color-text);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.account-item:hover{background-color:var(--color-gray-100);color:var(--color-danger)}.account-item svg{color:var(--color-text-muted);flex-shrink:0}.account-item:hover svg{color:inherit}@media (min-width:901px){.account-menu{display:block}.session-logout-compact{display:none}}.menu-toggle{width:var(--touch-min);height:var(--touch-min);cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text);background:0 0;border:none;justify-content:center;align-items:center;display:none}.mobile-menu{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);position:absolute;top:100%;left:0;right:0}.mobile-menu nav ul{padding:var(--space-md);flex-direction:column;gap:0;display:flex}.mobile-menu a,.mobile-menu button.linkish{text-align:left;width:100%;padding:var(--space-md);min-height:var(--touch-min);color:var(--color-text);cursor:pointer;background:0 0;border:none;font-size:16px;text-decoration:none;display:block}.mobile-menu a:hover,.mobile-menu a[aria-current=page],.mobile-menu button.linkish:hover{background-color:var(--color-bg-subtle);color:var(--color-link)}.site-footer{background-color:var(--color-off-white);border-top:1px solid var(--color-border);padding:var(--space-3xl) 0 var(--space-xl);margin-top:auto}.footer-content{gap:var(--space-2xl);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.footer-section h2{margin:0 0 var(--space-md) 0;font-size:14px;font-weight:600}.footer-section p{color:var(--color-text-muted);font-size:14px}.footer-section a{color:var(--color-text);min-height:32px;padding:4px 0;font-size:14px;text-decoration:none;display:block}.footer-section a:hover{color:var(--color-link)}.footer-bottom{text-align:center;padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.footer-logos{justify-content:center;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.footer-logos .logo-university-img,.footer-logos .volunteerism-lockup{object-fit:contain;width:auto;height:56px}.footer-copyright{color:var(--color-text-muted);font-size:12px}.hero{padding:var(--space-3xl) 0;background:var(--gradient-hero-surface)}.hero-row{justify-content:space-between;align-items:center;gap:var(--space-2xl);flex-wrap:wrap;display:flex}.hero-content{flex:320px;max-width:620px}.hero-logo{flex:none;width:min(200px,42vw)}.hero-logo .volunteerism-lockup{width:100%;height:auto}.hero h1{margin:0 0 var(--space-md) 0;font-size:clamp(32px,6vw,56px);font-weight:700;line-height:1.1}.hero-lead{margin:0 0 var(--space-lg) 0;font-size:18px}.hero-actions,.inline-actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.btn{min-height:var(--touch-min);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .12s ease-out,transform .12s ease-out,filter .12s ease-out;display:inline-flex}.btn:disabled{opacity:.65;cursor:not-allowed}.btn-primary{background:var(--gradient-action);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-secondary{background-color:var(--volunteerism-cyan-light);color:var(--volunteerism-navy);border:1px solid var(--volunteerism-cyan)}.btn-secondary:hover:not(:disabled){background-color:var(--volunteerism-cyan);color:#fff}.btn-link{color:var(--color-link);background:0 0;padding:10px 0;text-decoration:underline}.btn-ghost{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-dark)}.btn-outline{color:var(--volunteerism-blue);border:1px solid var(--volunteerism-blue);background:0 0}.btn-outline:hover:not(:disabled){background-color:var(--color-bg-subtle)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--color-success-dark)}.btn-sm{border-radius:var(--radius-sm);min-height:36px;padding:6px 14px;font-size:13px}.btn-block{width:100%}.form-submit-stacked{margin-top:var(--space-sm)}.card-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.activity-card,.panel-card,.form-card{border-radius:var(--radius-md);background-color:var(--color-bg);border:1px solid var(--color-border);padding:var(--space-lg)}.activity-card{transition:box-shadow .18s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.2,.8,.2,1)}.activity-card h3,.panel-card h2,.form-card h2{margin-bottom:var(--space-sm);font-size:20px;line-height:1.4}.form-card>p.muted{margin:0 0 var(--space-lg)}.card-meta,.muted{color:var(--color-text-muted);font-size:14px}.category-badge,.status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm);align-items:center;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.category-badge{background-color:var(--volunteerism-green-light);color:var(--volunteerism-navy)}.status-badge{border-radius:var(--radius-full);text-transform:none;letter-spacing:0;white-space:nowrap;gap:6px;padding:4px 10px;font-size:12px}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge[data-status=loading]:before{display:none}.status-badge[data-status=pending]{background:var(--color-warning-subtle);color:var(--color-warning)}.status-badge[data-status=approved]{background:var(--color-success-subtle);color:var(--color-success)}.status-badge[data-status=rejected]{background:var(--color-danger-subtle);color:var(--color-danger)}.status-badge[data-status=certificate]{background:var(--aluna-gold-light);color:var(--aluna-gold-dark)}.status-badge[data-status=loading]{background:var(--aluna-blue-light);color:var(--aluna-teal-dark);gap:6px}.progress-copy{justify-content:space-between;gap:var(--space-md);margin-bottom:4px;font-size:14px;display:flex}.progress-bar{background-color:var(--color-gray-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-fill{background:var(--gradient-action);border-radius:var(--radius-full);height:100%}.form-group{margin-bottom:var(--space-lg)}.form-label{color:var(--color-text);margin-bottom:var(--space-sm);font-size:14px;font-weight:600;display:block}.form-input,.form-select,.form-textarea{width:100%;min-height:var(--touch-min);padding:12px var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:16px;transition:border-color .12s ease-out,box-shadow .12s ease-out}.form-textarea{resize:vertical;min-height:96px}.form-select{appearance:none;text-overflow:ellipsis;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7a8c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:44px}.form-select:disabled{cursor:not-allowed}.form-select::-ms-expand{display:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-halo);outline:none}.form-input:disabled,.form-select:disabled{background-color:var(--color-gray-100);color:var(--color-text-strong)}.password-field{position:relative}.password-field .form-input{padding-right:52px}.password-toggle{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .12s ease-out,background-color .12s ease-out;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle:hover:not(:disabled){background-color:var(--color-gray-100);color:var(--color-text)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.password-field .form-input::-ms-reveal{display:none}.datefield{position:relative}.datefield-trigger{justify-content:space-between;align-items:center;gap:var(--space-sm);text-align:left;cursor:pointer;display:flex}.datefield-trigger svg{color:var(--color-text-muted);flex-shrink:0}.datefield-trigger[aria-expanded=true]{border-color:var(--volunteerism-cyan)}.datefield-placeholder{color:var(--color-text-muted)}.datefield-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.datefield-panel{z-index:220;width:300px;max-width:calc(100vw - 32px);padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);position:absolute;top:calc(100% + 6px);left:0}.datefield-head{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.datefield-month{text-transform:capitalize;font-size:14px;font-weight:600}.datefield-nav{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.datefield-nav:hover{background-color:var(--color-gray-100)}.datefield-weekdays,.datefield-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datefield-weekdays{margin-bottom:4px}.datefield-weekdays span{text-align:center;color:var(--color-text-muted);text-transform:uppercase;font-size:11px;font-weight:600}.datefield-day{aspect-ratio:1;border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500;transition:background-color .1s ease-out,color .1s ease-out}.datefield-day:hover:not(:disabled):not([data-selected]){background-color:var(--color-gray-100)}.datefield-day:disabled{color:var(--color-gray-400);cursor:not-allowed}.datefield-day[data-today]:not([data-selected]){box-shadow:inset 0 0 0 1.5px var(--volunteerism-cyan);font-weight:700}.datefield-day[data-selected]{background:var(--gradient-action);color:#fff;font-weight:700}.datefield-foot{gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border);display:flex}.datefield-quick{border-radius:var(--radius-sm);color:var(--color-link);cursor:pointer;background:0 0;border:none;padding:6px 8px;font-size:13px;font-weight:600}.datefield-quick:hover:not(:disabled){background-color:var(--color-bg-subtle)}.datefield-quick:disabled{color:var(--color-gray-400);cursor:not-allowed}@media (max-width:480px){.datefield-panel{left:auto;right:0}}.dropzone{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);border:1.5px dashed var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-gray-100);color:var(--color-text-muted);cursor:pointer;text-align:center;flex-direction:column;transition:border-color .12s ease-out,background-color .12s ease-out;display:flex;position:relative}.dropzone:hover,.dropzone:focus-within,.dropzone-active{border-color:var(--volunteerism-cyan);background-color:var(--aluna-blue-light)}.dropzone-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.dropzone-icon{color:var(--color-gray-400);flex-shrink:0}.dropzone-preview{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0;width:72px;height:72px}.dropzone-text{gap:2px;min-width:0;max-width:100%;display:grid}.dropzone-text strong{color:var(--color-text);font-size:14px}.dropzone-filename{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropzone-hint{color:var(--color-text-muted);font-size:13px}.form-help,.form-error{margin-top:4px;font-size:12px;display:block}.form-help{color:var(--color-text-muted)}.form-error{color:var(--color-danger)}.alert{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:14px}.alert-success{background:var(--color-success-subtle);color:var(--color-success)}.alert-warning{background:var(--color-warning-subtle);color:var(--color-warning)}.alert-danger{background:var(--color-danger-subtle);color:var(--color-danger)}.alert-info{background:var(--aluna-blue-light);color:var(--volunteerism-navy)}.stack{gap:var(--space-lg);display:grid}.hours-list{gap:var(--space-md);display:grid}.hour-item{gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);display:grid}.hour-item-header{justify-content:space-between;gap:var(--space-md);align-items:flex-start;display:flex}.data-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:var(--shadow-xs);overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px;font-size:14px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle;padding:14px 16px}.data-table th{background:var(--color-bg-subtle);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);white-space:nowrap;padding-block:12px;font-size:12px;font-weight:600}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody td{transition:background-color .12s ease-out}.data-table tbody tr:hover td{background:#f8fafc}.data-table .cell-center{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}.data-table .actions-cell{text-align:center;white-space:nowrap;width:1%}.person-cell{align-items:center;gap:12px;min-width:0;display:flex}.person-avatar{width:36px;height:36px;font-family:var(--font-display);letter-spacing:.02em;border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.person-avatar[data-tone=cyan]{background:var(--aluna-blue-light);color:var(--aluna-teal-dark)}.person-avatar[data-tone=green]{background:var(--volunteerism-green-light);color:#3f6a12}.person-avatar[data-tone=blue]{color:var(--volunteerism-blue);background:#e3ecf7}.person-avatar[data-tone=orange]{background:var(--volunteerism-orange-light);color:#9a4f00}.person-text{flex-direction:column;min-width:0;display:flex}.person-name{color:var(--color-text);font-weight:600;line-height:1.35}.person-meta{color:var(--color-text-muted);font-size:13px;line-height:1.4}.cell-progress{flex-direction:column;gap:6px;width:160px;margin-inline:auto;display:flex}.cell-progress-label{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:4px;display:flex}.cell-progress-label span{color:var(--color-text-muted)}.cell-progress .progress-bar{height:6px}.filters{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.modal-backdrop{padding:var(--space-md);z-index:200;background:#0c1f3373;place-items:center;display:grid;position:fixed;inset:0}.modal:focus,.modal:focus-visible{outline:none}.modal{background:var(--color-bg);border-radius:var(--radius-lg);width:min(720px,100%);max-height:90vh;box-shadow:var(--shadow-xl);padding:var(--space-lg);overflow:auto}.modal-head{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.modal-head-aside{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.modal-close{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .12s ease-out,color .12s ease-out;display:inline-flex}.modal-close:hover{background-color:var(--color-gray-100);color:var(--color-text)}@media (pointer:coarse){.modal-close{width:var(--touch-min);height:var(--touch-min)}}.modal img{object-fit:contain;background:var(--color-gray-100);border-radius:var(--radius-md);width:100%;max-height:46vh}.modal-actions{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.evidence-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);width:72px;height:72px}.cluster{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.empty-state{padding:var(--space-xl);text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius-md)}@media (max-width:900px){.brand-text,.main-nav,.header-actions .desktop-only{display:none}.menu-toggle{display:flex}}@media (max-width:768px){:root{--header-height:60px}.logo-university-img{height:36px}.volunteerism-mark{width:34px;height:34px}.header-brand{gap:var(--space-xs)}.header-divider{height:24px}.page-header h1{font-size:28px}.hero-actions .btn,.inline-actions .btn{flex:1;min-width:160px}}.pagination{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.pagination-summary{color:var(--color-text-muted);font-size:13px}.pagination-controls{align-items:center;gap:var(--space-xs);margin-left:auto;display:flex}.page-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);min-width:40px;height:40px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:600;transition:background-color .12s ease-out,border-color .12s ease-out;display:inline-flex}.page-btn:hover:not(:disabled):not([aria-current=page]){background-color:var(--color-gray-100);border-color:var(--color-gray-300)}.page-btn:disabled{opacity:.45;cursor:not-allowed}.page-btn[aria-current=page]{background:var(--gradient-action);color:#fff;cursor:default;border-color:#0000}.page-gap{color:var(--color-text-muted);padding:0 4px}@media (pointer:coarse){.page-btn{min-width:var(--touch-min);height:var(--touch-min)}}.skeleton{background:linear-gradient(90deg, var(--color-gray-200) 25%, var(--color-gray-100) 37%, var(--color-gray-200) 63%);border-radius:var(--radius-xs);background-size:400% 100%;animation:1.4s ease-in-out infinite skeleton-sweep;display:block}.skeleton-text{margin:var(--space-sm) 0 var(--space-lg);gap:8px;display:grid}@keyframes skeleton-sweep{0%{background-position:100%}to{background-position:0}}.btn-spinner{width:14px;height:14px;margin-right:var(--space-sm);border-radius:var(--radius-full);border:2px solid;border-top-color:#0000;animation:.7s linear infinite spinner-turn;display:inline-block}.status-badge .btn-spinner{width:10px;height:10px;margin-right:0}@keyframes spinner-turn{to{transform:rotate(360deg)}}.form-fieldset{border:none;min-width:0;margin:0;padding:0}.form-fieldset:disabled{cursor:progress}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (max-width:480px){.form-row{grid-template-columns:1fr;gap:0}}.hours-summary{padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg, #f2f8fb 0%, var(--color-bg) 65%);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 40px;display:grid}.hours-summary-head{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.hours-summary-title{font-family:var(--font-body);color:var(--color-text-muted);margin:0;font-size:14px;font-weight:600}.hours-summary-percent{font-family:var(--font-display);color:var(--color-brand-primary);font-size:15px;font-weight:700}.hours-summary-value{color:var(--color-text-muted);margin:4px 0 12px;font-size:15px}.hours-summary-value strong{font-family:var(--font-display);color:var(--color-brand-primary);font-variant-numeric:tabular-nums;margin-right:2px;font-size:32px;font-weight:700}.hours-summary .progress-bar{height:10px}.hours-summary .form-help{margin-top:12px}.hours-summary-certificate{margin-top:var(--space-md)}.hours-summary-stats{grid-template-columns:repeat(3,minmax(104px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.hours-summary-stats li{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.hours-summary-stats strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:26px;line-height:1.1}.hours-summary-stats span{color:var(--color-text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.hours-summary-stats span:before{content:"";border-radius:50%;flex-shrink:0;width:7px;height:7px}.hours-summary-stats [data-status=approved]{--stat-color:var(--color-success)}.hours-summary-stats [data-status=pending]{--stat-color:var(--color-warning)}.hours-summary-stats [data-status=rejected]{--stat-color:var(--color-danger)}.hours-summary-stats li strong{color:var(--stat-color)}.hours-summary-stats li span:before{background-color:var(--stat-color)}@media (max-width:760px){.hours-summary{padding:var(--space-md);grid-template-columns:1fr}.hours-summary-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hours-summary-stats li{padding:10px 12px}.hours-summary-stats strong{font-size:22px}.hours-summary-stats span{font-size:12px}}.hours-layout{align-items:start;gap:var(--space-lg);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}@media (min-width:1024px) and (min-height:860px){.hours-layout-form{top:calc(var(--header-height) + var(--space-lg));position:sticky}}.history-header{margin-bottom:var(--space-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.history-header h2{margin:0}.history-filters{flex-wrap:wrap;gap:6px;display:flex}.history-filter{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);min-height:32px;color:var(--color-text-strong);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:4px 6px 4px 12px;font-size:13px;font-weight:600;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out;display:inline-flex}.history-filter:hover{background:var(--color-bg-subtle)}.history-filter[aria-pressed=true]{border-color:var(--color-brand-primary);background:var(--color-brand-primary);color:#fff}.history-filter:focus-visible,.hours-tab:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.history-filter-count,.hours-tab-count{border-radius:var(--radius-full);background:var(--color-gray-100);min-width:22px;color:var(--color-text-muted);text-align:center;font-variant-numeric:tabular-nums;padding:1px 7px;font-size:12px}.history-filter[aria-pressed=true] .history-filter-count{color:#fff;background:#ffffff2e}.hours-tabs{display:none}@media (max-width:1023px){.hours-layout{grid-template-columns:1fr}.hours-tabs{top:calc(var(--header-height) + var(--space-sm));z-index:5;margin-bottom:var(--space-md);border-radius:var(--radius-md);background:var(--color-gray-100);box-shadow:0 0 0 6px var(--color-bg);grid-template-columns:1fr 1fr;padding:4px;display:grid;position:sticky}.hours-tab{border-radius:calc(var(--radius-md) - 2px);min-height:44px;color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.hours-tab[aria-pressed=true]{background:var(--color-bg);color:var(--color-brand-primary);box-shadow:var(--shadow-sm)}.hours-layout>[data-active=false]{display:none}}.hour-item-actions{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.form-card-editing{border-color:var(--volunteerism-cyan);box-shadow:0 0 0 3px var(--aluna-blue-light)}.status-summary{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.access-hint{margin-top:var(--space-md);text-align:center;font-size:14px}.access-hint a{color:var(--color-link);font-weight:600}.submit-hint{margin-top:var(--space-sm);text-align:center}.hour-item-pending{border-style:dashed;border-color:var(--volunteerism-cyan);background:var(--aluna-blue-light)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.skeleton{background:var(--color-gray-200);animation:none}.btn-spinner{opacity:.5;border-top-color:currentColor;animation:none}}