:root{--bg-base: #e0e5ec;--shadow-light: #ffffff;--shadow-dark: #a3b1c6;--accent: #00b894;--accent-dark: #009874;--text-primary: #2d3436;--text-secondary: #636e72;--success: #00b894;--warning: #fdcb6e;--error: #d63031;--locked: #b2bec3;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 30px;--neu-raised: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light);--neu-inset: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light);--neu-flat: 2px 2px 6px var(--shadow-dark), -2px -2px 6px var(--shadow-light)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6}#app{max-width:960px;margin:0 auto;padding:2rem 1rem}.site-header{background:var(--bg-base);box-shadow:0 4px 12px #00000014;border-bottom:3px solid var(--accent);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:100}.header-brand{display:flex;align-items:center;gap:.75rem}.header-logo{height:44px;width:44px;border-radius:10px;object-fit:cover;box-shadow:var(--neu-raised)}.header-text{display:flex;flex-direction:column;line-height:1.2}.header-title{font-size:1.1rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.header-subtitle{font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.header-nav{display:flex;align-items:center;gap:.5rem;list-style:none}.nav-neu__link{color:var(--text-secondary);text-decoration:none;font-size:.8125rem;font-weight:600;padding:.4rem .875rem;border-radius:var(--radius-sm);transition:color .2s ease,box-shadow .2s ease,background .2s ease}.nav-neu__link:hover{color:var(--accent);background:#00b8940f}.nav-neu__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-neu__link--active{color:var(--accent);box-shadow:var(--neu-inset)}.card-neu{background:var(--bg-base);box-shadow:var(--neu-raised);border-radius:var(--radius-md);padding:2rem}.card-neu--inset{box-shadow:var(--neu-inset)}.input-neu{width:100%;background:var(--bg-base);box-shadow:var(--neu-inset);border:none;border-radius:var(--radius-sm);padding:.875rem 1rem;font-family:inherit;font-size:1rem;color:var(--text-primary);transition:box-shadow .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-neu::placeholder{color:var(--text-secondary)}.input-neu:focus{outline:2px solid var(--accent);outline-offset:2px}.input-neu:disabled{opacity:.5;cursor:not-allowed}textarea.input-neu{resize:vertical;min-height:120px}.btn-neu{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--bg-base);box-shadow:var(--neu-raised);border:none;border-radius:var(--radius-sm);padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:box-shadow .15s ease,transform .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-neu:hover{box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light)}.btn-neu:active{box-shadow:var(--neu-inset);transform:scale(.98)}.btn-neu:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-neu--primary{background:var(--accent);color:#fff}.btn-neu--primary:hover{background:var(--accent-dark);box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light)}.btn-neu--primary:active{background:var(--accent-dark);box-shadow:var(--neu-inset);transform:scale(.98)}.btn-neu--disabled,.btn-neu:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:var(--neu-flat)}.progress-steps{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:2rem;flex-wrap:wrap}.progress-step{padding:.5rem .75rem;border-radius:var(--radius-sm);background:var(--bg-base);box-shadow:var(--neu-flat);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text-secondary);position:relative;flex-shrink:0;white-space:nowrap;cursor:default;border:none;font-family:inherit}.progress-step+.progress-step:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);width:6px;height:3px;background:var(--shadow-dark);border-radius:2px}.progress-step--completed{background:var(--accent);color:#fff;box-shadow:0 0 12px #00b89466,var(--neu-raised);cursor:pointer}.progress-step--completed+.progress-step:before{background:var(--accent)}.progress-step--current{box-shadow:var(--neu-raised);color:var(--accent);font-weight:800;cursor:pointer}.progress-step--locked{color:var(--locked);box-shadow:var(--neu-flat);opacity:.6}.countdown-neu{background:var(--bg-base);box-shadow:var(--neu-inset);border-radius:var(--radius-sm);padding:.75rem 1.25rem;font-family:Courier New,Consolas,monospace;font-size:1.25rem;font-weight:700;color:var(--text-primary);text-align:center;letter-spacing:.05em;display:inline-block}.countdown-neu--expired{color:var(--error)}.autosave-indicator{display:none;align-items:center;gap:.5rem;background:var(--bg-base);box-shadow:var(--neu-flat);border-radius:var(--radius-lg);padding:.375rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-top:1rem}.autosave-indicator__dot{width:8px;height:8px;border-radius:50%;background:var(--success);flex-shrink:0}.autosave-indicator--saving .autosave-indicator__dot{animation:pulse-dot 1s ease-in-out infinite;background:var(--warning)}.autosave-indicator--error .autosave-indicator__dot{background:var(--error)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.table-neu{background:var(--bg-base);box-shadow:var(--neu-raised);border-radius:var(--radius-md);overflow:hidden;width:100%}.table-neu table{width:100%;border-collapse:collapse}.table-neu th{text-align:left;padding:1rem;font-size:.8125rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.table-neu td{padding:.875rem 1rem;font-size:.9375rem;color:var(--text-primary)}.table-neu tr+tr td{box-shadow:inset 0 1px 2px var(--shadow-dark),inset 0 -1px 2px var(--shadow-light)}.table-neu tr:hover td{background:#00b8940a}.error-message{display:flex;align-items:flex-start;gap:.5rem;color:var(--error);font-size:.875rem;font-weight:500;margin-top:.5rem}.error-message:before{content:"⚠";flex-shrink:0;font-size:1rem;line-height:1.4}.input-neu--error{outline:2px solid var(--error);outline-offset:0}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-error{color:var(--error)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}@media(max-width:768px){#app{padding:1.25rem .75rem}.card-neu{padding:1.5rem;border-radius:var(--radius-sm)}.site-header{flex-direction:column;gap:.5rem;padding:.75rem 1rem}.header-nav{flex-wrap:wrap;justify-content:center}:root{--neu-raised: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light);--neu-inset: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light);--neu-flat: 1px 1px 4px var(--shadow-dark), -1px -1px 4px var(--shadow-light)}.progress-step{padding:.375rem .5rem;font-size:.6875rem}.progress-step+.progress-step:before{width:4px}}@media(max-width:480px){#app{padding:1rem .5rem}.card-neu{padding:1.25rem}.btn-neu{padding:.625rem 1.25rem;font-size:.9375rem}.countdown-neu{font-size:1rem;padding:.5rem 1rem}.table-neu th,.table-neu td{padding:.625rem .75rem;font-size:.8125rem}}