body{font-family:Tahoma;background:#d0d0d0;margin:0;padding:20px;direction:rtl;color:#111}
.center{text-align:center}
.landing{max-width:900px;margin:18px auto;background:transparent;padding:0}
.logo{width:120px;display:block;margin:8px auto 12px}
.mode{padding:12px 22px;border-radius:10px;background:#9e9e9e;border:3px solid #000;color:#000;font-weight:bold;margin:6px;cursor:pointer}
.mode.active{background:#777}
.panel{max-width:900px;margin:16px auto;background:#fff;padding:20px;border-radius:12px;border:2px solid #444;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.hidden{display:none}
.dropzone{border:2px dashed #999;border-radius:10px;padding:18px;background:#fafafa;cursor:pointer;margin:8px 0;position:relative}
.dropzone.dragover{background:#eef; border-color:#339}
.dropzone .dz-text{margin:0;color:#444}
.hidden-input{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;cursor:pointer;width:100%}
.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.floating{width:560px;background:#fff;border:2px solid #444;border-radius:10px;position:fixed;right:50%;transform:translateX(50%) translateY(-20px);top:60px;box-shadow:0 20px 60px rgba(0,0,0,.25);z-index:999;transition:transform .25s ease,opacity .25s ease;opacity:1}
.floating.hidden{opacity:0;pointer-events:none;transform:translateX(50%) translateY(-20px) scale(.98)}
.floating-header{padding:10px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;cursor:move}
.floating-body{padding:12px}
.close{background:#eee;border:1px solid #bbb;border-radius:6px;padding:4px 8px;cursor:pointer}
.footer{margin-top:30px;text-align:center;color:#222}
label{display:block;margin-top:10px;font-weight:bold}
input[type=text],input[type=password]{width:100%;padding:10px;border-radius:6px;border:2px solid #555;margin-top:6px}
button{background:#b5b5b5;border:3px solid #000;color:#000;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:bold}