@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;background:#f2f6fc;color:#142a4b;font-family:Vazirmatn,Tahoma,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#1767df;border:0;color:#fff;border-radius:11px;padding:11px 17px;font-weight:700}button:hover{filter:brightness(.94)}input,textarea,select{border:1px solid #d6e1ef;background:#fff;padding:12px;border-radius:10px;min-width:0;width:100%;outline-color:#397fe6}textarea{min-height:110px;resize:vertical}.shell{display:flex;min-height:100vh}aside{background:#0d2346;color:#dbeafe;width:245px;padding:24px 16px;display:flex;flex-direction:column;gap:30px;flex-shrink:0}.brand{display:flex;gap:12px;align-items:center;font-size:22px}.brand small,.sidefoot small{display:block;font-size:11px;opacity:.6}.logo{background:linear-gradient(135deg,#1d7dff,#5bc4ff);color:#fff;border-radius:14px;width:44px;height:44px;display:grid;place-items:center;font-size:28px;font-weight:800;box-shadow:0 8px 22px #0d58b24f}nav{display:grid;gap:7px}nav button{background:transparent;text-align:right;color:#bed0e8}nav button.active,nav button:hover{background:#22446f;color:#fff}.sidefoot{margin-top:auto;display:grid;gap:8px}.sidefoot button{background:#193b67}main{flex:1;min-width:0;padding:30px;max-width:1600px;margin:auto;width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{font-size:25px;margin:0}header p,.task p{color:#7b8da8;font-size:13px}.user{background:#fff;padding:10px 16px;border-radius:30px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat,.panel{background:#fff;border:1px solid #e0e9f5;border-radius:17px;box-shadow:0 8px 28px #1b44710a}.stat{padding:20px}.stat small{display:block;color:#7185a2}.stat strong{font-size:30px}.panel{padding:24px;margin-bottom:20px}.panel h2{margin-top:0;font-size:19px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.task{border:1px solid #dfe8f5;border-radius:14px;padding:19px;cursor:pointer;transition:.2s}.task:hover{border-color:#4b92ed;transform:translateY(-2px)}.task h3{margin:14px 0 5px;font-size:16px}.between{display:flex;justify-content:space-between;align-items:center;gap:10px}.tracking{color:#1767df;font-weight:800;font-size:12px;direction:ltr}.status{font-size:11px;background:#edf3ff;color:#2463b2;padding:5px 9px;border-radius:30px}.status.completed{background:#dcfce7;color:#15803d}.status.rejected{background:#fee2e2;color:#b91c1c}.status.in_progress{background:#dbeafe;color:#1d4ed8}.bar{height:9px;border-radius:20px;background:#e7edf7;overflow:hidden;margin-top:9px}.bar span{display:block;height:100%;background:linear-gradient(90deg,#1767df,#36b4ff);border-radius:20px;transition:width .3s}.form{display:grid;gap:13px;max-width:780px}.form button{justify-self:start}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#1d528c,#0b1e3b 70%);padding:20px}.login form{background:#fff;padding:40px;border-radius:22px;width:min(420px,100%);display:grid;gap:15px;box-shadow:0 24px 90px #0004}.login h1{margin:4px 0}.login p{color:#7185a2}.error{background:#fee2e2;color:#991b1b;padding:12px;border-radius:12px;margin:12px 0;cursor:pointer}.overlay{position:fixed;inset:0;background:#07172d99;display:flex;justify-content:flex-end;z-index:5}.drawer{background:#fff;width:min(620px,100%);height:100%;overflow:auto;padding:30px;box-shadow:-10px 0 40px #0002}.drawer h2{margin:16px 0}.drawer>p{line-height:2;color:#5d718d}.close{float:left;background:#edf2fa;color:#17375e}.inner{background:#f5f8fe;padding:18px;border-radius:14px;margin:20px 0}.note,.history,.release{padding:13px;border-bottom:1px solid #e6edf6}.note p{margin:5px 0}.history{font-size:12px;color:#7185a2}@media(max-width:900px){aside{width:185px}.stats{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}main{padding:16px}}@media(max-width:600px){.shell{display:block}aside{width:100%;padding:12px;gap:10px}.brand{font-size:17px}.brand .logo{width:34px;height:34px}nav{display:flex;overflow:auto}nav button{white-space:nowrap;font-size:12px;padding:8px}.sidefoot{display:none}header{margin-bottom:15px}h1{font-size:20px}.stat{padding:13px}.stat strong{font-size:23px}.panel{padding:15px}.drawer{padding:17px}}html{max-width:100%;overflow-x:hidden}body,#root{min-width:0;max-width:100%;overflow-x:hidden}.shell,main,.panel,.drawer,.task,.inner{min-width:0}.between>*{min-width:0}.task h3,.task p,.note,.history,.inner,.panel{overflow-wrap:anywhere}.drawer{max-width:100vw}.form{width:100%;max-width:100%}.form>*{min-width:0;max-width:100%}.tracking{overflow-wrap:anywhere}header{gap:12px;flex-wrap:wrap}.user{max-width:100%;overflow-wrap:anywhere}.drawer .between{flex-wrap:wrap}.drawer input[type=range]{width:100%}.panel a{overflow-wrap:anywhere}@media(max-width:768px){aside{width:100%;flex-shrink:1}main{width:100%;padding:14px}.shell{display:block}nav{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:6px}nav button{flex:0 0 auto;white-space:nowrap}.sidefoot{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;margin-top:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cards{grid-template-columns:minmax(0,1fr)}.drawer{width:100%;padding:16px}.panel{padding:16px}.task{padding:14px}.brand{font-size:18px}header h1{font-size:21px}}@media(max-width:380px){.stats{gap:7px}.stat{padding:10px}.stat strong{font-size:21px}.panel,.drawer{padding:12px}header h1{font-size:19px}button{padding:10px 12px}}.mobile-topbar,.mobile-scrim{display:none}.view-switch{display:flex;gap:6px}.view-switch button{width:auto;padding:9px 13px;border:1px solid #d7e3f4;border-radius:10px;background:#fff;color:#18365b;cursor:pointer}.view-switch button.active{background:#245c9d;color:#fff}.list-heading{gap:12px;flex-wrap:wrap}.developer-hint{color:#64748b}.compact-list{display:flex!important;flex-direction:column!important;gap:8px!important}.compact-list .task{width:100%!important;max-width:none!important;min-width:0!important;padding:13px 16px!important;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center}.compact-list .task h3{grid-column:1;grid-row:2;margin:0;font-size:1rem}.compact-list .task p{grid-column:1;grid-row:3;margin:0;font-size:.82rem}.compact-list .task>.between:first-child{grid-column:1/-1}.compact-list .task>.between:not(:first-child){grid-column:2;grid-row:2/4;white-space:nowrap}.compact-list .task .bar{grid-column:1/-1;height:5px}.shell,.shell main,.panel,.drawer{min-width:0}button,input,select,textarea{max-width:100%}@media(max-width:768px){body{overflow-x:hidden}.shell{display:block!important;max-width:100vw;overflow-x:hidden}.shell>aside{position:fixed!important;top:0;right:0;bottom:0;width:min(82vw,310px)!important;max-width:310px;z-index:110;display:block!important;overflow-y:auto;transform:translate(105%);transition:transform .2s ease;box-shadow:-8px 0 30px #0002}.shell>aside.menu-open{transform:translate(0)}.mobile-scrim{display:block;position:fixed;inset:0;background:#06162a99;z-index:105}.mobile-topbar{display:grid;grid-template-columns:1fr 1.6fr 1fr;align-items:center;gap:5px;background:#10264a;color:#fff;padding:10px 14px;min-height:68px;position:sticky;top:0;z-index:100;direction:rtl}.hamburger{justify-self:start;width:42px;height:42px;border:1px solid #45658e;border-radius:10px;background:#203f67;color:#fff;font-size:25px;cursor:pointer}.live-clock{text-align:center;display:flex;flex-direction:column;gap:3px;white-space:nowrap;font-size:12px;direction:rtl}.live-clock strong{font-size:14px;color:#9ed1ff;font-variant-numeric:tabular-nums}.mobile-logo{justify-self:end;font-size:15px;font-weight:800}.shell main{margin:0!important;padding:15px 12px!important;width:100%!important;max-width:100vw!important}.shell main header{flex-wrap:wrap;gap:10px}.shell main header h1{font-size:clamp(22px,6vw,30px)}.shell main header p{font-size:13px}.stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}.stat{min-width:0!important;padding:14px!important}.panel{padding:14px!important;max-width:100%;overflow-wrap:anywhere}.cards{grid-template-columns:1fr!important}.task{min-width:0!important}.drawer{width:100vw!important;max-width:100vw!important;padding:18px!important;overflow-y:auto}.form input,.form select,.form textarea{width:100%;font-size:16px}.compact-list .task{grid-template-columns:minmax(0,1fr) auto}.compact-list .task h3{font-size:14px}.compact-list .task p{font-size:11px}.compact-list .task>.between:not(:first-child){font-size:11px}}@media(max-width:370px){.mobile-topbar{grid-template-columns:44px minmax(0,1fr) 52px;padding:8px}.mobile-logo{font-size:13px}.compact-list .task{display:block}.compact-list .task>*{margin-bottom:5px!important}}.claim-button{background:#1769d2;color:#fff;border:0;border-radius:12px;padding:10px 15px;cursor:pointer;max-width:100%;font-weight:700}.release-button{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3;border-radius:12px;padding:10px 15px;cursor:pointer;max-width:100%}.task .claim-button{margin:10px 0;width:100%}@media(max-width:640px){.claim-button,.release-button{width:100%;min-height:44px}}@media(max-width:768px){.shell>aside{display:flex!important;flex-direction:column!important;gap:18px!important;padding:20px 16px!important;width:min(84vw,320px)!important;max-width:calc(100vw - 42px)!important;box-sizing:border-box;direction:rtl}.shell>aside nav{display:flex!important;flex-direction:column!important;overflow:visible!important;gap:8px!important;width:100%!important;padding:0!important}.shell>aside nav button{display:block!important;width:100%!important;min-height:46px!important;white-space:normal!important;text-align:right!important;font-size:14px!important;padding:12px 14px!important;flex:none!important}.shell>aside .sidefoot{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;margin-top:auto!important}.shell>aside .sidefoot button{width:100%!important}.shell>aside .brand{flex-direction:row!important}.mobile-topbar{grid-template-columns:44px minmax(0,1fr) 66px!important;direction:rtl}.mobile-topbar .hamburger{grid-column:1;justify-self:start}.mobile-topbar .live-clock{grid-column:2;min-width:0}.mobile-topbar .mobile-logo{grid-column:3;justify-self:end}.shell>aside.menu-open{transform:translate(0)!important}}.timer-panel{background:#eff6ff;border:1px solid #bfd6fa;border-radius:15px;padding:16px;margin:18px 0;display:grid;gap:10px}.timer-panel h3{margin:0}.timer-number{font-size:clamp(28px,7vw,42px);font-weight:800;text-align:center;letter-spacing:2px;color:#10264a;font-variant-numeric:tabular-nums}.timer-panel p{margin:4px 0}.timer-panel button{width:100%;min-height:45px}.timer-panel button:disabled{opacity:.55;cursor:not-allowed}.timer-error{color:#b91c1c}.timer-warning{color:#92400e}.timer-entries{display:grid;gap:8px}.timer-entry{background:#fff;border-radius:10px;padding:10px;display:grid;gap:4px}.timer-entry small{color:#64748b}.timer-entry p{white-space:pre-wrap}.password-control{display:flex;position:relative;align-items:stretch;width:100%;min-width:0;gap:8px}.password-control input{flex:1;min-width:0;width:100%}.password-control .password-toggle{flex:0 0 auto;width:auto;min-width:65px;padding:0 12px;white-space:nowrap;background:#e8f1ff;color:#123c72;border:1px solid #bcd2f2;border-radius:12px;cursor:pointer}.password-control .password-toggle:hover{background:#d6e7ff}.form button:disabled{opacity:.5;cursor:not-allowed}.user-manage-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #dce6f3;flex-wrap:wrap}.user-manage-row button{width:auto;min-width:90px}.user-edit-box{margin-top:18px;padding:18px;border:1px solid #c7d9f0;border-radius:16px;background:#f5f9ff;display:grid;gap:10px;min-width:0}.user-edit-box input,.user-edit-box select{max-width:100%;min-width:0}.user-role-locked{margin:0;padding:12px;border-radius:10px;background:#e6efff;color:#173d75}.user-edit-actions{display:flex;gap:10px;flex-wrap:wrap}.user-edit-actions button{width:auto;flex:1}.user-edit-actions .user-cancel{background:#e5eaf2;color:#17345e}@media(max-width:480px){.user-edit-box{padding:12px}.user-manage-row{align-items:flex-start}}:root{color-scheme:light}select,select:focus,select:hover{color:#142a4b!important;background-color:#fff!important;-webkit-text-fill-color:#142a4b!important;color-scheme:light}select option,select optgroup{color:#142a4b!important;background-color:#fff!important;-webkit-text-fill-color:#142a4b!important;font-weight:500}select option:checked{color:#102a50!important;background-color:#dceafe!important}select:disabled{color:#64748b!important;background-color:#edf2f8!important;opacity:1}.tasks-dropdown{position:relative;width:100%;min-width:0;max-width:100%;font:inherit;isolation:isolate}.tasks-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;max-width:100%;min-height:48px;text-align:right;direction:rtl;background:#fff!important;color:#142a4b!important;border:1px solid #d6e1ef;border-radius:11px;padding:11px 14px;font-weight:500;box-shadow:none;line-height:1.65}.tasks-dropdown-trigger>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks-dropdown-trigger:hover,.tasks-dropdown-trigger:focus-visible{filter:none;background:#f7faff!important;border-color:#397fe6;outline:2px solid transparent}.tasks-dropdown-chevron{flex:none;font-size:22px;line-height:1;color:#1e3a5f}.tasks-dropdown-list{position:absolute;inset-inline:0;top:calc(100% + 4px);z-index:9999;width:100%;min-width:0;max-height:min(320px,45vh);overflow-y:auto;overscroll-behavior:contain;padding:5px;background:#fff;color:#142a4b;border:1px solid #cad7e9;border-radius:12px;box-shadow:0 10px 26px #132f5133;direction:rtl}.tasks-dropdown-option{display:block;width:100%;min-height:43px;padding:10px 12px;text-align:right;direction:rtl;white-space:normal;overflow-wrap:anywhere;line-height:1.5;font-size:inherit;font-weight:500;background:#fff!important;color:#142a4b!important;border:0;border-radius:7px;cursor:pointer}.tasks-dropdown-option:hover,.tasks-dropdown-option:focus-visible{background:#eaf2ff!important;color:#102c53!important;filter:none;outline:0}.tasks-dropdown-option.is-selected{background:#dceafe!important;color:#123c72!important;font-weight:700}@media(max-width:768px){.tasks-dropdown-trigger{font-size:16px;min-height:48px}.tasks-dropdown-list{max-height:min(280px,40vh)}.tasks-dropdown-option{font-size:16px;min-height:46px}}@media(max-width:380px){.tasks-dropdown-trigger{padding:10px}.tasks-dropdown-option{padding:10px 8px}}