:root{--primary-color: #0d9488;--primary-hover: #0f766e;--secondary-color: #0ea5e9;--background-color: #f1f5f9;--card-background: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border-color: #e2e8f0;--error-color: #ef4444;--success-color: #10b981;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-md: 8px;--radius-lg: 12px;--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{font-family:inherit;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-outline{background-color:transparent;border-color:var(--border-color);color:var(--text-main)}.btn-outline:hover{background-color:var(--background-color)}.btn-block{width:100%}.btn-link{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer}.btn-link:hover{text-decoration:underline}.text-danger{color:var(--error-color)!important}.text-success{color:var(--success-color)!important}.required{color:var(--error-color)}.error-alert{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:1rem;text-align:left}.success-alert{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:1rem;text-align:left}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:1.5rem}.login-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem;max-width:450px;width:100%;box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:2rem}.logo-emoji{font-size:3rem;display:block;margin-bottom:.5rem}.login-header h2{font-size:1.35rem;color:var(--text-main)}.subtitle{font-size:.85rem;color:var(--text-muted);font-weight:600;margin-top:.25rem}.login-form .form-group{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.35rem}.login-form label{font-size:.875rem;font-weight:600;color:var(--text-main)}.login-form input{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;outline:none;transition:border-color .2s}.login-form input:focus{border-color:var(--primary-color)}.login-mode-switch{margin:1.5rem 0}.login-mode-switch label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.icn-fields{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.home-page{max-width:1200px;margin:0 auto;padding:2rem}.home-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-color);padding-bottom:1.5rem;margin-bottom:2rem}.header-info h2{color:var(--primary-color);font-size:1.5rem}.user-role{font-size:.9rem;color:var(--text-muted);margin-top:.25rem}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.menu-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:.5rem}.menu-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.menu-icon{font-size:2.25rem}.menu-card h3{font-size:1.15rem;color:var(--text-main)}.menu-card p{font-size:.875rem;color:var(--text-muted);line-height:1.5}.master-page{max-width:1200px;margin:0 auto;padding:2rem}.page-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.tab-container{display:flex;gap:.5rem;border-bottom:2px solid var(--border-color);margin-bottom:2rem}.tab-btn{background:none;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.form-card,.table-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.form-card h3,.table-card h3{font-size:1.1rem;color:var(--text-main);margin-bottom:1.25rem;border-left:4px solid var(--primary-color);padding-left:.5rem}.inline-form .form-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.inline-form .form-group{display:flex;flex-direction:column;gap:.35rem}.inline-form .col{flex:1 1 200px}.inline-form .col-sm{flex:0 1 100px}.inline-form label{font-size:.825rem;font-weight:600;color:var(--text-muted)}.inline-form input,.inline-form select{padding:.6rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;outline:none;background-color:var(--card-background)}.inline-form input:focus,.inline-form select:focus{border-color:var(--primary-color)}.form-actions{display:flex;gap:.5rem}.master-table{width:100%;border-collapse:collapse;text-align:left}.master-table th,.master-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.master-table th{background-color:#f8fafc;color:var(--text-muted);font-size:.85rem;font-weight:700;text-transform:uppercase}.master-table td{font-size:.925rem}.master-table tbody tr:hover{background-color:#faf5ff}.disabled-row{opacity:.6;background-color:#f8fafc}.status-badge{display:inline-block;padding:.15rem .5rem;font-size:.75rem;font-weight:600;border-radius:9999px}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.inactive{background-color:#f1f5f9;color:#475569}.status-badge.approval-approved{background-color:#d1fae5;color:#065f46}.status-badge.approval-pending{background-color:#fef3c7;color:#92400e}.status-badge.approval-rejected{background-color:#fee2e2;color:#991b1b}.status-badge.approval-suspended{background-color:#e2e8f0;color:#475569}.row-actions{display:flex;gap:.75rem}.no-data{text-align:center;color:var(--text-muted);padding:2rem!important}.loading{text-align:center;color:var(--text-muted);padding:1rem}.select-observer-card{max-width:600px}.observer-selection-list{max-height:350px;overflow-y:auto;margin-bottom:1.5rem;padding-right:.25rem}.observer-selection-list::-webkit-scrollbar{width:6px}.observer-selection-list::-webkit-scrollbar-track{background:#f1f5f9}.observer-selection-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.observer-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 480px){.observer-grid{grid-template-columns:1fr}}.observer-select-btn{padding:1rem 1.25rem;text-align:left;background-color:#f8fafc;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:.25rem;position:relative;outline:none;font-family:inherit}.observer-select-btn:hover{border-color:var(--primary-color);background-color:#f0fdfa;transform:translateY(-2px);box-shadow:var(--shadow-md)}.observer-select-btn:active{transform:translateY(0)}.obs-name{font-weight:700;color:var(--text-main);font-size:1.05rem}.obs-dept{font-size:.85rem;color:var(--text-muted)}.pending-badge{position:absolute;top:.5rem;right:.5rem;background-color:#fef3c7;color:#92400e;font-size:.7rem;font-weight:700;padding:.15rem .4rem;border-radius:4px}.form-select-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;outline:none;background-color:#fff;transition:border-color .2s}.form-select-input:focus{border-color:var(--primary-color)}.observer-register-action{margin-top:1rem}.hospital-title{text-align:center;font-size:1.25rem;color:var(--primary-color);margin-bottom:.5rem}.selection-instruction{text-align:center;font-size:.95rem;color:var(--text-muted);margin-bottom:2rem;font-weight:500}.role-buttons{display:flex;flex-direction:column;gap:.5rem}.role-btn{padding:1rem;font-size:1rem;height:52px}.settings-page{padding:2rem;max-width:1000px;margin:0 auto}.settings-content{margin-top:2rem}.settings-form{padding:2.5rem;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.section-title{font-size:1.15rem;font-weight:700;color:var(--text-main);margin-bottom:1.5rem;border-left:4px solid var(--primary-color);padding-left:.75rem}.form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.form-group-row{grid-template-columns:1fr;gap:1rem}}.help-text{font-size:.8rem;color:var(--text-muted);margin-top:.35rem;line-height:1.4}.divider-line{border:0;border-top:1px solid var(--border-color);margin:2rem 0}.csv-helper-text{font-size:.875rem;color:var(--text-muted);margin-top:.5rem;line-height:1.5}.csv-result-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.csv-result-title{font-size:1.1rem;font-weight:700;color:var(--text-main);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.csv-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.csv-result-card{display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#fff;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.csv-result-card.status-ready{border-color:#93c5fd;background-color:#f8fafc}.csv-result-card.status-empty{border-color:#cbd5e1;background-color:#f8fafc}.csv-result-card.status-error{border-color:#fca5a5;background-color:#fef2f2}.csv-result-card-header{margin-bottom:.75rem}.csv-result-card-title{font-size:1rem;font-weight:700;color:var(--text-main);margin-bottom:.35rem}.csv-result-status-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;padding:.25rem .6rem;border-radius:9999px;width:fit-content}.badge-ready{background-color:#dbeafe;color:#1e40af}.badge-empty{background-color:#e2e8f0;color:#475569}.badge-error{background-color:#fee2e2;color:#991b1b}.csv-result-card-body{font-size:.85rem;color:var(--text-muted);margin-bottom:1.25rem;line-height:1.4;word-break:break-all}.csv-result-card-actions{margin-top:auto}.csv-download-btn{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-decoration:none;border:1px solid transparent}.csv-download-btn-primary{background-color:var(--primary-color);color:#fff}.csv-download-btn-primary:hover{background-color:#1d4ed8}@media (max-width: 767px){.csv-result-grid{grid-template-columns:1fr;gap:1rem}.csv-download-btn{min-height:48px;font-size:.95rem}}.form-select,.form-input-text,.form-textarea-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;outline:none;background-color:#fff;transition:border-color .2s;font-family:inherit}.form-select:focus,.form-input-text:focus,.form-textarea-input:focus{border-color:var(--primary-color)}.checkbox-group{display:flex;flex-direction:column;justify-content:flex-start}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;cursor:pointer;color:var(--text-main)}.checkbox-label input{width:18px;height:18px;cursor:pointer}.icn-management-page{padding:2rem;max-width:1200px;margin:0 auto}.management-content{margin-top:2rem}.checkbox-group-inline{display:flex;align-items:center}.hospital-management-page{padding:2rem;max-width:1200px;margin:0 auto}.observe-page{padding:2rem;max-width:1000px;margin:0 auto;position:relative}.observe-content{margin-top:1.5rem}.observe-form{padding:2.5rem;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.form-group-row-observe{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.form-select-observe,.form-textarea-observe{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;outline:none;background-color:#fff;transition:border-color .2s;font-family:inherit}.form-select-observe:focus,.form-textarea-observe:focus{border-color:var(--primary-color)}.moments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:.5rem}.moment-btn-toggle{background-color:#f8fafc;border:2px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;cursor:pointer;transition:all .2s;text-align:left;display:flex;flex-direction:column;gap:.35rem;outline:none;font-family:inherit;position:relative}.moment-btn-toggle:hover{border-color:var(--primary-color);background-color:#f0fdfa}.moment-btn-toggle.selected{border-color:var(--primary-color);background-color:#f0fdfa;box-shadow:0 0 0 2px #0d948833}.moment-code-circle{width:24px;height:24px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.moment-btn-toggle.selected .moment-code-circle{background-color:var(--primary-hover)}.moment-title-text{font-weight:700;font-size:.9rem;color:var(--text-main)}.moment-desc-text{font-size:.75rem;color:var(--text-muted);line-height:1.3}.help-badge-info{display:inline-block;background-color:#e0f2fe;color:#0369a1;font-size:.75rem;padding:.15rem .5rem;border-radius:4px;margin-left:.5rem}.result-toggle-group{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.5rem}.result-btn-radio{padding:1rem;font-size:1.1rem;font-weight:700;border-radius:var(--radius-md);border:2px solid var(--border-color);background-color:#f8fafc;cursor:pointer;transition:all .2s;text-align:center;font-family:inherit;outline:none}.result-btn-radio.complied:hover,.result-btn-radio.complied.selected{border-color:var(--success-color);background-color:#ecfdf5;color:#065f46}.result-btn-radio.partial:hover,.result-btn-radio.partial.selected{border-color:#d97706;background-color:#fffbeb;color:#92400e}.result-btn-radio.not-complied:hover,.result-btn-radio.not-complied.selected{border-color:var(--error-color);background-color:#fef2f2;color:#991b1b}.dynamic-section{margin-top:1.5rem;padding:1.5rem;background-color:#faf5ff;border:1px dashed var(--border-color);border-radius:var(--radius-md)}.animated-slide-in{animation:slideIn .2s ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.network-warning-bar{width:calc(100% + 4rem);margin-left:-2rem;margin-top:-2rem;margin-bottom:1.5rem;padding:.75rem 2rem;font-size:.9rem;font-weight:600;text-align:center;border-bottom:1px solid transparent;display:flex;justify-content:center;align-items:center;gap:.5rem;z-index:10}.network-warning-bar.offline{background-color:#fef3c7;color:#92400e;border-color:#fde68a}.network-warning-bar.syncing{background-color:#e0f2fe;color:#0369a1;border-color:#bae6fd}.register-btn-submit{height:52px;font-size:1.1rem}.dashboard-page{max-width:1200px;margin:0 auto;padding:1.5rem;animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;gap:1.15rem}.dashboard-page .page-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);margin-bottom:.5rem}.dashboard-page .header-left{display:flex;align-items:center;gap:1rem}.dashboard-page .header-titles{display:flex;align-items:baseline;gap:.5rem}.dashboard-page .header-badge{font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:9999px;background-color:#e0e7ff;color:#4338ca}.dashboard-filter-toolbar{padding:.75rem 1rem!important;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.filter-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.toolbar-item{display:flex;align-items:center;gap:.5rem}.toolbar-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.period-pills{display:inline-flex;background:#f1f5f9;padding:3px;border-radius:8px;gap:2px}.period-pill-btn{border:none;background:transparent;padding:.35rem .65rem;font-size:.8rem;font-weight:600;color:#64748b;border-radius:6px;cursor:pointer;transition:all .15s ease}.period-pill-btn:hover{color:#1e293b}.period-pill-btn.active{background:#fff;color:var(--primary-color, #4f46e5);box-shadow:0 1px 3px #0000001a}.custom-date-inputs{display:inline-flex;align-items:center;gap:.35rem}.date-input{padding:.35rem .5rem;font-size:.8rem;border:1px solid #cbd5e1;border-radius:6px;max-width:140px}.date-separator{color:#94a3b8;font-size:.8rem}.toolbar-select{padding:.35rem .75rem;font-size:.85rem;border:1px solid #cbd5e1;border-radius:6px;min-width:140px}.toolbar-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.btn-toggle-detail{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;color:#334155;transition:background .15s ease}.btn-toggle-detail:hover{background:#f1f5f9}.btn-toggle-detail.has-active{border-color:#818cf8;background:#eef2ff;color:#4338ca}.detail-count-badge{background:#4f46e5;color:#fff;font-size:.7rem;font-weight:700;padding:.1rem .4rem;border-radius:9999px}.btn-reset-toolbar{padding:.35rem .75rem;font-size:.8rem}.filter-detail-panel{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed #e2e8f0;animation:fadeIn .2s ease-in-out}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-size:.75rem;font-weight:600;color:#64748b}.detail-item select{font-size:.8rem;padding:.35rem .5rem}.dashboard-kpi-section{padding:1.25rem 1.25rem .25rem!important}.dashboard-moment-section{padding:.5rem 1.25rem 1.25rem!important}.kpi-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:1.5rem;align-items:start}.kpi-primary-col{display:flex;flex-direction:column;justify-content:flex-start;height:auto;border-right:1px solid #f1f5f9;padding-right:1.5rem}.kpi-header-row{display:flex;justify-content:space-between;align-items:center}.kpi-title{font-size:.95rem;font-weight:700;color:#1e293b}.kpi-obs-pill{font-size:.8rem;color:#64748b;background:#f1f5f9;padding:.2rem .6rem;border-radius:9999px}.kpi-main-metric{display:flex;align-items:baseline;gap:1.5rem;margin-top:1.25rem;margin-bottom:1.5rem}.metric-rate-display{display:flex;align-items:baseline;color:#4f46e5}.rate-num{font-size:3rem;font-weight:800;line-height:1}.rate-unit{font-size:1.25rem;font-weight:700;margin-left:.2rem;color:#6366f1}.metric-count-detail{display:flex;flex-direction:column;gap:.2rem}.count-label{font-size:.75rem;color:#64748b;font-weight:600}.count-fraction{font-size:1.15rem;color:#475569}.kpi-complied-count{color:#4f46e5;font-weight:800}.kpi-breakdown-compact{display:flex;flex-direction:column;gap:.6875rem}.breakdown-bar{display:flex;height:32px;border-radius:10px;overflow:hidden;background:#f1f5f9;border:1px solid #e2e8f0}.bar-seg{height:100%;transition:width .4s ease}.bar-seg+.bar-seg{box-shadow:inset 2px 0 #fff}.bar-seg.complied{background:#4f46e5}.bar-seg.partial{background:#94a3b8}.bar-seg.not-complied{background:#cbd5e1}.breakdown-tags{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.75rem;color:#475569}.tag-complied strong{color:#4338ca}.tag-partial strong{color:#64748b}.tag-not-complied strong{color:#94a3b8}.kpi-observation-donut-col{display:flex;flex-direction:column;justify-content:flex-start}.donut-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.donut-col-title{font-size:.95rem;font-weight:700;color:#1e293b}.donut-col-subtitle{font-size:.75rem;color:#64748b}.donut-card-horizontal-body{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:.25rem 0;width:100%}.donut-balanced-chart-wrapper{position:relative;width:275px;max-width:280px;min-width:260px;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;flex-shrink:0}.donut-balanced-svg{width:100%;height:100%;display:block}.donut-balanced-center-total{font-size:1.45rem;font-weight:800;fill:#0f172a;dominant-baseline:central}.donut-balanced-center-sub{font-size:.8rem;font-weight:700;fill:#64748b;dominant-baseline:central}.donut-compact-label-name-in{font-size:11.5px;font-weight:800;fill:#0f172a}.donut-compact-label-val-in{font-size:10.5px;font-weight:700;fill:#1e293b}.donut-compact-label-name-out{font-size:11px;font-weight:800;fill:#0f172a}.donut-compact-label-val-out{font-size:10px;font-weight:700;fill:#334155}.donut-side-legend{flex:0 1 280px;min-width:240px;max-width:300px;margin-left:auto;padding-left:1rem}.donut-legend-title{font-size:.78rem;font-weight:700;color:#64748b;margin-bottom:.65rem;letter-spacing:.02em}.donut-side-legend-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.donut-side-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.84rem;color:#334155;line-height:1.35}.legend-color-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.legend-moment-label{font-weight:600;white-space:normal;word-break:break-word}.section-title-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.85rem;flex-wrap:wrap;gap:.5rem}.section-heading{font-size:1rem;font-weight:700;color:#1e293b;margin:0}.section-note{font-size:.75rem;color:#64748b}.moment-cards-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.moment-display-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.85rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 2px #00000008}.moment-card-title-lg{font-size:.95rem;font-weight:700;color:#1e293b;line-height:1.35;min-height:2.7rem;margin:0 0 .5rem;word-break:break-word}.moment-card-title-line{display:block}.moment-card-metrics{display:flex;align-items:baseline;margin-bottom:.35rem}.moment-rate-lg{font-size:1.5rem;font-weight:800;color:#0f172a;line-height:1.1}.rate-zero{color:#334155!important}.moment-fraction-row{font-size:.75rem;color:#64748b;margin-bottom:.5rem}.moment-fraction-row strong{color:#0f172a}.no-opp-text{color:#94a3b8;font-weight:500}.moment-progress-track{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.moment-progress-fill{height:100%;background:#4f46e5;border-radius:3px;transition:width .4s ease}.dashboard-care-compliance-section{padding:1.25rem!important}.care-compliance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.care-compliance-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.45rem;box-shadow:0 1px 2px #00000005}.care-compliance-card.care-no-obs{background:#f8fafc;opacity:.75}.care-card-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.care-card-name{font-size:.88rem;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.care-card-rate-box{flex-shrink:0}.care-rate-num{font-size:1.15rem;font-weight:800;color:#0f172a}.care-bar-track{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.care-bar-fill{height:100%;background:#4f46e5;border-radius:4px;transition:width .4s ease}.care-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#64748b}.care-obs-count strong{color:#0f172a}.care-obs-none{color:#94a3b8;font-weight:500}.table-header-badges{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.table-legend-chips{display:flex;align-items:center;gap:.5rem}.legend-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;padding:.15rem .45rem;border-radius:4px;border:1px solid #cbd5e1}.legend-chip-no-opp{background:#f1f5f9;color:#64748b}.legend-chip-zero{background:#fff;color:#334155}.chip-symbol{font-weight:800}.care-count-badge{font-size:.75rem;font-weight:700;color:#6366f1;background:#eef2ff;padding:.2rem .5rem;border-radius:9999px}.care-table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border-radius:8px}.care-moment-table{width:100%;max-width:1160px;table-layout:fixed;border-collapse:collapse;font-size:.85rem;text-align:left}.care-moment-table th{background:#f8fafc;color:#475569;font-weight:700;padding:.6rem .5rem;border-bottom:2px solid #e2e8f0;white-space:nowrap}.care-moment-table td{padding:.6rem .5rem;border-bottom:1px solid #f1f5f9}.col-care-name{width:180px}.col-total-rate{width:90px}.col-obs-count{width:80px}.col-moment{width:152px}.col-action{width:50px}.care-row{cursor:pointer;transition:background .15s ease}.care-row:hover{background:#f8fafc}.care-row.is-expanded{background:#eef2ff}.th-care-name,.td-care-name{width:180px;min-width:160px;max-width:220px;word-break:break-word}.th-total-rate,.td-total-rate{text-align:center;min-width:80px;max-width:100px}.th-obs-count,.td-obs-count{text-align:right;min-width:65px;max-width:85px;color:#64748b}.th-moment,.td-moment-val{text-align:center;width:152px;min-width:150px;max-width:155px;box-sizing:border-box}.th-moment-named{text-align:left;vertical-align:top;padding:.6rem .5rem;box-sizing:border-box}.th-moment-col{width:152px;min-width:150px;max-width:155px;box-sizing:border-box}.moment-header{display:flex;align-items:flex-start;gap:.35rem;min-height:2.4rem;line-height:1.35}.moment-number{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#4338ca;background:#e0e7ff;border-radius:9999px;padding:.1rem .45rem;line-height:1.2}.moment-name{flex:1 1 auto;min-width:0;font-size:.72rem;font-weight:600;color:#334155;white-space:normal;overflow-wrap:normal;word-break:normal;text-align:left;line-height:1.35}.moment-name-line{display:block}.m-header-cell{display:flex;align-items:flex-start;gap:.35rem;line-height:1.35}.m-header-num{flex:0 0 auto;display:inline-block;font-size:.85rem;font-weight:700;color:#4338ca;background:#e0e7ff;border-radius:9999px;padding:.1rem .45rem}.m-header-name{flex:1 1 auto;min-width:0;font-size:.72rem;font-weight:600;color:#334155;white-space:normal;word-break:normal;text-align:left}.th-action,.td-action{text-align:center;min-width:40px;max-width:50px;color:#94a3b8}.rate-badge{font-weight:800;color:#4338ca;background:#e0e7ff;padding:.15rem .45rem;border-radius:4px}.rate-null{color:#cbd5e1;font-weight:600}.m-val-chip{font-weight:700;color:#1e293b}.m-val-null{color:#94a3b8;font-weight:500}.m-val-zero{color:#334155;font-weight:700}.cell-no-opp{background-color:#f8fafc}.cell-has-opp{background-color:transparent}.detail-no-opp{opacity:.65;background-color:#f8fafc!important}.rate-null-text{color:#94a3b8;font-size:.85rem;font-weight:600}.rate-zero-text{color:#334155;font-weight:800}.expand-indicator{font-size:.75rem}.care-detail-row td{padding:0!important;background:#fdfefe}.care-detail-card{padding:1rem;background:#faf5ff;border-bottom:2px solid #c084fc}.detail-top-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.85rem}.detail-care-title{font-size:.95rem;font-weight:700;color:#581c87;margin:0}.detail-summary-metrics{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:#6b21a8}.glove-metric-highlight{background:#fef3c7;color:#b45309;padding:.15rem .5rem;border-radius:4px;font-weight:600}.detail-moments-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.detail-moment-cell{background:#fff;border:1px solid #e9d5ff;border-radius:6px;padding:.5rem;display:flex;flex-direction:column;gap:.2rem}.cell-code{font-size:.7rem;font-weight:800;color:#7e22ce}.cell-name{font-size:.75rem;font-weight:600;color:#334155;line-height:1.2;min-height:2rem}.cell-rate{font-size:1rem;font-weight:800;color:#0f172a}.cell-counts{font-size:.7rem;color:#64748b}.cell-sub-info{font-size:.65rem;color:#94a3b8;border-top:1px dashed #f1f5f9;padding-top:.25rem;margin-top:.25rem}.context-stacked-layout{display:flex;flex-direction:column;gap:1.25rem}.context-feedback-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem}.subheading-left{display:flex;align-items:center;gap:.5rem}.subheading-help-note{font-size:.75rem;font-weight:500;color:#64748b}.context-glove-card{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.65rem;max-width:680px}.card-subheading{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:700;color:#1e293b;flex-wrap:wrap;gap:.5rem}.feedback-count-tag{font-size:.75rem;color:#0f766e;background:#ccfbf1;padding:.15rem .5rem;border-radius:9999px;font-weight:700}.glove-metric-box{display:flex;align-items:center;gap:1.25rem}.glove-rate-display{display:flex;align-items:baseline;color:#d97706}.glove-rate-num{font-size:2.25rem;font-weight:800;line-height:1}.glove-rate-unit{font-size:1rem;font-weight:700}.glove-count-desc{font-size:.85rem;color:#78350f;line-height:1.35}.glove-progress-track{height:8px;background:#fef3c7;border-radius:4px;overflow:hidden}.glove-progress-fill{height:100%;background:#f59e0b;border-radius:4px;transition:width .4s ease}.glove-context-help{font-size:.75rem;color:#92400e;line-height:1.4;margin:0}.feedback-items-list{display:flex;flex-direction:column;gap:.75rem;max-height:440px;overflow-y:auto;padding-right:.35rem}.feedback-card-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.85rem 1rem;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;gap:.5rem;transition:border-color .15s ease}.feedback-card-item:hover{border-color:#cbd5e1}.feedback-meta-header{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.75rem;color:#64748b;border-bottom:1px dashed #f1f5f9;padding-bottom:.35rem}.fb-date{color:#475569;font-weight:700}.fb-observer-name{color:#64748b;background:#f1f5f9;padding:.1rem .4rem;border-radius:4px}.fb-method-pill{color:#64748b;font-size:.75rem;margin-left:auto}.feedback-observation-context{background:#f8fafc;border-radius:6px;padding:.5rem .75rem;border-left:3px solid #0d9488}.fb-obs-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.fb-moment-group{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.fb-moment-name-pill{font-size:.82rem;font-weight:700;color:#1e293b;background:#e2e8f0;padding:.15rem .5rem;border-radius:4px}.fb-care-pill{font-size:.75rem;color:#4338ca;background:#e0e7ff;padding:.12rem .45rem;border-radius:4px;font-weight:600}.fb-moment-text{font-size:.8rem;font-weight:600;color:#334155}.fb-moment-none{color:#94a3b8}.fb-result-wrap{flex-shrink:0}.fb-result-badge{display:inline-flex;align-items:center;font-size:.78rem;font-weight:700;padding:.2rem .55rem;border-radius:4px}.result-complied{background:#ccfbf1;color:#0f766e;border:1px solid #99f6e4}.result-partial{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.result-not-complied{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.result-unknown{background:#f1f5f9;color:#94a3b8}.fb-multi-obs-container{display:flex;flex-direction:column;gap:.35rem;width:100%}.fb-multi-obs-summary-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.fb-multi-count-badge{font-size:.75rem;font-weight:700;color:#0d9488;background:#f0fdfa;padding:.1rem .4rem;border-radius:4px}.fb-toggle-obs-btn{background:none;border:none;color:#0f766e;font-size:.75rem;font-weight:700;cursor:pointer;padding:.1rem .3rem}.fb-multi-obs-details-list{display:flex;flex-direction:column;gap:.35rem;margin-top:.35rem;padding-top:.35rem;border-top:1px dashed #e2e8f0}.fb-multi-item-row{padding:.2rem 0;border-bottom:1px dotted #f1f5f9}.obs-seq-num{font-size:.75rem;font-weight:700;color:#64748b;margin-right:.2rem}.fb-multi-obs-preview-row{font-size:.78rem;color:#475569}.feedback-text-content{padding:.2rem .1rem}.feedback-quote-text{font-size:.88rem;color:#0f172a;line-height:1.5;margin:0;word-break:break-word;font-weight:500}.fb-expand-btn{background:none;border:none;color:#0f766e;font-size:.75rem;font-weight:700;cursor:pointer;padding:.25rem 0 0}.dashboard-export-nav{padding:1.25rem!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #cbd5e1}.export-nav-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.export-nav-info{max-width:600px}.export-nav-title{font-size:.95rem;font-weight:700;color:#1e293b;margin:0 0 .35rem}.export-nav-desc{font-size:.8rem;color:#64748b;margin:0;line-height:1.4}.export-nav-actions{display:flex;gap:.75rem;flex-wrap:wrap}.export-nav-btn{padding:.65rem 1.25rem;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:.4rem}.dashboard-loading-overlay{background:#ffffffb3;padding:.5rem;border-radius:6px;text-align:center;font-size:.85rem;color:#4f46e5;font-weight:600}@media (max-width: 900px){.moment-cards-grid,.detail-moments-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.dashboard-page{padding:.75rem;gap:1rem;max-width:100%;overflow-x:hidden;box-sizing:border-box}.dashboard-page .page-header{flex-wrap:wrap;gap:.75rem}.dashboard-page .header-left{flex-wrap:wrap;gap:.5rem}.dashboard-page .header-right{width:100%}.btn-export-dashboard-pdf{width:100%;justify-content:center;min-height:44px;padding:.5rem 1rem;font-size:.88rem}.filter-toolbar-row{flex-direction:column;align-items:stretch;gap:.75rem}.toolbar-item{width:100%;flex-direction:column;align-items:stretch;gap:.35rem}.period-pills{width:100%;display:flex;flex-wrap:wrap;gap:4px;background:#f1f5f9;padding:4px;box-sizing:border-box}.period-pill-btn{flex:1 1 calc(33.333% - 4px);min-height:38px;text-align:center;padding:.45rem .25rem;font-size:.82rem;white-space:nowrap}.custom-date-inputs{width:100%;display:flex;flex-direction:row;align-items:center;gap:.5rem;box-sizing:border-box}.custom-date-inputs .date-input{flex:1;max-width:none;min-height:42px;font-size:.85rem;box-sizing:border-box}.dept-select-group{width:100%}.toolbar-select{width:100%;min-height:42px;font-size:.88rem;box-sizing:border-box}.toolbar-actions{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;margin-left:0}.btn-toggle-detail{flex:1;min-height:42px;justify-content:center;font-size:.85rem}.btn-reset-toolbar{min-height:42px;padding:.45rem .85rem;font-size:.85rem}.detail-grid{grid-template-columns:1fr;gap:.65rem}.detail-item select{width:100%;min-height:42px;font-size:.88rem;box-sizing:border-box}.kpi-grid{grid-template-columns:1fr;gap:1.25rem}.kpi-primary-col{border-right:none;border-bottom:1px solid #f1f5f9;padding-right:0;padding-bottom:1.25rem}.kpi-main-metric{flex-wrap:wrap;gap:1rem;margin-top:1rem;margin-bottom:1.25rem}.rate-num{font-size:2.75rem}.donut-card-horizontal-body{flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;width:100%}.donut-balanced-chart-wrapper{width:250px;max-width:260px;min-width:0;margin:0 auto}.donut-side-legend{width:100%;max-width:100%;min-width:0;flex:none;margin-left:0;padding-left:0}.donut-legend-title{text-align:left;margin-bottom:.5rem}.donut-side-legend-list{width:100%;gap:.6rem}.donut-side-legend-item{font-size:.85rem}.moment-cards-grid{grid-template-columns:1fr;gap:.75rem}.moment-display-card{padding:.85rem 1rem}.moment-card-title-lg{min-height:auto;font-size:.95rem}.care-compliance-grid{grid-template-columns:1fr;gap:.65rem}.care-table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.detail-moments-grid{grid-template-columns:1fr;gap:.5rem}.context-stacked-layout{gap:1rem}.context-feedback-card{padding:1rem}.context-glove-card{max-width:100%;padding:1rem}.glove-metric-box{flex-direction:row;align-items:center;gap:1rem}.export-nav-content{flex-direction:column;align-items:stretch;gap:.75rem}.export-nav-actions{flex-direction:column;width:100%}.export-nav-btn{width:100%;min-height:46px;justify-content:center;font-size:.9rem;box-sizing:border-box}}@media (max-width: 480px){.dashboard-page{padding:.5rem;gap:.85rem}.donut-balanced-chart-wrapper{width:230px;max-width:240px}.period-pill-btn{flex:1 1 calc(50% - 4px);font-size:.8rem}.rate-num{font-size:2.5rem}.glove-rate-num{font-size:2rem}}.access-denied-page{max-width:800px;margin:0 auto}.text-center{text-align:center}@media print{body{background-color:#fff!important;color:#000!important}.btn-print-hide{display:none!important}.dashboard-page{padding:0!important;max-width:100%!important}.card{box-shadow:none!important;border:1px solid #ccc!important;page-break-inside:avoid;margin-bottom:2rem!important}}.method-toggle-group{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.5rem}@media (min-width: 600px){.method-toggle-group{grid-template-columns:repeat(4,1fr)}}.method-btn-radio{padding:1rem;font-size:1rem;font-weight:600;border-radius:var(--radius-md);border:2px solid var(--border-color);background-color:#f8fafc;cursor:pointer;transition:all .2s;text-align:center;font-family:inherit;outline:none}.method-btn-radio:hover,.method-btn-radio.selected{border-color:var(--primary-color);background-color:#f0fdfa;color:#0f766e}.glove-toggle-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:300px;padding:1rem;font-size:1.1rem;font-weight:700;border-radius:var(--radius-md);border:2px solid var(--border-color);background-color:#f8fafc;cursor:pointer;transition:all .2s;font-family:inherit;outline:none}.glove-toggle-btn:hover,.glove-toggle-btn.selected{border-color:#d97706;background-color:#fffbeb;color:#92400e}.glove-check-icon{font-size:1.3rem}@media (max-width: 600px){.dashboard-page,.observe-page,.masters-page{padding:1rem}.observe-form-grid{grid-template-columns:1fr!important;gap:1rem}.moments-grid{grid-template-columns:repeat(5,1fr)!important;gap:.5rem!important}.result-toggle-group{grid-template-columns:repeat(3,1fr)!important;gap:.5rem!important}.result-btn-radio{min-height:48px;padding:.5rem .25rem!important;font-size:.85rem!important;display:flex;align-items:center;justify-content:center}.method-toggle-group{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.method-btn-radio{min-height:48px;padding:.5rem .25rem!important;font-size:.85rem!important;display:flex;align-items:center;justify-content:center}.glove-toggle-btn{min-height:48px;max-width:100%!important;font-size:.95rem!important}.btn,.form-select,.form-select-observe,.form-input-text{min-height:48px;font-size:1rem!important}.grid-summary,.grid-charts{grid-template-columns:1fr!important}.filter-row{flex-direction:column;align-items:stretch!important;gap:1rem}.filter-group{flex:1 1 100%!important}.filter-actions-col{margin-top:.5rem;text-align:center}.filter-actions-col .btn{width:100%}.svg-chart-wrapper text{font-size:8px!important}.custom-bar-chart .chart-row-header{font-size:.8rem!important}.home-page{padding:1rem}.home-header{flex-direction:column;align-items:stretch;gap:1rem;padding-bottom:1rem;margin-bottom:1.5rem;text-align:center}.home-header .btn-logout{width:100%}.home-grid{grid-template-columns:1fr!important;gap:1rem}.menu-card{padding:1.25rem}.login-page{padding:1rem}.login-card{padding:1.5rem;width:100%;max-width:100%}.select-observer-card{max-width:100%!important;padding:1.5rem!important}.observer-selection-list{max-height:280px}.observer-grid{grid-template-columns:1fr!important;gap:.5rem}.observer-select-btn{padding:.75rem 1rem;min-height:48px}.tab-container{display:flex;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;gap:.25rem;margin-bottom:1.5rem}.tab-btn{padding:.75rem 1rem;font-size:.9rem;flex:0 0 auto}.inline-form .form-row{flex-direction:column;align-items:stretch!important;gap:.75rem}.inline-form .col,.inline-form .col-sm{flex:1 1 100%!important;width:100%}.inline-form input,.inline-form select{min-height:48px;font-size:1rem!important;width:100%}.inline-form .form-actions{width:100%;margin-top:.5rem}.inline-form .form-actions .btn{width:100%;min-height:48px}.table-card{padding:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.master-table{min-width:500px}.settings-page,.icn-management-page,.hospital-management-page{padding:1rem}.settings-form{padding:1.5rem}.form-group-row{grid-template-columns:1fr!important;gap:1rem}.form-select,.form-input-text,.form-textarea-input{min-height:48px;font-size:1rem!important}.row-actions{gap:1rem!important}.row-actions .btn{min-height:40px;padding:.5rem 1rem}}@media print{header,.home-header,.page-header button,.btn,button,select,input,.tab-container,.form-card,.inline-form,.pagination,.back-link,.row-actions,th:last-child,td:last-child,.menu-card-install,.error-alert,.success-alert,.alert,.filter-toggle-btn{display:none!important}html,body{background:#fff!important;background-color:#fff!important;color:#1e293b!important;font-size:9.5pt!important;margin:0!important;padding:0!important}.home-page,.master-page,.settings-page,.icn-management-page,.observe-page,.dashboard-page,.table-card,.card{background:#fff!important;background-color:#fff!important;color:#1e293b!important;box-shadow:none!important;border:none!important;padding:0!important;margin:0 0 1rem!important}.table-card{overflow:visible!important;padding:0!important;border:none!important}table,.master-table{width:100%!important;max-width:100%!important;border-collapse:collapse!important;table-layout:auto!important}table th,table td,.master-table th,.master-table td{border:1px solid #cbd5e1!important;padding:6px 8px!important;font-size:8pt!important;color:#1e293b!important;background-color:transparent!important}table th,.master-table th{background-color:#f1f5f9!important;font-weight:700!important}thead{display:table-header-group!important}tr{page-break-inside:avoid!important;break-inside:avoid!important}@page{size:A4 portrait;margin:15mm}.dashboard-page{max-width:100%!important;padding:0!important}.grid-summary-ratios,.grid-details-charts,.dashboard-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1.5rem!important}.card{page-break-inside:avoid!important;break-inside:avoid!important;border:1px solid #e2e8f0!important;border-radius:var(--radius-md)!important;padding:1rem!important;background-color:#fff!important}svg{max-width:100%!important;height:auto!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.observe-compact-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.observer-fixed-banner{background-color:#f0fdfa;border:1px solid #ccfbf1;color:#0f766e;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.moment-round-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1 / 1;border-radius:50%!important;border:2px solid var(--border-color);background-color:#f8fafc;cursor:pointer;transition:all .2s;font-family:inherit;outline:none;font-weight:800;font-size:1.25rem;color:var(--text-main);padding:0!important}.moment-round-btn:hover,.moment-round-btn.selected{border-color:var(--primary-color);background-color:#f0fdfa;color:#0f766e;transform:scale(1.05)}.moment-round-btn:active{transform:scale(.95)}.moment-active-desc{margin-top:.5rem;padding:.5rem;background-color:#f8fafc;border-radius:6px;border-left:3px solid var(--secondary-color);font-size:.8rem;color:var(--text-muted);min-height:38px;display:flex;align-items:center}.observe-accordion{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;margin-bottom:1.5rem;background-color:#f8fafc}.accordion-header-btn{width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;font-weight:700;font-size:.9rem;color:var(--text-main);cursor:pointer;display:flex;justify-content:space-between;align-items:center;outline:none}.accordion-header-btn:hover{background-color:#f1f5f9}.accordion-body{padding:0 1rem 1rem;background-color:#fff;border-top:1px solid var(--border-color);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.editing-banner{animation:slideDown .2s ease-out}.today-observations-section{padding-top:1rem}.observation-list-card{transition:transform .15s ease,box-shadow .15s ease}.observation-list-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000014!important}.observation-list-card:active{transform:translateY(0);box-shadow:0 2px 4px #0000000d!important}.observation-list-card.complied{border-left-color:#28a745!important}.observation-list-card.complied:hover{background-color:#f6faf2!important}.observation-list-card.partial{border-left-color:#ffc107!important}.observation-list-card.partial:hover{background-color:#fffdf5!important}.observation-list-card.not-complied{border-left-color:#dc3545!important}.observation-list-card.not-complied:hover{background-color:#fdf5f6!important}.observation-list-card.currently-editing{outline:2px solid #856404;background-color:#fffef0!important;box-shadow:0 4px 12px #85640426!important}.method-field-error{border:2px solid var(--error-color)!important;background-color:#fef2f2!important;border-radius:var(--radius-md);animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.result-badge.complied{background-color:#e2f0d9;color:#28a745}.result-badge.partial{background-color:#fff3cd;color:#856404}.result-badge.not-complied{background-color:#f8d7da;color:#dc3545}.continuous-observe-notice{font-size:.85rem;color:var(--text-muted);background-color:#f8fafc;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem .75rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem;text-align:center}.continuous-observe-notice .notice-divider{color:#cbd5e1}.network-warning-bar.sync-failed{background-color:#f8d7da;color:#721c24;border-bottom:1px solid #f5c6cb}.network-warning-bar.sync-attention{background-color:#fff3cd;color:#856404;border-bottom:1px solid #ffeeba}.network-warning-bar.sync-pending{background-color:#e2e8f0;color:#334155;border-bottom:1px solid #cbd5e1}.btn-sync-retry{background-color:#dc3545;color:#fff;border:1px solid transparent;padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.85rem;cursor:pointer;font-weight:700;transition:background-color .2s}.btn-sync-retry:hover{background-color:#c82333}.btn-sync-retry:disabled{background-color:#6c757d;opacity:.65;cursor:not-allowed}.pwa-toast-container{position:fixed;right:0;bottom:0;margin:1.5rem;padding:1rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);z-index:9999;background-color:#fff;box-shadow:var(--shadow-lg);animation:slideIn .3s ease-out;max-width:400px}.pwa-toast{display:flex;flex-direction:column;gap:.75rem}.pwa-toast-message{font-size:.95rem;color:var(--text-main);line-height:1.4}.pwa-toast-actions{display:flex;gap:.5rem;justify-content:flex-end}.pwa-btn{padding:.5rem 1rem;font-size:.85rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;transition:background-color .2s,border-color .2s}.pwa-btn-primary{background-color:var(--primary-color);color:#fff;border:1px solid transparent}.pwa-btn-primary:hover{background-color:var(--primary-hover)}.pwa-btn-secondary{background-color:#f1f5f9;color:var(--text-main);border:1px solid var(--border-color)}.pwa-btn-secondary:hover{background-color:#e2e8f0}@keyframes slideIn{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.export-format-section{margin-top:1.5rem;margin-bottom:1.5rem}.export-format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.5rem}.export-format-card{display:flex;flex-direction:column;padding:1.15rem 1.25rem;border-radius:var(--radius-md, 8px);border:2px solid var(--border-color, #e2e8f0);background-color:#f8fafc;cursor:pointer;transition:all .2s ease;position:relative;text-align:left}.export-format-card:hover{border-color:var(--primary-color, #0f766e);background-color:#f0fdfa}.export-format-card.selected{border-color:var(--primary-color, #0f766e);background-color:#f0fdfa;box-shadow:0 0 0 1px var(--primary-color, #0f766e)}.export-format-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.export-format-radio{margin:0;cursor:pointer;accent-color:var(--primary-color, #0f766e);width:1.2rem;height:1.2rem}.export-format-name{font-weight:700;font-size:1.05rem;color:var(--text-main, #1e293b)}.export-format-desc{font-size:.85rem;color:var(--text-muted, #64748b);line-height:1.5;margin:0}.csv-type-section{margin-top:.75rem;margin-bottom:1.25rem}.csv-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.5rem}.csv-type-card{display:flex;flex-direction:column;padding:1rem;border-radius:var(--radius-md, 8px);border:2px solid var(--border-color, #e2e8f0);background-color:#f8fafc;cursor:pointer;transition:all .2s ease;position:relative;text-align:left}.csv-type-card:hover{border-color:var(--primary-color, #0f766e);background-color:#f0fdfa}.csv-type-card.selected{border-color:var(--primary-color, #0f766e);background-color:#f0fdfa;box-shadow:0 0 0 1px var(--primary-color, #0f766e)}.csv-type-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.csv-type-radio{margin:0;cursor:pointer;accent-color:var(--primary-color, #0f766e);width:1.15rem;height:1.15rem}.csv-type-name{font-weight:700;font-size:1rem;color:var(--text-main, #1e293b)}.csv-type-desc{font-size:.85rem;color:var(--text-muted, #64748b);line-height:1.5;margin:0}.export-section-card{background-color:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);padding:1.5rem;margin-top:1.5rem;margin-bottom:1.5rem}.export-section-card:last-child{margin-bottom:0}.export-section-title{font-size:1.15rem;font-weight:700;color:var(--text-main, #1e293b);margin-top:0;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.export-section-desc{font-size:.875rem;color:var(--text-muted, #64748b);line-height:1.5;margin-bottom:1rem}.export-section-actions{display:flex;justify-content:flex-start;align-items:center;margin-top:1.25rem}@media (max-width: 767px){.pdf-report-header{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;margin-bottom:1.25rem!important}.pdf-header-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%}.pdf-report-title{font-size:1.4rem!important;line-height:1.3!important;margin:0!important}.pdf-btn-back{white-space:nowrap!important;flex-shrink:0!important;min-height:44px!important;padding:.5rem .85rem!important;font-size:.85rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.pdf-report-subtitle{font-size:.8rem!important;line-height:1.4!important;margin-top:.25rem!important}.pdf-filters-card{padding:1rem!important;margin-bottom:1.25rem!important}.pdf-filters-card .filter-row{gap:.75rem!important}.pdf-filters-card .filter-group{flex:1 1 100%!important;width:100%!important}.pdf-filters-card input,.pdf-filters-card select{width:100%!important;min-height:44px!important;font-size:16px!important}.pdf-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.6rem!important}.pdf-kpi-card{padding:.85rem .75rem!important;min-width:0!important}.pdf-kpi-card .card-subtitle{font-size:.75rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.pdf-kpi-val-wrap{margin:.35rem 0!important}.pdf-kpi-val{font-size:1.6rem!important;letter-spacing:-.02em!important;line-height:1.1!important}.pdf-kpi-note{font-size:.72rem!important;line-height:1.2!important;word-break:break-word!important}.pdf-who-header{flex-direction:column!important;align-items:flex-start!important;gap:.25rem!important;margin-bottom:.5rem!important}.pdf-who-header .card-subtitle{font-size:.95rem!important}.pdf-who-badge-secondary{font-size:.7rem!important;color:var(--text-muted, #64748b)!important}.pdf-moment-row{margin-bottom:1rem!important;padding-bottom:.75rem!important;border-bottom:1px solid #f1f5f9}.pdf-moment-row:last-child{border-bottom:none;margin-bottom:.25rem!important;padding-bottom:0!important}.pdf-moment-title-line{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:.5rem!important;margin-bottom:.35rem!important;flex-wrap:wrap!important}.pdf-moment-name{font-size:.85rem!important;font-weight:700!important;color:var(--text-main, #1e293b)!important}.pdf-moment-stat-line{display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:.5rem!important;margin-bottom:.25rem!important}.pdf-moment-rate{font-size:1.25rem!important;font-weight:800!important;color:var(--primary-color, #0f766e)!important;line-height:1!important}.pdf-moment-counts{font-size:.78rem!important;color:var(--text-muted, #64748b)!important;font-weight:500!important}.pdf-moment-delta-line{font-size:.72rem!important;color:var(--text-muted, #94a3b8)!important;margin-bottom:.4rem!important}.pdf-moment-progress{height:10px!important;background:#f1f5f9!important;border-radius:5px!important}.pdf-ratio-card{justify-content:flex-start!important}.charts-grid-section .breakdown-wrapper{height:auto!important;justify-content:flex-start!important;gap:1rem!important}.pdf-ratio-item{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:.25rem!important;padding:.5rem .65rem!important;box-sizing:border-box!important;overflow:visible!important;width:100%!important}.pdf-ratio-val{margin-left:0!important;padding-left:1.25rem!important;font-size:.85rem!important;display:block!important;width:100%!important;box-sizing:border-box!important}.pdf-ratio-note{position:relative!important;margin-top:.75rem!important;width:100%!important;box-sizing:border-box!important;clear:both!important}.pdf-good-growth-header{flex-direction:column!important;align-items:flex-start!important;gap:.35rem!important}.pdf-good-growth-subtitle{font-size:.72rem!important;color:var(--text-muted, #64748b)!important;line-height:1.4!important;display:block!important}.pdf-good-growth-grid{grid-template-columns:1fr!important;gap:1rem!important}.pdf-candidate-card{padding:.75rem!important;margin-bottom:.5rem;min-height:44px;box-sizing:border-box}.pdf-candidate-card:last-child{margin-bottom:0}.pdf-candidate-header{display:flex!important;justify-content:space-between!important;align-items:baseline!important;flex-wrap:wrap!important;gap:.25rem!important;margin-bottom:.35rem!important}.pdf-growth-breakdown-text{font-size:.75rem!important;font-weight:700!important;color:#b45309!important;white-space:normal!important;word-break:break-word!important}.pdf-feedback-header-box{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.pdf-feedback-badge{align-self:flex-start!important}.pdf-feedback-list-grid{grid-template-columns:1fr!important;max-height:320px!important}.pdf-feedback-item{min-height:44px!important;padding:.75rem!important}.pdf-comment-label-row{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:.35rem!important;gap:.5rem!important}.pdf-autosize-textarea{width:100%!important;padding:.75rem!important;font-size:16px!important;line-height:1.5!important;border-radius:6px!important;box-sizing:border-box!important;resize:none!important;overflow-y:hidden!important}.pdf-comment-group{margin-bottom:.75rem!important}.dashboard-page{padding:.75rem!important}.dashboard-page .card{padding:1rem!important;margin-bottom:1rem!important}.pdf-report-header,.dashboard-filters.card,.summary-section,.charts-grid-section{margin-bottom:1rem!important}.charts-grid-section>div{grid-template-columns:1fr!important;gap:1rem!important}.pdf-output-card{padding:1.25rem 1rem!important}.pdf-output-btn-wrap{width:100%!important;max-width:100%!important}.pdf-btn-primary-export{width:100%!important;min-height:48px!important;font-size:1rem!important;white-space:nowrap!important;padding:.75rem 1rem!important}.pdf-btn-secondary-export{min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.export-format-grid,.csv-type-grid{grid-template-columns:1fr!important;gap:.75rem!important}.export-format-card,.csv-type-card{min-height:48px!important;padding:.85rem 1rem!important}}@media (max-width: 350px){.pdf-kpi-grid{grid-template-columns:1fr!important}.pdf-kpi-val{font-size:1.4rem!important}}