@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Serif+Display:ital@0;1&display=swap";:root{--bg: #f4f7fb;--bg-accent: #eef4ff;--surface: #ffffff;--surface-soft: #f8fbff;--text: #1b2233;--muted: #62708a;--primary: #0f766e;--primary-strong: #0b5953;--border: #d6deec;--danger: #b42318;--radius: 14px;--shadow: 0 16px 45px rgba(13, 28, 59, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:Manrope,Segoe UI,sans-serif;line-height:1.5;background:radial-gradient(circle at 16% -8%,#d8e7ff,#d8e7ff00 45%),radial-gradient(circle at 84% -12%,#c8f3eb,#c8f3eb00 40%),var(--bg)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin-top:0;color:#0e1a2f}h1{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(1.45rem,2.2vw,1.95rem);letter-spacing:.01em;margin-bottom:.3rem}h2{font-size:1rem;margin-bottom:.65rem}p{margin-top:0}main.app-main{width:min(920px,calc(100% - 32px));margin:10px auto 14px;padding:12px;background:linear-gradient(180deg,#fffffff2,#f8fbfff2);border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow)}section.page{animation:fade-slide .22s ease}@keyframes fade-slide{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}nav.app-nav{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f7faffd6;border-bottom:1px solid var(--border);padding:.45rem .75rem;display:flex;align-items:center;gap:.25rem}.nav-link{font-size:.88rem;border-radius:999px;padding:.3rem .68rem;margin-right:.35rem;color:#273755;transition:all .14s ease}.nav-link.is-active{background:#dff7f3;color:#084e48;font-weight:700}.logout-btn{margin-left:auto}button,input,select,textarea{font:inherit}button{border:1px solid transparent;border-radius:10px;padding:.4rem .72rem;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;transition:all .14s ease}button:hover:not(:disabled){background:var(--primary-strong);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed}button.ghost{background:#eef3ff;color:#24406d;border-color:#d1dcf2}button.ghost:hover:not(:disabled){background:#e2ebfd}input,select,textarea{border:1px solid var(--border);border-radius:10px;padding:.42rem .56rem;background:#fff;color:var(--text)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid rgba(15,118,110,.25);border-color:#8ed7cc}label{font-weight:600;color:#253552}.muted{color:var(--muted)}.error-text{color:var(--danger)}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 28px #1527460f}.surface.soft{background:var(--surface-soft)}.section-block{padding:12px 14px;margin-bottom:10px}.stack{display:grid;gap:10px}.page.compact{font-size:.88rem;line-height:1.38}.page.compact h1{font-size:clamp(1.05rem,1.8vw,1.42rem);margin-bottom:.14rem}.page.compact h2{font-size:.86rem;margin-bottom:.35rem}.page.compact .section-block{padding:7px 9px;margin-bottom:6px}.page.compact input,.page.compact select,.page.compact textarea{padding:.28rem .4rem}.page.compact button{padding:.24rem .48rem;font-size:.82rem}.page.compact p{margin-bottom:.42rem}.page.compact .surface{box-shadow:none;border-radius:10px}.page.compact ul{margin-top:4px;margin-bottom:8px}.page.compact li.section-block{margin-bottom:5px!important}.page.compact .muted{font-size:.79rem}