:root{--color-bg: #f5f5f5;--color-text: #222;--color-nav-bg: #fff;--color-nav-border: #e0e0e0;--color-header-bg: #fff;--color-header-border: #e0e0e0;--color-link: #0066cc;--color-link-hover: #0052a3;--color-card-bg: #fff;--color-card-border: #e0e0e0}body.dark{--color-bg: #181a1b;--color-text: #e0e0e0;--color-nav-bg: #23272e;--color-nav-border: #2c2f36;--color-header-bg: #23272e;--color-header-border: #2c2f36;--color-link: #8ab4f8;--color-link-hover: #a3c9fa;--color-card-bg: #23272e;--color-card-border: #2c2f36}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background-color:var(--color-bg);color:var(--color-text);transition:background-color .2s,color .2s}button{background:#06c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500}button:hover{background:#0052a3}h1{font-size:1.5rem}.btn{padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:all .2s;color:#fff}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-success{background:#4caf50}.btn-success:hover{background:#45a049}.btn-primary{background:#06c}.btn-info{background:#2196f3;color:#fff}.btn-info:hover{background:#1976d2}.btn-primary:hover{background:#0052a3}.btn-secondary{background:#6c757d;background:#757575;background:#9e9e9e}.btn-secondary:hover{background:#545b62;background:#616161;background:#757575}.btn-warning{background:#ffc107;color:#000}.btn-warning:hover:not(:disabled){background:#e0a800}.btn-danger{background:#dc3545}.btn-danger:hover{background:#c82333}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-edit{background:#2196f3;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background .2s}.btn-edit:hover{background:#1976d2}dialog{border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:500px;width:90%;max-height:90vh;background-color:var(--color-header-bg)}dialog::backdrop{background:#00000080}.modal-content{max-height:90vh;overflow:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;margin-bottom:1.5rem;border-bottom:1px solid #dee2e6}.modal-header h2{margin:0}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e0e0e0}.modal-actions{display:flex;justify-content:end;gap:.75rem;padding-top:1rem;border-top:1px solid #dee2e6}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#6c757d;line-height:1;padding:0;width:2rem;height:2rem}.close-btn:hover{color:#333;background-color:transparent}@view-transition{navigation:auto}.transition-fade-slide ::view-transition-old(root){animation:.3s cubic-bezier(.4,0,1,1) both fade-out,.3s cubic-bezier(.4,0,.2,1) both slide-to-left}.transition-fade-slide ::view-transition-new(root){animation:.3s cubic-bezier(0,0,.2,1) 90ms both fade-in,.3s cubic-bezier(.4,0,.2,1) both slide-from-right}.transition-crossfade ::view-transition-old(root){animation:.4s cubic-bezier(.4,0,.2,1) both fade-out}.transition-crossfade ::view-transition-new(root){animation:.4s cubic-bezier(.4,0,.2,1) both fade-in}.transition-scale ::view-transition-old(root){animation:.3s cubic-bezier(.4,0,1,1) both fade-out,.3s cubic-bezier(.4,0,.2,1) both scale-down}.transition-scale ::view-transition-new(root){animation:.3s cubic-bezier(0,0,.2,1) 50ms both fade-in,.3s cubic-bezier(.4,0,.2,1) both scale-up}.transition-vertical ::view-transition-old(root){animation:.35s cubic-bezier(.4,0,1,1) both fade-out,.35s cubic-bezier(.4,0,.2,1) both slide-up}.transition-vertical ::view-transition-new(root){animation:.35s cubic-bezier(0,0,.2,1) 50ms both fade-in,.35s cubic-bezier(.4,0,.2,1) both slide-down}.transition-flip ::view-transition-old(root){animation:.4s cubic-bezier(.4,0,.2,1) both flip-out}.transition-flip ::view-transition-new(root){animation:.4s cubic-bezier(.4,0,.2,1) both flip-in}.transition-blur ::view-transition-old(root){animation:.35s cubic-bezier(.4,0,1,1) both fade-out,.35s cubic-bezier(.4,0,.2,1) both blur-out}.transition-blur ::view-transition-new(root){animation:.35s cubic-bezier(0,0,.2,1) 50ms both fade-in,.35s cubic-bezier(.4,0,.2,1) both blur-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-from-right{0%{transform:translate(30px)}to{transform:translate(0)}}@keyframes slide-to-left{0%{transform:translate(0)}to{transform:translate(-30px)}}@keyframes scale-down{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes scale-up{0%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes slide-up{0%{transform:translateY(0)}to{transform:translateY(-20px)}}@keyframes slide-down{0%{transform:translateY(20px)}to{transform:translateY(0)}}@keyframes flip-out{0%{transform:rotateY(0);opacity:1}to{transform:rotateY(90deg);opacity:0}}@keyframes flip-in{0%{transform:rotateY(-90deg);opacity:0}to{transform:rotateY(0);opacity:1}}@keyframes blur-out{0%{filter:blur(0px);transform:scale(1)}to{filter:blur(10px);transform:scale(1.05)}}@keyframes blur-in{0%{filter:blur(10px);transform:scale(.95)}to{filter:blur(0px);transform:scale(1)}}.card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000a}.app.svelte-12qhfyh{min-height:100vh;background:var(--color-bg);color:var(--color-text)}header.svelte-12qhfyh{background:var(--color-header-bg);border-bottom:1px solid var(--color-header-border);padding:1rem 1.5rem}nav.svelte-12qhfyh{display:flex;align-items:center;gap:1rem}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--color-link);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background .2s,color .2s}nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){background:var(--color-link);color:#fff}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--color-link-hover);background:#00000008}.auth-buttons.svelte-12qhfyh{margin-left:auto;display:flex;gap:1rem;align-items:center}.user-dropdown.svelte-12qhfyh{position:relative}.user-trigger.svelte-12qhfyh{background:none;border:1px solid var(--color-header-border);color:var(--color-text);padding:.3rem .8rem;border-radius:4px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.4rem;transition:background .2s}.user-trigger.svelte-12qhfyh:hover{background:var(--color-header-border)}.dropdown-arrow.svelte-12qhfyh{font-size:.6rem;opacity:.6}.dropdown-menu.svelte-12qhfyh{position:absolute;top:calc(100% + 6px);left:0;background:var(--color-bg);border:1px solid var(--color-header-border);border-radius:4px;padding:.4rem;min-width:180px;display:flex;flex-direction:column;gap:.2rem;z-index:100;box-shadow:0 4px 12px #0000001a}.sign-out-btn.svelte-12qhfyh{background:none;border:none;color:var(--color-text);padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.9rem;text-align:left;width:100%;transition:background .2s}.sign-out-btn.svelte-12qhfyh:hover{background:var(--color-header-border)}.lab-selector.svelte-12qhfyh{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.lab-selector.svelte-12qhfyh label:where(.svelte-12qhfyh){color:var(--color-text)}.lab-selector.svelte-12qhfyh select:where(.svelte-12qhfyh){padding:.3rem .6rem;border:1px solid var(--color-header-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:.9rem}.lab-selector.svelte-12qhfyh select:where(.svelte-12qhfyh):disabled{opacity:.6;cursor:not-allowed}.lab-selector.svelte-12qhfyh select:where(.svelte-12qhfyh):hover:not(:disabled){border-color:var(--color-link)}.dark-mode-toggle.svelte-12qhfyh{background:none;border:none;color:var(--color-text);padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.9rem;text-align:left;width:100%;transition:background .2s}.dark-mode-toggle.svelte-12qhfyh:hover{background:var(--color-header-border)}main.svelte-12qhfyh{padding-inline:2rem}
