:root{font-family:system-ui,sans-serif;color:#291d3b;background:#f6f3fc}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:40px 24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}h1{font-size:clamp(26px,4vw,40px);margin:10px 0}h2{font-size:26px;margin:12px 0 24px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#8541ce}p{line-height:1.65;color:#6d607c}nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}nav a{background:#ede6f7;padding:12px 20px;border-radius:30px;color:#6c378d;text-decoration:none}.selected{background:#7b39d8!important;color:white!important}.panel,.login{background:white;border:1px solid #e9e0f2;border-radius:24px;padding:28px;margin:20px 0;box-shadow:0 8px 30px #48206d05}.login{max-width:460px;margin:70px auto}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;font-weight:600;margin:14px 0}input:not([type=checkbox]):not([type=radio]){display:block;width:100%;border:1px solid #ddd1e9;border-radius:12px;padding:14px;font:inherit;margin-top:9px;background:#fdfbff}input[type=checkbox],input[type=radio]{accent-color:#7b39d8;width:18px;height:18px;margin:0 12px 0 0}.choice{display:flex;align-items:center;padding:18px;border:1px solid #e8def0;border-radius:14px;margin:0}.muted{font-size:13px}button{cursor:pointer;padding:14px 24px;background:#7b39d8;color:white;border:0;border-radius:12px;font:inherit;font-weight:650}button:hover{background:#6424bb}.alert,.success{padding:16px;border-radius:12px;background:#ffe5ec;color:#982347}.success{background:#dff5e9;color:#216b4d}summary{font-size:20px;font-weight:700;cursor:pointer}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;padding:14px;border-bottom:1px solid #eee}.table-wrap{overflow:auto}@media(max-width:650px){.columns{grid-template-columns:1fr}main{padding:24px 14px}.panel{padding:20px}header{align-items:flex-start;gap:10px}header button{padding:12px}}

textarea,select{width:100%;display:block;font:inherit;padding:12px;border:1px solid #ddd1e9;border-radius:12px;margin-top:8px;background:#fdfbff}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.template-card{margin:0}.template-card img{width:100%;height:240px;object-fit:contain;background:#faf7fe;border-radius:16px}.template-card details{margin:16px 0}.template-card summary{font-size:16px}
