:root { --ink:#1e2940; --muted:#64748b; --line:#dce3ee; --paper:#fff; --soft:#f4f7fb; --brand:#7357d8; --brand-dark:#543cb8; --danger:#bf304a; --ok:#087a5d; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:linear-gradient(130deg,#eef4ff,#f9f7ff 60%,#edf9f6); font-family:Arial,"Noto Sans Hebrew",sans-serif; }
.shell { max-width:1000px; margin:42px auto; padding:0 20px 50px; }
.card { background:var(--paper); border:1px solid var(--line); border-radius:20px; box-shadow:0 20px 55px #22314a13; overflow:hidden; }
.head { padding:28px 32px 24px; color:#fff; background:linear-gradient(120deg,#48329f,#7a5ce1 70%,#5d9ed5); }
.head h1 { margin:0 0 8px; font-size:27px; }
.head p { margin:0; opacity:.9; line-height:1.5; }
.content { padding:30px 32px; }
.notice { padding:14px 16px; background:#f1edff; border-right:4px solid var(--brand); border-radius:8px; margin-bottom:24px; line-height:1.55; }
.notice.warn { border-color:#d08c00; background:#fff7df; }
.notice.error { border-color:var(--danger); background:#fff0f2; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
section { border-top:1px solid var(--line); margin-top:28px; padding-top:24px; }
h2 { font-size:20px; margin:0 0 17px; }
label { display:block; font-weight:700; font-size:14px; margin:0 0 6px; }
input,select,textarea { width:100%; border:1px solid #bdc9da; border-radius:9px; padding:11px 12px; color:var(--ink); background:#fff; font:inherit; }
textarea { min-height:105px; resize:vertical; }
input:focus,select:focus,textarea:focus { outline:3px solid #bfb2fa80; border-color:var(--brand); }
.field { margin-bottom:15px; }
.full { grid-column:1/-1; }
.required::after { content:" *"; color:var(--danger); }
.hint { color:var(--muted); font-size:13px; margin:5px 0 0; line-height:1.45; }
.tags { display:flex; flex-wrap:wrap; gap:7px; min-height:26px; margin:5px 0 10px; }
.tag { background:#ece9fc; border-radius:100px; padding:6px 9px; font-size:13px; }
.tag button { padding:0 4px; margin-right:4px; min-width:0; background:transparent; color:#4b3d8c; }
.inline { display:flex; gap:8px; align-items:center; }
.inline input { flex:1; }
button { border:0; border-radius:9px; cursor:pointer; padding:11px 16px; background:var(--brand); color:white; font:inherit; font-weight:700; }
button:hover { background:var(--brand-dark); }
button:disabled { cursor:not-allowed; opacity:.55; background:#94a3b8; }
button.secondary { background:#e8edf5; color:var(--ink); }
button.danger { background:var(--danger); }
.repeater { border:1px solid var(--line); background:var(--soft); padding:15px; border-radius:12px; margin:10px 0; }
.repeater h3 { margin:0 0 12px; font-size:16px; }
.toolbar { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; margin-top:28px; padding-top:20px; border-top:1px solid var(--line); }
.status { color:var(--muted); font-size:14px; }
.success { max-width:660px; margin:90px auto; text-align:center; padding:42px; background:white; border-radius:20px; box-shadow:0 18px 50px #15233318; }
.success .check { color:var(--ok); font-size:54px; }
.admin { display:grid; grid-template-columns:320px 1fr; gap:20px; }
.admin-panel { border:1px solid var(--line); border-radius:13px; padding:20px; background:#fff; }
.submission { border-bottom:1px solid var(--line); padding:14px 0; }
.submission:last-child { border:0; }
.submission h3 { margin:0 0 7px; font-size:16px; }
.small { font-size:12px; color:var(--muted); }
pre { white-space:pre-wrap; font-size:12px; background:#111a2a; color:#dce8ff; border-radius:10px; padding:14px; max-height:400px; overflow:auto; direction:ltr; text-align:left; }
@media (max-width:720px) { .shell { margin:16px auto; padding:0 12px 30px; } .head,.content { padding:23px 18px; } .grid,.grid.three,.admin { grid-template-columns:1fr; } .toolbar { align-items:stretch; } .toolbar button { width:100%; } }