:root{--oxford-blue: #011E41;--ruskin-red: #9B1827;--mallard-green: #005145;--neutral-blue: #CAD7D8;--neutral-grey: #E3E1E0;--white: #FFFFFF;--font-display: "DM Serif Display", serif;--font-body: "Open Sans", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--oxford-blue);background-color:var(--white)}h1{font-family:var(--font-display);font-size:28px;font-weight:400;color:var(--oxford-blue)}h2{font-family:var(--font-body);font-size:18px;font-weight:600;color:var(--oxford-blue)}h3{font-family:var(--font-body);font-size:14px;font-weight:600;text-transform:uppercase;color:var(--oxford-blue)}.spinner{width:32px;height:32px;border:3px solid var(--neutral-grey);border-top-color:var(--oxford-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app{display:flex;height:calc(100vh - 40px);margin-top:40px}.main-content{flex:1;overflow-y:auto;padding:2rem}.btn{font-family:var(--font-body);font-weight:600;padding:.75rem 1.5rem;border-radius:4px;border:none;cursor:pointer;transition:all .2s}.btn-primary{background-color:var(--oxford-blue);color:var(--white)}.btn-primary:hover{background-color:#012a5a}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--white);color:var(--oxford-blue);border:2px solid var(--neutral-grey)}.btn-secondary:hover:not(:disabled){border-color:var(--oxford-blue)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:.5rem 1rem;font-size:14px}.chip{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:12px;font-weight:600}.chip-mapped{background-color:var(--mallard-green);color:var(--white)}.chip-unmapped,.chip-draft{background-color:var(--neutral-grey);color:var(--oxford-blue)}.chip-active{background-color:var(--mallard-green);color:var(--white)}.chip-completed{background-color:var(--oxford-blue);color:var(--white)}.chip-queued{background-color:var(--neutral-grey);color:var(--oxford-blue)}.chip-processing{background-color:#fd5821;color:var(--white)}.chip-failed{background-color:var(--ruskin-red);color:var(--white)}.chip-reading{background-color:#0043e0;color:var(--white)}.chip-listening{background-color:#fd5821;color:var(--white)}.chip-speaking{background-color:#c8dc00;color:var(--oxford-blue)}.chip-writing{background-color:#f3a7b8;color:var(--oxford-blue)}.chip-grammar{background-color:#5f4261;color:var(--white)}.chip-vocabulary{background-color:#82745e;color:var(--white)}.chip-video_viewing{background-color:#011e41;color:var(--white)}.chip-pronunciation{background-color:#9b1827;color:var(--white)}table{width:100%;border-collapse:collapse}thead{position:sticky;top:0;background-color:var(--oxford-blue);color:var(--white);z-index:10}th{padding:1rem;text-align:left;font-weight:600}td{padding:1rem;border-bottom:1px solid var(--neutral-grey)}tbody tr:hover{background-color:var(--neutral-blue)}.card{background-color:var(--white);border:1px solid var(--neutral-grey);border-radius:8px;padding:1.5rem;transition:all .2s;cursor:pointer}.card:hover{box-shadow:0 4px 12px #011e411a;transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#011e4180;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:var(--white);border-radius:8px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 24px #011e4133}.modal-header{padding:1.5rem;border-bottom:1px solid var(--neutral-grey);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:1.5rem}.modal-footer{padding:1.5rem;border-top:1px solid var(--neutral-grey);display:flex;justify-content:flex-end;gap:1rem}.status-bar{position:fixed;top:0;left:0;right:0;height:40px;background:#f5f5f5;border-bottom:1px solid #ddd;z-index:9999;display:flex;align-items:center}.status-bar-inner{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem}.status-indicator{display:flex;align-items:center;gap:8px}.status-indicator-mapping{padding-left:1.5rem;border-left:1px solid #ccc}.status-label{font-family:var(--font-body);font-size:13px;font-weight:600;color:#333}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot-healthy{background:#22c55e}.status-dot-unhealthy{background:#ef4444;animation:pulse-error 1.5s ease-in-out infinite}.status-pulse{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-pulse-checking{background:#888;animation:pulse-check 1.2s ease-in-out infinite}.status-pulse-mapping{background:#3b82f6;animation:pulse-mapping 1s ease-in-out infinite}@keyframes pulse-check{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes pulse-mapping{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes pulse-error{0%,to{opacity:.7}50%{opacity:1}}