*{box-sizing:border-box}body{color:#16183a;-webkit-font-smoothing:antialiased;direction:rtl;background:#edeef3;margin:0;font-family:Vazirmatn,system-ui,sans-serif}input,button,textarea,select{font-family:inherit}input::placeholder,textarea::placeholder{color:#9a9eb0}.page{background:#edeef3;min-height:100vh}.topbar{color:#fff;background:#16183a;font-size:13px}.topbar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1100px;margin:0 auto;padding:8px 28px;display:flex}.topbar-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topbar a,.topbar button.link{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:8px;padding:5px 12px;font-family:inherit;font-size:12.5px;text-decoration:none}.topbar a:hover,.topbar button.link:hover{background:#ffffff1f}.topbar-hello{color:#ffffffbf}.main{max-width:1100px;margin:0 auto;padding:26px 28px 60px}.main-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.main-title{font-size:20px;font-weight:800}.state-msg{text-align:center;color:#9a9eb0;padding:60px;font-size:14px}.state-msg.error{color:#b23a3a}.filters{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.filters select{color:#16183a;background:#fff;border:1px solid #e0e2ec;border-radius:10px;padding:9px 12px;font-size:13px}.btn-primary{color:#fff;cursor:pointer;background:#ff6900;border:none;border-radius:12px;padding:10px 16px;font-size:13.5px;font-weight:700;transition:filter .15s}.btn-primary:hover{filter:brightness(.92)}.btn-primary.full{text-align:center;width:100%}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#5a5e70;cursor:pointer;background:#fff;border:1px solid #e0e2ec;border-radius:12px;padding:10px 16px;font-size:13.5px;font-weight:700}.btn-secondary:hover{background:#f7f8fb}.btn-danger{color:#b23a3a;cursor:pointer;background:#fff3f3;border:1px solid #f3c4c4;border-radius:10px;padding:7px 12px;font-size:12px;font-weight:700}.btn-danger:hover{background:#ffe7e7}.btn-done{color:#1e7a4c;cursor:pointer;background:#eef9f2;border:1px solid #bfe6ce;border-radius:10px;padding:7px 12px;font-size:12px;font-weight:700}.btn-done:hover{background:#dcf3e4}.task-table{border-collapse:collapse;background:#fff;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 1px #e8eaf2}.task-table th,.task-table td{text-align:right;border-bottom:1px solid #f0f1f7;padding:12px 14px;font-size:13.5px}.task-table th{color:#6b6f82;background:#f7f8fb;font-size:12px;font-weight:700}.task-table tr:last-child td{border-bottom:none}.task-title{color:#16183a;font-weight:700}.task-desc{color:#8a8ea0;margin-top:2px;font-size:12px}.badge{border-radius:999px;align-items:center;padding:4px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.badge.pending{color:#c25200;background:#fff1e6}.badge.done{color:#1e7a4c;background:#eef9f2}.badge.overdue{color:#b23a3a;background:#fff3f3}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.modal-overlay{z-index:50;background:#10122873;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:100%;max-width:460px;overflow:hidden}.modal-head{border-bottom:1px solid #eef0f6;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-head h3{margin:0;font-size:16px;font-weight:800}.modal-close{cursor:pointer;color:#8a8ea0;background:0 0;border:none;font-size:20px}.modal-body{flex-direction:column;gap:14px;padding:20px 22px;display:flex}.modal-actions{gap:10px;margin-top:4px;display:flex}.field label{color:#6b6f82;margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.field input,.field select,.field textarea{color:#16183a;background:#f7f8fb;border:1px solid #e0e2ec;border-radius:10px;outline:none;width:100%;padding:10px 13px;font-size:13.5px}.field textarea{resize:vertical;line-height:1.7}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 40px);padding:20px;display:flex}.auth-card{background:#fff;border-radius:18px;width:100%;max-width:380px;padding:28px;box-shadow:0 20px 50px -20px #10122840}.auth-title{color:#16183a;margin-bottom:4px;font-size:18px;font-weight:800}.auth-sub{color:#8a8ea0;margin-bottom:20px;font-size:13px}.auth-form{flex-direction:column;gap:14px;display:flex}.error-text{color:#b23a3a;background:#fff3f3;border:1px solid #f3c4c4;border-radius:8px;padding:8px 12px;font-size:13px}.success-text{color:#1e7a4c;background:#eef9f2;border:1px solid #bfe6ce;border-radius:8px;padding:8px 12px;font-size:13px}