:root{--error-color: #c00;--focus-ring: 2px solid #0066cc;--focus-offset: 2px;--color-primary: #1a73e8;--color-primary-hover: #1557b0;--color-primary-active: #134a9e;--color-border: #e8eaed;--color-surface: #fff;--color-background: #f8f9fa;--color-text: #202124;--color-text-secondary: #5f6368;--radius-card: 8px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .06)}.loading-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem}.loading-text{margin:0;color:#555}.spinner{width:2rem;height:2rem;border:3px solid #e0e0e0;border-top-color:#06c;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-link{color:#06c;text-decoration:none;border-radius:4px;padding:.2em .4em;transition:background-color .15s ease,color .15s ease}.app-link:hover{background-color:#e8f0fe;color:#004a99}.app-link:focus{outline:none;box-shadow:0 0 0 var(--focus-offset) #fff,0 0 0 calc(var(--focus-offset) + 2px) #06c}.app-link:active{background-color:#c5d9f7;color:#003d7a}.app-btn{padding:.4em .8em;font-size:1rem;color:#333;background-color:#f0f0f0;border:1px solid #ccc;border-radius:6px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.app-btn:hover{background-color:#e5e5e5;border-color:#b0b0b0}.app-btn:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #0066cc4d}.app-btn:active{background-color:#d5d5d5;border-color:#999}#role-select{padding:.3em .5em;border-radius:4px;border:1px solid #ccc}#role-select:hover:not(:disabled){border-color:#999}#role-select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #0066cc40}#role-select:disabled{opacity:.7;cursor:not-allowed}.role-error{color:var(--error-color);margin-left:.25em}label[for=role-select]{margin-right:.5em}.app-nav{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #ddd}.nav-dropdown{position:relative;list-style:none}.nav-dropdown summary{cursor:pointer;color:#06c;padding:.2em .4em;border-radius:4px;transition:background-color .15s ease,color .15s ease}.nav-dropdown summary:hover{background-color:#e8f0fe;color:#004a99}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:after{content:" ▾";font-size:.85em}.nav-dropdown[open] summary:after{content:" ▴"}.nav-dropdown-menu{position:absolute;top:100%;left:0;margin:.25rem 0 0;padding:.5rem 0;min-width:12rem;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;list-style:none;z-index:10}.nav-dropdown-menu li{margin:0}.nav-dropdown-menu .app-link{display:block;padding:.4rem 1rem}.breadcrumb{margin-bottom:.75rem;font-size:.9rem;color:#666}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem}.breadcrumb-sep{color:#999}.breadcrumb-current{font-weight:500;color:#333}.breadcrumb-link{color:#06c}.settlement-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.settlement-tab{margin:0}.settlement-tab.active{background-color:#e8f0fe;border-color:#06c}.settlement-tab-panel.hidden{display:none}.verification-eligible-badge{display:inline-block;margin-left:.5rem;padding:.15em .5em;font-size:.9em;background:#e8f5e9;color:#2e7d32;border-radius:4px}.quest-table{width:100%;border-collapse:collapse;margin-top:.5rem;background:var(--color-surface);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card)}.quest-table th,.quest-table td{padding:.5rem .75rem;text-align:left;border:1px solid #e8eaed}.quest-table thead{background-color:#f8f9fa}.quest-detail-form{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.quest-detail-form input{padding:.35rem .5rem;border:1px solid #ccc;border-radius:4px;min-width:12rem}.quest-detail-form label{margin-right:.25rem}.quest-actions{margin:1rem 0;padding:1rem;background:#f8f9fa;border-radius:8px}.quest-actions h3{margin:0 0 .5rem;font-size:1rem}.quest-actions-btns{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.quest-evidence-wrap{display:inline-flex;gap:.25rem;align-items:center}.evidence-input{padding:.35rem .5rem;border:1px solid #ccc;border-radius:4px;min-width:10rem}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--error-color);box-shadow:0 0 0 1px var(--error-color)}.quest-feedback{margin:.5rem 0 0;font-size:.95rem}.quest-feedback-success{color:#0a0}.quest-feedback-error{color:var(--error-color)}.card-section{margin-top:1.5rem;padding:1rem;background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.card-section__title{font-size:1rem;margin:0 0 .75rem;color:var(--color-text-secondary)}.card-section__body{margin:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin:0;padding:0;list-style:none}.card-grid-item{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:1rem;border:1px solid var(--color-border);transition:box-shadow .15s ease}.card-grid-item:hover{box-shadow:0 4px 12px #00000014}.card-grid-item__label{margin:0 0 .25rem;font-size:.85rem;color:var(--color-text-secondary)}.card-grid-item p:last-of-type{margin-bottom:.75rem}.form-field{margin-bottom:1rem}.form-field label{display:block;font-weight:500;margin-bottom:.35rem;color:var(--color-text)}.form-field__input{width:100%;max-width:100%;padding:.5rem .6rem;font-size:1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text)}.form-field__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1a73e833}.form-field__input[aria-invalid=true]{border-color:var(--error-color)}.form-field__error{margin:.35rem 0 0;font-size:.9rem;color:var(--error-color)}.quest-timeline-section{margin-top:1.5rem;padding:1rem;background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.quest-timeline-heading{font-size:1rem;margin:0 0 .75rem;color:#5f6368}.timeline{list-style:none;margin:0;padding:0 0 0 1.5rem;border-left:2px solid var(--color-border)}.timeline-item{position:relative;padding-bottom:1rem}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:-1.5rem;top:.25rem;transform:translate(-50%);width:10px;height:10px;border-radius:50%;background:var(--color-primary);border:2px solid #fff;box-shadow:0 0 0 1px var(--color-border)}.timeline-content{margin-left:0}.timeline-content strong{display:block;font-size:.95rem;color:var(--color-text)}.timeline-meta{display:block;font-size:.85rem;color:var(--color-text-secondary);margin-top:.15rem}.app-btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.app-btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.app-btn--primary:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #1a73e866}.app-btn--primary:active{background:var(--color-primary-active);color:#fff}.settlement-section{margin-top:1.5rem;padding:1rem;background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.settlement-section h2{font-size:1.1rem;margin-bottom:.5rem}.action-form{margin-top:.5rem}.action-form p{margin:.4rem 0}.action-form label{display:block;margin-bottom:.2rem}.action-form input,.action-form select,.action-form textarea{width:100%;max-width:24rem;padding:.35rem .5rem;border:1px solid #ccc;border-radius:4px}.action-form button{margin-top:.5rem;margin-right:.5rem}.toast-container{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{padding:.6rem 1rem;border-radius:8px;font-size:.95rem;box-shadow:0 2px 12px #00000026;pointer-events:auto;animation:toast-in .25s ease}.toast-success{background:#e8f5e9;color:#1b5e20;border:1px solid #a5d6a7}.toast-error{background:#ffebee;color:#b71c1c;border:1px solid #ef9a9a}@keyframes toast-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.context-select{max-width:36rem;margin:0 auto;padding:1.5rem}.context-select h1{font-size:1.35rem;margin-bottom:.5rem}.context-select-current{margin-bottom:1.25rem;color:#555}.context-select-cards{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.context-select-card{padding:.9rem 1.25rem;font-size:1rem;font-weight:500;color:#333;background:#f8f9fa;border:2px solid #dee2e6;border-radius:10px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.context-select-card:hover{background:#e9ecef;border-color:#adb5bd}.context-select-card--current{background:#e8f0fe;border-color:#06c;color:#004a99}.context-select-card:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #06c}.context-select-card:disabled{opacity:.7;cursor:not-allowed}.context-select-hint{font-size:.9rem;color:#666;margin-bottom:1rem}.home-current-context{margin-bottom:.25rem}.home-role-label{font-size:.9rem;color:#666;margin-bottom:.5rem}.home-role-blocked{font-size:.9rem;color:#b71c1c;margin-bottom:.5rem}.home-role-cards{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.home-role-card{padding:.5rem .9rem;font-size:.95rem;font-weight:500;color:#333;background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.home-role-card:hover{background:#e9ecef;border-color:#adb5bd}.home-role-card--current{background:#e8f0fe;border-color:#06c;color:#004a99}.home-role-card:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #06c}.home-role-card:disabled{opacity:.7;cursor:not-allowed}.status-badge{display:inline-block;padding:.2em .5em;font-size:.9em;font-weight:500;border-radius:4px;white-space:nowrap}.status-badge--default{background:#e8f0fe;color:#004a99}.status-badge--success{background:#e6f4ea;color:#0d652d}.status-badge--warning{background:#fef7e0;color:#b45309}.status-badge--neutral{background:#f1f3f4;color:#5f6368}.hidden{display:none!important}.app-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:.75rem;min-height:56px;padding:0 1rem;background:var(--color-primary);color:#fff;box-shadow:0 1px 3px #0000001f}.app-bar-menu-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 -.5rem;padding:0;background:transparent;border:none;border-radius:50%;color:inherit;font-size:1.5rem;cursor:pointer;transition:background-color .15s ease}.app-bar-menu-btn:hover{background:#ffffff1f}.app-bar-menu-btn:focus{outline:none;box-shadow:0 0 0 2px #fff}.app-bar-logo{font-weight:600;font-size:1.25rem;color:inherit;text-decoration:none;letter-spacing:-.02em}.app-bar-logo:hover{color:#fff;text-decoration:none;opacity:.95}.app-bar-search{flex:1;max-width:320px;margin:0 .5rem}.app-bar-search-input{width:100%;padding:.4rem .75rem;font-size:.9rem;border:none;border-radius:6px;background:#fff3;color:#fff;transition:background .15s ease}.app-bar-search-input::placeholder{color:#ffffffbf}.app-bar-search-input:hover,.app-bar-search-input:focus{background:#ffffff47}.app-bar-search-input:focus{outline:none;box-shadow:0 0 0 2px #fff}.app-bar-spacer{flex:1}.app-bar-notify-wrap{position:relative}.app-bar-notify-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#ffffff26;border:none;border-radius:50%;color:inherit;font-size:1.25rem;cursor:pointer;transition:background .15s ease}.app-bar-notify-btn:hover{background:#ffffff40}.app-bar-notify-btn:focus{outline:none;box-shadow:0 0 0 2px #fff}.app-bar-notify-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;min-width:240px;max-width:360px;max-height:60vh;overflow:auto;padding:.5rem;background:#fff;color:var(--color-text);border-radius:8px;box-shadow:0 4px 16px #00000026}.app-bar-notify-dropdown.hidden{display:none!important}.app-bar-notify-empty{margin:0;padding:.75rem;font-size:.9rem;color:var(--color-text-secondary);text-align:center}.app-bar-actions{display:flex;align-items:center;gap:.5rem}.app-bar-role-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;background:#ffffff26;border:none;border-radius:6px;color:inherit;font-size:.9rem;cursor:pointer;transition:background-color .15s ease}.app-bar-role-btn:hover{background:#ffffff40}.app-bar-role-btn:focus{outline:none;box-shadow:0 0 0 2px #fff}.app-bar-role-wrap{position:relative}.app-bar-role-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;min-width:10rem;padding:.5rem 0;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;z-index:200}.app-bar-role-dropdown.hidden{display:none!important}.app-bar-role-option{display:block;width:100%;padding:.5rem 1rem;border:none;background:transparent;font-size:.9rem;text-align:left;cursor:pointer;color:#333}.app-bar-role-option:hover{background:#f1f3f4}.app-bar-role-option[aria-selected=true]{font-weight:600;background:#e8f0fe;color:#1a73e8}.app-bar-link,.app-bar-btn{padding:.35rem .75rem;font-size:.9rem;color:inherit;background:#ffffff26;border:none;border-radius:6px;text-decoration:none}.app-bar-link:hover,.app-bar-btn:hover{background:#ffffff40;color:#fff}.app-sidebar{position:fixed;top:0;left:0;z-index:150;width:260px;max-width:85vw;height:100vh;padding:1rem 0;background:#fff;border-right:1px solid #e0e0e0;box-shadow:2px 0 8px #00000014;overflow-y:auto;transform:translate(-100%);transition:transform .2s ease}.app-sidebar-open{transform:translate(0)}.app-sidebar-close{position:absolute;top:.5rem;right:.5rem;width:40px;height:40px;padding:0;background:transparent;border:none;font-size:1.5rem;line-height:1;color:#5f6368;cursor:pointer;border-radius:50%}.app-sidebar-close:hover{background:#f1f3f4}.app-sidebar-list{list-style:none;margin:0;padding:.5rem 0}.app-sidebar-list li{margin:0}.app-sidebar-link{display:block;padding:.5rem 1.25rem;color:#202124;text-decoration:none;font-size:.95rem;border-left:3px solid transparent;transition:background .15s ease,border-color .15s ease}.app-sidebar-link:hover{background:#f1f3f4;color:var(--color-primary)}.app-sidebar-link[aria-current=page]{font-weight:600;background:#e8f0fe;color:var(--color-primary);border-left-color:var(--color-primary)}.app-sidebar-link--dimmed{opacity:.6}.app-sidebar-link--dimmed:hover{opacity:.9}.app-sidebar-details{margin:0;padding:.5rem 0;border-top:1px solid #e0e0e0}.app-sidebar-summary{padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;color:#5f6368;cursor:pointer;list-style:none}.app-sidebar-summary::-webkit-details-marker{display:none}.app-sidebar-summary:after{content:" ▾";font-size:.8em}.app-main{flex:1;min-width:0;padding:1rem 1.5rem;background:var(--color-background)}.app-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;background:#0006;transition:opacity .2s ease}.app-sidebar-backdrop.hidden{display:none!important}@media (max-width: 600px){.app-bar-search{display:none}}@media (min-width: 900px){.app-bar-menu-btn{display:none}.app-sidebar{transform:none;box-shadow:none;padding-top:0}.app-sidebar-close{display:none}.app-sidebar-backdrop{display:none!important}#app{display:flex;flex-wrap:wrap}.app-bar{width:100%}.app-sidebar{position:relative;width:240px;height:auto;min-height:calc(100vh - 56px);flex-shrink:0}.app-main{flex:1;min-height:calc(100vh - 56px)}}