@import "https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700;800&display=swap";:root{--navy:#192030;--navy-light:#262f47;--navy-soft:#303c5c;--steel:#8a93a8;--steel-light:#c7cdda;--accent:#4f7cff;--accent-dark:#3660e0;--success:#1fa971;--success-dark:#17875a;--danger:#e34848;--danger-dark:#c73a3a;--paper:#fffaf1;--surface:#fff;--bg:#eef0f5;--border:#e3e6ee;--text:#1b2231;--text-muted:#6b7386;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--shadow-md:0 8px 30px #1920301f;--shadow-lg:0 20px 60px #19203047}*{box-sizing:border-box}html,body{overscroll-behavior:none;direction:rtl}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 15% -10%, #4f7cff2e, transparent 45%), radial-gradient(circle at 100% 0%, #ffffff0d, transparent 40%), var(--navy);background-attachment:fixed;margin:0;font-family:Assistant,system-ui,sans-serif}button,input{font-family:inherit}.app-shell{max-width:880px;min-height:100vh;margin:0 auto;padding:24px 16px 60px}.app-header{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;gap:12px;padding:10px 22px;display:flex}.app-header h1{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-weight:700;overflow:hidden}.app-header__logo{height:46px;display:block}.login-card{background:var(--surface);border-radius:var(--radius-lg);width:min(340px,100%);box-shadow:var(--shadow-lg);text-align:center;margin:64px auto 0;padding:36px 28px 30px}.login-card__logo{width:150px;margin:0 auto 24px;display:block}.login-card__notice{text-align:right;border-radius:var(--radius-sm);color:var(--navy-soft);background:#eef3ff;border:1px solid #dbe6ff;align-items:flex-start;gap:8px;margin:0 0 20px;padding:12px 14px;font-size:.85rem;line-height:1.5;display:flex}.login-card__notice-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.login-card__form{flex-direction:column;gap:14px;display:flex}.login-card__hint{color:var(--text-muted);margin:0 0 2px;font-weight:600}.field{align-items:center;display:flex;position:relative}.field__icon{color:var(--steel);pointer-events:none;position:absolute;right:14px}.field input{border:1.5px solid var(--border);border-radius:var(--radius-md);text-align:right;width:100%;padding:13px 42px 13px 14px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4f7cff29}.btn{border-radius:var(--radius-md);cursor:pointer;background:var(--navy);color:#fff;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.95rem;font-weight:700;transition:transform .15s,filter .15s,background-color .15s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--block{width:100%}.btn--sm{border-radius:var(--radius-sm);padding:8px 12px;font-size:.82rem}.btn--primary{background:linear-gradient(135deg, var(--accent), var(--accent-dark))}.btn--success{background:linear-gradient(135deg, var(--success), var(--success-dark))}.btn--danger{background:linear-gradient(135deg, var(--danger), var(--danger-dark))}.btn--ghost{color:var(--navy);background:#f1f2f6}.btn--secondary{color:var(--navy);background:#eef1f8}.body-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-height:460px;margin-top:18px;overflow:hidden}.user-bar{background:linear-gradient(135deg, var(--navy), var(--navy-soft));color:#fff;justify-content:space-between;align-items:center;gap:10px;padding:18px 22px;font-size:1.1rem;font-weight:700;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:60px 24px;font-weight:600}.doc-list{margin:0;padding:10px;list-style:none}.doc-list li{border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;padding:16px 14px;transition:background-color .15s;display:flex}.doc-list li:hover{background-color:#f4f6fb}.doc-list li+li{border-top:1px solid var(--border)}.doc-list__title{color:var(--text);align-items:center;gap:10px;font-size:1.1rem;font-weight:600;display:flex}.doc-list__icon{color:var(--accent);flex-shrink:0}.doc-list__date{color:var(--text-muted);font-size:.82rem;font-weight:500}.tabs{border-bottom:1px solid var(--border);gap:4px;padding:0 14px;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:14px 12px;font-family:inherit;font-size:.95rem;font-weight:700;transition:color .15s,border-color .15s;display:inline-flex}.tab:hover{color:var(--navy)}.tab--active{color:var(--navy);border-bottom-color:var(--accent)}.tab__badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-flex}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#0f131e99;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius-lg);width:min(760px,100%);box-shadow:var(--shadow-lg);margin-bottom:40px;overflow:hidden}.modal__header{background:linear-gradient(135deg, var(--navy), var(--navy-soft));color:#fff;text-align:center;padding:18px 44px;position:relative}.modal__header h2{overflow-wrap:break-word;margin:0;font-size:1.15rem}.modal__close{color:#fff;cursor:pointer;background:#0000002e;border:none;justify-content:center;align-items:center;width:44px;transition:background-color .15s;display:flex;position:absolute;top:0;bottom:0;left:0}.modal__close:hover{background:#00000052}.modal__body{padding:20px 26px 26px}.modal__preview{border-radius:var(--radius-sm);width:100%;margin-bottom:14px;display:block;box-shadow:0 0 14px #0000002e}.modal__preview--pdf{border:none;height:500px}.modal__preview-wrap{position:relative}.modal__preview-loader{background:var(--bg);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loader-spinner--sm{border-width:6px;width:48px;height:48px}.modal__content{background:var(--paper);border-radius:var(--radius-sm);margin:14px 0;padding:10px 22px;line-height:1.6;overflow:hidden;box-shadow:0 0 14px #00000014}.modal__content table,.modal__content td,.modal__content th{border:none}.signature-slot{border:1.5px dashed var(--steel);border-radius:var(--radius-sm);text-align:center;margin:10px 0;padding:10px}.signature-slot mark{background:#fff3c4;border-radius:4px;padding:2px 8px;font-size:.85rem}.modal__signatures{flex-wrap:wrap;justify-content:center;gap:14px;margin:22px 0;display:flex}.signature-card{border-radius:var(--radius-md);background:#f6f8fc;padding:10px 14px 14px;position:relative;box-shadow:0 0 6px #0000001a}.signature-card__label{color:var(--navy);justify-content:space-between;align-items:center;margin:0 0 4px;font-size:.95rem;font-weight:700;display:flex}.signature-card__clear{color:var(--accent-dark);cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:700}.signature-card__clear:hover{text-decoration:underline}.signature-card canvas{border:1px solid var(--border);border-radius:var(--radius-sm);touch-action:none;background:#fff}.signature-card__hint{pointer-events:none;color:var(--steel);font-size:.82rem;position:absolute;inset:40px 14px auto}.modal__confirm{text-align:center;justify-content:center;align-items:center;gap:10px;padding-top:6px;font-size:1.05rem;font-weight:600;display:flex}.modal__confirm input{width:20px;height:20px;accent-color:var(--accent)}.modal__footer{border-top:1px solid var(--border);justify-content:space-between;gap:10px;padding:16px 22px;display:flex}.modal__footer--center{justify-content:center}.modal__footer--center a.btn{text-decoration:none}.frame-loader{z-index:99999;background:#ffffffb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-spinner{border:10px solid #f0f1f5;border-top-color:var(--navy);border-radius:50%;width:90px;height:90px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.snackbar{background:var(--navy);color:#fff;text-align:center;border-radius:var(--radius-sm);min-width:240px;max-width:90vw;box-shadow:var(--shadow-lg);z-index:100000;visibility:hidden;opacity:0;padding:14px 20px;font-size:.95rem;font-weight:600;transition:opacity .25s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.snackbar--show{visibility:visible;opacity:1}@media (width<=520px){.app-header h1{font-size:.95rem}.app-header__logo{height:36px}.modal__preview--pdf{height:380px}.user-bar{font-size:1rem}}