:root{--color-bg: #f4f7fa;--color-surface: #ffffff;--color-primary: #0f2b46;--color-primary-light: #1a3d5c;--color-accent: #2ec4b6;--color-accent-hover: #25a99d;--color-text: #1a2332;--color-text-muted: #5a6a7e;--color-border: #d8e0ea;--color-error: #c0392b;--color-error-bg: #fdf0ef;--color-success: #1e8449;--color-success-bg: #eafaf1;--radius: 10px;--shadow: 0 2px 12px rgba(15, 43, 70, .08);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.page{min-height:100vh;display:flex;flex-direction:column}.page--admin .header{justify-content:space-between}.header{background:var(--color-primary);color:#fff;padding:1.25rem 1.5rem;display:flex;align-items:center}.header__brand{display:flex;align-items:center;gap:.875rem}.header__logo{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--color-accent);border-radius:8px;font-weight:700;font-size:1.25rem;color:var(--color-primary)}.header__company{margin:0;font-weight:600;font-size:1.125rem}.header__tagline{margin:0;font-size:.8125rem;opacity:.75}.header .btn--secondary{background:#ffffff1f;color:#fff;border-color:#ffffff73}.header .btn--secondary:hover:not(:disabled){background:#ffffff38;border-color:#ffffffa6}.main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:2rem 1.25rem 3rem}.main--centered{display:flex;align-items:center;justify-content:center}.footer{text-align:center;padding:1.5rem;font-size:.8125rem;color:var(--color-text-muted);border-top:1px solid var(--color-border)}.intro{margin-bottom:2rem}.intro h1{margin:0 0 .75rem;font-size:1.75rem;color:var(--color-primary)}.intro p{margin:0;color:var(--color-text-muted)}.form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.25rem;box-shadow:var(--shadow)}.form-section__title{margin:0 0 1.25rem;font-size:1.0625rem;font-weight:600;color:var(--color-primary);padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.form-section__content{display:flex;flex-direction:column;gap:1rem}.form-field label{display:flex;align-items:center;gap:.375rem;margin-bottom:.375rem;font-weight:500;font-size:.9375rem}.form-field input[type=text],.form-field input[type=email],.form-field input[type=password]{width:100%;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .15s,box-shadow .15s;background:#fff}.form-field input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2ec4b633}.two-factor{border:none;padding:0;margin:0}.two-factor legend{font-weight:500;font-size:.9375rem;margin-bottom:.5rem}.two-factor__options{display:flex;gap:1.5rem}.radio-label,.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9375rem}.radio-label input,.checkbox-label input{width:1rem;height:1rem;accent-color:var(--color-accent)}.os-checkboxes{border:none;padding:0;margin:0}.os-checkboxes legend{font-weight:500;font-size:.9375rem;margin-bottom:.75rem}.os-checkboxes__grid{display:flex;flex-wrap:wrap;gap:1rem 2rem}.info-tooltip{position:relative;display:inline-flex}.info-tooltip__trigger{display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border-radius:50%;border:1.5px solid var(--color-accent);background:transparent;color:var(--color-accent);font-size:.6875rem;font-weight:700;font-style:italic;font-family:Georgia,serif;cursor:help;padding:0;line-height:1;flex-shrink:0}.info-tooltip__popup{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:320px;padding:.875rem 1rem;background:var(--color-primary);color:#fff;font-size:.8125rem;font-weight:400;line-height:1.5;border-radius:8px;box-shadow:0 4px 16px #0003;z-index:100;text-align:left}.info-tooltip__popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-primary)}.info-tooltip__popup ol{margin:.5rem 0 0;padding-left:1.25rem}.info-tooltip__popup li{margin-bottom:.25rem}.info-tooltip__popup p{margin:.5rem 0 0}.info-tooltip__fallback{display:none;margin-top:.5rem;padding:.75rem;background:#eef6f5;border-left:3px solid var(--color-accent);border-radius:0 6px 6px 0;font-size:.8125rem;color:var(--color-text-muted);line-height:1.5}.info-tooltip:hover .info-tooltip__popup,.info-tooltip:focus-within .info-tooltip__popup{display:block}@media (hover: none){.form-field label{flex-wrap:wrap}.info-tooltip__popup{display:none!important}.info-tooltip__fallback{display:block;flex-basis:100%}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,transform .1s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{width:100%;background:var(--color-accent);color:var(--color-primary)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--secondary{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg)}.btn--small{padding:.5rem 1rem;font-size:.875rem;width:auto}.error-message{padding:.875rem 1rem;background:var(--color-error-bg);color:var(--color-error);border-radius:8px;margin-bottom:1rem;font-size:.9375rem}.success-message{text-align:center;padding:3rem 1.5rem;background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow)}.success-message__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-success-bg);color:var(--color-success);border-radius:50%;font-size:1.5rem;margin-bottom:1rem}.success-message h2{margin:0 0 .5rem;color:var(--color-primary)}.success-message p{color:var(--color-text-muted);margin:0 0 1.5rem}.form-footer-note{margin-top:1rem;font-size:.8125rem;color:var(--color-text-muted);text-align:center}.form-loading{text-align:center;padding:3rem 1.5rem;color:var(--color-text-muted)}.section-submitted{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-success-bg);border-radius:8px}.section-submitted__badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-success);color:#fff;border-radius:50%;font-size:1rem;flex-shrink:0}.section-submitted__text{margin:0;font-weight:600;color:var(--color-success)}.section-submitted__date{margin:.125rem 0 0;font-size:.8125rem;color:var(--color-text-muted)}.section-submitted .btn{margin-left:auto;width:auto;flex-shrink:0}.login-card{background:var(--color-surface);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);width:100%;max-width:400px}.login-card h1{margin:0 0 .5rem;font-size:1.5rem;color:var(--color-primary)}.login-card p{margin:0 0 1.5rem;color:var(--color-text-muted);font-size:.9375rem}.login-card .btn{margin-top:.5rem}.submissions-count{color:var(--color-text-muted);font-size:.875rem;margin:0 0 1rem}.submissions-list{display:flex;flex-direction:column;gap:.75rem}.submission-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.submission-card__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.9375rem;text-align:left;color:var(--color-text)}.submission-card__header:hover{background:var(--color-bg)}.submission-card__date{display:block;font-size:.8125rem;color:var(--color-text-muted);margin-top:.125rem}.submission-card__toggle{color:var(--color-text-muted);font-size:.75rem}.submission-card__body{padding:0 1.25rem 1.25rem;border-top:1px solid var(--color-border)}.submission-card__body section{padding-top:1rem}.submission-card__body h3{margin:0 0 .5rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent)}.submission-card__body dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;font-size:.875rem}.submission-card__body dt{color:var(--color-text-muted);font-weight:500}.submission-card__body dd{margin:0;word-break:break-all}.mono{font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:.8125rem}.empty-state{text-align:center;padding:3rem;color:var(--color-text-muted)}.empty-state--compact{padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.page--admin .main{max-width:720px}.admin-section{margin-bottom:2rem}.admin-section__title{margin:0 0 .25rem;font-size:1.25rem;color:var(--color-primary)}.admin-section__desc{margin:0 0 1rem;font-size:.875rem;color:var(--color-text-muted)}.current-overview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1.25rem}.current-overview__item h3{margin:0;font-size:.875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent)}.current-overview__item-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.current-overview__actions{display:flex;gap:.5rem;flex-shrink:0}.current-overview__item dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;font-size:.875rem}.current-overview__item dt{color:var(--color-text-muted);font-weight:500}.current-overview__item dd{margin:0;word-break:break-all}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.history-card--deleted{opacity:.55}.history-card--current{border-color:var(--color-accent)}.history-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.history-card__date{display:block;font-size:.8125rem;color:var(--color-text-muted);margin-top:.125rem}.history-card__badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--color-success-bg);color:var(--color-success);border-radius:4px}.history-card__badge--deleted{background:var(--color-error-bg);color:var(--color-error)}.history-card__actions{display:flex;gap:.5rem;flex-shrink:0}.history-card__body{padding:1rem 1.25rem}.history-card__body dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;font-size:.875rem}.history-card__body dt{color:var(--color-text-muted);font-weight:500}.history-card__body dd{margin:0;word-break:break-all}.entry-edit-form{display:flex;flex-direction:column;gap:.75rem}.entry-edit-form__actions{display:flex;gap:.5rem;margin-top:.5rem}.btn--danger{background:var(--color-error-bg);color:var(--color-error);border:1.5px solid transparent}.btn--danger:hover:not(:disabled){background:var(--color-error);color:#fff}@media (max-width: 480px){.intro h1{font-size:1.5rem}.form-section{padding:1.25rem}}