:root{--blue:#1F3864;--bg:#eef1f5;--line:#d8dde6;--ink:#1a1a1a;}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);direction:rtl}
.topbar{background:var(--blue);color:#fff;padding:12px 18px;display:flex;justify-content:space-between;align-items:center}
.topbar a{color:#fff;text-decoration:none}
.wrap{max-width:900px;margin:0 auto;padding:20px}
.btn{background:var(--blue);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:15px;cursor:pointer;text-decoration:none;display:inline-block}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;margin:10px 0}
.err{color:#b00;font-weight:bold}
#dropzone{border:2px dashed var(--blue);border-radius:12px;padding:48px;text-align:center;color:var(--blue);background:#fff;cursor:pointer}
#dropzone.drag{background:#e4ecf7}
input,select{font-family:inherit;font-size:15px;padding:9px;border:1px solid var(--line);border-radius:8px;margin:6px 0;width:100%}
ul.projects{list-style:none;padding:0}
ul.projects li{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;margin:8px 0}
@media(max-width:760px){.wrap{padding:12px}#dropzone{padding:28px}}