
:root{--teal:#11c9b5;--blue:#0e5ba9;--ink:#0b2744;--bg:#f7fbfc;--card:#fff;--muted:#5b6b7a;--shadow:0 10px 24px rgba(14,91,169,.10)}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;background:var(--bg);color:var(--ink)}
.container{max-width:960px;margin:0 auto;padding:18px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-weight:700}
.brand img{height:100px}
.button{background:linear-gradient(135deg,var(--teal),var(--blue));color:#fff;border:none;border-radius:12px;padding:12px 14px;font-weight:700;cursor:pointer;box-shadow:var(--shadow)}
.secondary{background:#eaf4ff;color:var(--blue)}
.card{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:18px}
.input,textarea,select{width:100%;background:#fff;border:1px solid #e6eef6;border-radius:12px;padding:12px 14px;font:inherit;color:var(--ink)}
textarea{min-height:110px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.buttons-list{display:grid;gap:10px}.ghost{opacity:.65}.panel{display:none}.panel.active{display:block}
.toast{position:fixed;right:18px;bottom:18px;background:#0b2744;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}
.toast.show{opacity:1;transform:translateY(0)}
@media (max-width:700px){.form-row{grid-template-columns:1fr}.container{padding:14px}}
