*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background-color:var(--bg-page);color:var(--text-main)}.App{position:relative;min-height:100vh}.navbar{background-color:#fffffff2;border-bottom:1px solid rgba(207,226,220,.95);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:fixed;top:0;left:0;right:0;z-index:100}.navbar__container{display:flex;justify-content:space-between;align-items:center;height:72px;width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad-desktop)}.navbar__logo a{display:inline-flex;align-items:center;gap:10px;color:var(--text-main);font-size:1.16rem;font-weight:800;letter-spacing:0;text-decoration:none}.navbar__logo img{display:block;width:42px;aspect-ratio:1;height:auto;border-radius:var(--radius-md);object-fit:cover}.navbar__toggle{display:none;flex-direction:column;cursor:pointer;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-sm)}.navbar__toggle .bar{height:3px;width:25px;background-color:var(--text-main);margin:4px 0;border-radius:2px}.navbar__menu{list-style:none;display:flex;align-items:center;gap:var(--space-2)}.navbar__item a{text-decoration:none;color:#35514b;font-weight:650;padding:9px 13px;border:1px solid transparent;border-radius:var(--radius-sm);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.navbar__item a:hover{border-color:var(--border);background-color:#f2faf7;color:var(--primary)}.navbar__item a.active{background:var(--primary-soft);border-color:rgba(var(--primary-rgb),.35);color:var(--primary)}@media screen and (max-width:768px){.navbar__toggle{display:flex}.navbar__menu{flex-direction:column;position:absolute;top:72px;left:0;right:0;background-color:#fffffffa;display:none;padding:var(--space-2) 0;max-height:calc(100vh - 70px);overflow-y:auto;border-bottom:1px solid var(--border);box-shadow:var(--shadow-md)}.navbar__menu.active{display:flex}.navbar__item{margin:10px 0;text-align:center}}.banner{display:flex;justify-content:center;margin-top:80px}.banner img{width:250px;height:auto;border-radius:4px;box-shadow:0 4px 8px #0000001a}.content{width:100%;max-width:var(--container-max);margin:0 auto;padding:96px var(--container-pad-desktop) 48px;min-height:calc(100vh - 140px)}.toast-viewport{position:fixed;top:84px;right:16px;z-index:1200;display:grid;gap:8px;width:min(420px,calc(100vw - 24px))}.toast{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:10px 12px;border-radius:var(--radius-md);background:#12342f;color:#fff;box-shadow:0 8px 20px #00000040}.toast button{background:transparent;color:inherit;border:0;cursor:pointer}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.toast-info{background:#16443d}@media screen and (max-width:768px){.navbar__container{padding:0 var(--container-pad-mobile)}.content{padding:84px var(--container-pad-mobile) 28px}.toast-viewport{top:76px;right:12px}}:root{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--text-sm: .9rem;--text-md: 1rem;--text-lg: 1.15rem;--text-xl: 1.5rem;--text-2xl: 2rem;--container-max: clamp(1180px, 82vw, 2560px);--container-pad-desktop: clamp(24px, 3vw, 72px);--container-pad-mobile: 14px;--bg-page: #eef7f4;--bg-card: #ffffff;--bg-soft: #e5f4ef;--text-main: #122925;--text-muted: #5f746f;--border: #cfe2dc;--primary: #0f766e;--primary-hover: #0b5f59;--primary-soft: #dff5ee;--primary-rgb: 15, 118, 110;--accent: #f5a524;--accent-soft: #fff2d6;--success: #148a6d;--danger: #b42318;--shadow-sm: 0 1px 2px rgba(18, 41, 37, .07);--shadow-md: 0 10px 30px rgba(18, 69, 62, .12)}body{margin:0;padding:0;background:linear-gradient(140deg,rgba(15,118,110,.1) 0%,rgba(245,165,36,.08) 42%,transparent 72%),linear-gradient(180deg,#fbfdfb 0%,var(--bg-page) 28rem);color:var(--text-main)}*{box-sizing:border-box}img,svg{max-width:100%;height:auto}h1,h2,h3,h4{line-height:1.2;letter-spacing:0;color:var(--text-main)}p{line-height:1.6}:where(button,input,textarea,select){font:inherit}:where(input,textarea,select){background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);min-height:42px;transition:border-color .2s ease,box-shadow .2s ease}:where(input,textarea,select)::placeholder{color:#9ca3af}:where(button){border-radius:var(--radius-sm)}:where(input,textarea,select):focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.16);outline:none}:where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--primary);outline-offset:2px}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--primary-hover)}.ui-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.ui-title{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.ui-section-title{font-size:var(--text-xl);margin-bottom:var(--space-3)}.ui-btn{border:0;border-radius:var(--radius-sm);min-height:42px;padding:var(--space-2) var(--space-4);cursor:pointer;font-weight:600;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.ui-btn:hover{transform:translateY(-1px)}.ui-btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 18px rgba(var(--primary-rgb),.22)}.ui-btn-primary:hover{background:var(--primary-hover)}.ui-btn-secondary{background:var(--bg-soft);color:var(--text-main)}.ui-btn-secondary:hover{background:#d3ebe4}.ui-state{text-align:center;padding:var(--space-5);color:var(--text-muted)}.empty-state{display:grid;justify-items:center;gap:var(--space-3);text-align:center;padding:var(--space-6);background:linear-gradient(145deg,rgba(var(--primary-rgb),.08),rgba(245,165,36,.07) 72%,transparent),var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.empty-state__icon{display:inline-grid;width:48px;height:48px;place-items:center;border-radius:var(--radius-md);background:var(--primary-soft);color:var(--primary);font-size:var(--text-xl);font-weight:850}.empty-state h3{margin:0;font-size:var(--text-xl)}.empty-state p{max-width:520px;margin:0;color:var(--text-muted)}.error-state{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid #f2c9bd;border-radius:var(--radius-lg);background:#fff7f3;color:var(--danger);box-shadow:var(--shadow-sm)}.error-state__icon{display:inline-grid;flex:0 0 auto;width:32px;height:32px;place-items:center;border-radius:var(--radius-sm);background:#ffe8df;font-weight:850}.error-state h3{margin:0 0 var(--space-1);font-size:var(--text-lg);color:var(--danger)}.error-state p{margin:0;color:#8a3b2b}.field-group{display:grid;gap:var(--space-2)}.field-group>span{color:var(--text-main);font-size:var(--text-sm);font-weight:750}.page-kicker{margin:0 0 var(--space-2);color:var(--primary);font-size:var(--text-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page-lead{max-width:760px;margin:0 auto;color:var(--text-muted);font-size:var(--text-lg)}