@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-Light.ttf)format("truetype");font-weight:300;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-SemiBold.ttf)format("truetype");font-weight:600 700;font-display:swap}@font-face{font-family:Inter Tight;src:url(/fonts/InterTight.ttf)format("truetype");font-weight:100 900;font-display:swap}:root{--bg:#fff;--side:#f7f7f5;--surface:#f3f3f1;--ink:#111;--ink2:#6b6b68;--ink3:#a8a8a4;--line:#ececea;--accent:#2d5be3;--accent-soft:#eaf0fe;--scrim:#00000047;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--dir:1}@media (prefers-color-scheme:dark){:root{--bg:#141414;--side:#101010;--surface:#1d1d1c;--ink:#f2f2f0;--ink2:#9a9a96;--ink3:#5c5c59;--line:#262625;--accent:#7c9dff;--accent-soft:#161d33;--scrim:#0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter Tight,-apple-system,system-ui,sans-serif;font-size:15px}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:0;outline:0}button{cursor:pointer;text-align:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.app{grid-template-columns:232px 1fr;height:100%;display:grid}.side{background:var(--side);border-inline-end:1px solid var(--line);flex-direction:column;gap:2px;padding:18px 12px;display:flex;overflow-y:auto}.brand{letter-spacing:-.02em;align-items:center;gap:9px;padding:0 10px 18px;font-size:15px;font-weight:600;display:flex}.logo{background:var(--ink);border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.logo svg{width:13px;height:13px;stroke:var(--bg)}.nav{color:var(--ink2);border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;font-size:14px;transition:background .15s,color .15s;display:flex}.nav:hover{background:var(--surface)}.nav.on{background:var(--surface);color:var(--ink);font-weight:500}.nav em{color:var(--ink3);font-size:12px;font-style:normal}.nav em.a{color:var(--accent);font-weight:500}.sec{letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);padding:22px 10px 8px;font-size:11px;font-weight:600}.spacer{flex:1}.new{background:var(--ink);color:var(--bg);border-radius:10px;justify-content:space-between;align-items:center;margin-top:12px;padding:11px 14px;font-size:14px;font-weight:500;transition:opacity .15s;display:flex}.new:hover{opacity:.88}.new small{opacity:.5;font-size:12px}.me{color:var(--ink2);align-items:center;gap:10px;padding:12px 10px 4px;font-size:13.5px;display:flex}.main{flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.split{grid-template-columns:minmax(380px,440px) 1fr;height:100%;min-height:0;display:grid}.list{border-inline-end:1px solid var(--line);padding:28px 28px 40px;overflow-y:auto}.detail{padding:34px 48px 60px;overflow-y:auto}.wide{height:100%;padding:34px 56px 60px;overflow-y:auto}.head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}h1{letter-spacing:-.035em;font-size:30px;font-weight:500;line-height:1.15}.sub{color:var(--ink2);margin-top:4px;font-size:13.5px}.tools{align-items:center;gap:10px;display:flex}.icon-btn{width:36px;height:36px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--surface)}.icon-btn svg{width:19px;height:19px}.badge{top:7px;background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;inset-inline-end:8px}.avatar{background:var(--surface);border:1px solid var(--line);border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:grid}.avatar.sm{width:18px;height:18px;font-size:9px}.label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);border-bottom:1px solid var(--line);justify-content:space-between;margin-top:26px;padding-bottom:8px;font-size:11.5px;font-weight:600;display:flex}.label .a{color:var(--accent)}.row{border-bottom:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:13px;margin:0 -10px;padding:13px 10px;transition:background .15s;display:flex}.row:hover{background:color-mix(in srgb, var(--surface) 55%, transparent)}.row.sel{background:var(--surface);border-color:#0000}.circle{border-radius:50%;flex:none;place-items:center;width:36px;height:36px;margin-block:-8px;margin-inline-start:-8px;display:grid}.circle svg{width:22px;height:22px}.row-body{text-align:start;flex:1;min-width:0}.t{letter-spacing:-.012em;font-size:15.5px}.t.done{color:var(--ink3);text-decoration:line-through}.meta{color:var(--ink2);white-space:nowrap;align-items:center;gap:7px;margin-top:3px;font-size:12.5px;display:flex;overflow:hidden}.dot{background:var(--ink3);border-radius:50%;flex:none;width:3px;height:3px}.od{color:var(--accent);font-weight:500}.crit{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;margin-top:8px}.empty{color:var(--ink3);padding-top:44px}.chips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.chip{background:var(--surface);color:var(--ink2);border-radius:20px;padding:7px 13px;font-size:13px;transition:background .15s,color .15s}.chip.on{background:var(--ink);color:var(--bg)}.btn{background:var(--surface);border-radius:10px;padding:9px 16px;font-size:13.5px;font-weight:500;transition:opacity .15s}.btn:hover{opacity:.8}.btn.primary{background:var(--ink);color:var(--bg)}.btn.danger{color:var(--accent)}.btn[disabled]{opacity:.35;cursor:default}.big{background:var(--ink);width:100%;height:52px;color:var(--bg);text-align:center;border-radius:16px;font-size:16px;font-weight:600;transition:opacity .15s}.big[disabled]{opacity:.25;cursor:default}.acts{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.dh{color:var(--ink2);justify-content:space-between;font-size:13px;display:flex}.dt{letter-spacing:-.035em;align-items:flex-start;gap:14px;margin-top:24px;font-size:30px;font-weight:500;line-height:1.2;display:flex}.dt .circle{margin:4px 0 0;width:36px;height:36px;margin-inline-start:-4px}.dt .circle svg{width:28px;height:28px}.pill{color:var(--accent);background:var(--accent-soft);border-radius:20px;margin-top:12px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.props{border-top:1px solid var(--line);margin-top:26px}.p{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.p>span:first-child{color:var(--ink2)}.p select,.p input[type=datetime-local]{text-align:end;cursor:pointer;font-weight:500}.p .strong{font-weight:500}.note{resize:vertical;width:100%;min-height:48px;margin-top:20px;line-height:1.5}.note::placeholder,.field::placeholder{color:var(--ink3)}.hist{margin-top:30px}.h{color:var(--ink2);gap:12px;padding:11px 0;font-size:13.5px;display:flex}.h b{color:var(--ink);font-weight:500}.h time{color:var(--ink3);margin-inline-start:auto;font-size:12.5px}.week{grid-template-columns:repeat(7,1fr);gap:2px;margin-top:20px;display:grid}.day{border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:8px 0 9px;transition:background .15s;display:flex}.day small{letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);font-size:11px}.day b{font-size:18px;font-weight:500}.day i{background:0 0;border-radius:50%;width:4px;height:4px}.day.has i{background:var(--accent)}.day.on{background:var(--ink);color:var(--bg)}.day.on small{color:var(--bg);opacity:.6}.day.on.has i{background:var(--bg)}.ev{align-items:flex-start;gap:14px;width:100%;padding:6px 0;display:flex}.ev time{width:64px;color:var(--ink3);flex:none;padding-top:14px;font-size:12.5px}.ev .blk{background:var(--surface);border-inline-start:3px solid var(--ink);text-align:start;border-radius:12px;flex:1;min-width:0;padding:10px 12px}.ev .blk.crit-blk{background:var(--accent-soft);border-inline-start-color:var(--accent)}.ev .blk small{color:var(--ink2);margin-top:3px;font-size:12.5px;display:block}.stats{grid-template-columns:repeat(4,1fr);margin-top:30px;display:grid}.stat{text-align:center;border-inline-start:1px solid var(--line);padding:0 12px}.stat:first-child{border-inline-start:0}.stat b{letter-spacing:-.045em;font-size:56px;font-weight:300;line-height:1;display:block}.stat span{color:var(--ink2);margin-top:10px;font-size:13.5px;display:block}.stat.a b{color:var(--accent)}.cols{grid-template-columns:1fr 1fr;gap:56px;display:grid}.bar{background:var(--surface);border-radius:2px;height:4px;margin-top:9px;overflow:hidden}.bar i{background:var(--ink);border-radius:2px;height:100%;transition:width .4s;display:block}.co{border-bottom:1px solid var(--line);padding:15px 0}.co .r{justify-content:space-between;font-size:15px;display:flex}.co small{color:var(--ink2);font-size:13px}.scrim{background:var(--scrim);z-index:50;place-items:center;animation:.18s fade;display:grid;position:fixed;inset:0}.scrim.right{place-items:stretch end}.modal{background:var(--bg);border-radius:22px;width:min(520px,100vw - 32px);max-height:calc(100vh - 48px);padding:26px 28px 28px;animation:.22s rise;overflow-y:auto;box-shadow:0 30px 80px -20px #00000059}.drawer{background:var(--bg);border-inline-start:1px solid var(--line);width:min(440px,100vw);height:100%;padding:26px 28px;animation:.24s slide;overflow-y:auto}.mh{color:var(--ink2);justify-content:space-between;align-items:center;font-size:15px;display:flex}.field{letter-spacing:-.03em;width:100%;margin-top:20px;font-size:26px;font-weight:500}.field.sm{letter-spacing:0;border-bottom:1px solid var(--line);margin-top:14px;padding-bottom:10px;font-size:18px;font-weight:400}.suggest{background:var(--surface);width:100%;color:var(--ink2);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:9px 12px;font-size:13px;animation:.2s fade;display:flex}.suggest b{color:var(--accent);font-weight:600}.form{border-top:1px solid var(--line);margin-top:22px}.seg{background:var(--surface);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--ink2);border-radius:8px;padding:6px 12px;font-size:13px;transition:background .15s}.seg button.on{background:var(--bg);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #0000001a}.seg button.on.c{color:var(--accent)}.err{color:var(--accent);margin-top:12px;font-size:13px}.person{border-bottom:1px solid var(--line);width:100%;padding:13px 0}.person small{color:var(--ink2);margin-top:3px;font-size:13px;display:block}.notif{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;width:100%;padding:14px 0;display:flex}.notif .u{background:0 0;border-radius:50%;flex:none;width:7px;height:7px;margin-top:8px}.notif.unread .u{background:var(--accent)}.notif.unread .t{font-weight:500}.notif .b{color:var(--ink2);margin-top:3px;font-size:13.5px}.notif .b.hot{color:var(--accent)}.notif time{color:var(--ink3);margin-inline-start:auto;font-size:12.5px}.line{border-bottom:1px solid var(--line);width:100%;padding:12px 0;display:block}.line small{color:var(--ink2);margin-top:3px;font-size:13px;display:block}.signin{place-items:center;min-height:100%;padding:24px;display:grid}.signin .card{width:min(380px,100%)}.signin h1{letter-spacing:-.04em;margin-top:22px;font-size:40px}.signin .logo{border-radius:12px;width:44px;height:44px}.signin .logo svg{width:22px;height:22px}.signin .field{border-bottom:1px solid var(--line);margin-top:40px;padding-bottom:12px;font-size:24px}.signin .big{margin-top:28px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.985)}}@keyframes slide{0%{transform:translateX(calc(24px * var(--dir)));opacity:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=900px){.app{grid-template-columns:1fr;padding-bottom:66px}.side{bottom:0;z-index:20;border-inline-end:0;border-top:1px solid var(--line);flex-direction:row;padding:6px 8px;position:fixed;inset-inline:0;overflow:visible}.side .brand,.side .sec,.side .co-nav,.side .spacer,.side .me{display:none}.side .nav{flex:1;justify-content:center;gap:6px;font-size:12.5px}.side .new{inset-inline-end:18px;border-radius:50%;justify-content:center;width:54px;height:54px;padding:0;font-size:0;position:fixed;bottom:82px;box-shadow:0 10px 24px -6px #00000059}.side .new:before{content:"+";font-size:28px;font-weight:300}.side .new small{display:none}.split{grid-template-columns:1fr}.split.has-sel .list,.split:not(.has-sel) .detail{display:none}.list,.detail,.wide{padding-inline:20px}.stats{grid-template-columns:repeat(2,1fr);row-gap:24px}.cols{grid-template-columns:1fr;gap:0}.back{display:inline-block!important}}.back{color:var(--ink2);margin-bottom:14px;font-size:14px;display:none}:where(.row,.nav,.chip,.btn,.icon-btn,.avatar,.day,.person,.notif,.line,.new,.big,.circle,.ev .blk,.seg button,.suggest,.p>button){transition:background-color .18s,opacity .18s,transform .18s,color .18s,box-shadow .18s}@media (hover:hover){.row:hover{background:color-mix(in srgb, var(--surface) 60%, transparent)}.row.sel:hover{background:var(--surface)}.nav:hover{background:color-mix(in srgb, var(--surface) 80%, transparent)}.nav.on:hover{background:var(--surface)}.chip:hover:not(.on){background:color-mix(in srgb, var(--ink) 8%, var(--surface));color:var(--ink)}.chip.on:hover{opacity:.88}.btn:hover{opacity:.86}.big:hover:not([disabled]),.new:hover{opacity:.9}.icon-btn:hover{background:var(--surface)}.avatar:hover{background:color-mix(in srgb, var(--ink) 8%, var(--surface))}.circle:hover:not([disabled]){transform:scale(1.07)}.day:hover:not(.on){background:var(--surface)}.person:hover,.notif:hover,.line:hover{background:color-mix(in srgb, var(--surface) 55%, transparent)}.ev:hover .blk{transform:translateX(calc(2px * var(--dir)))}.seg button:hover:not(.on){color:var(--ink)}.suggest:hover{background:color-mix(in srgb, var(--ink) 7%, var(--surface))}.p>button:hover{opacity:.7}.p select:hover,.p input:hover{opacity:.75}.back:hover{color:var(--ink)}}:root[dir=rtl]{--dir:-1}:root[lang=ar] body,:root[lang=ar] button,:root[lang=ar] input,:root[lang=ar] select,:root[lang=ar] textarea{font-family:IBM Plex Sans Arabic,Inter Tight,-apple-system,system-ui,sans-serif}:root[lang=ar] *{letter-spacing:0!important}:root[lang=ar] body{line-height:1.5}:root[lang=ar] h1,:root[lang=ar] .dt{line-height:1.35}:root[lang=ar] .label,:root[lang=ar] .sec{text-transform:none;font-size:12.5px}:root[lang=ar] .stat b{font-family:Inter Tight,sans-serif}.linkish{margin-top:16px;padding:2px 0;transition:color .15s;display:block}.linkish:hover{color:var(--ink)}.linkish.lang{margin-top:26px}.loginrow{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.loginrow .linkish{margin-top:0}.remember{color:var(--ink2);cursor:pointer;align-items:center;gap:8px;font-size:13.5px;display:inline-flex}.remember input{appearance:none;border:1.5px solid var(--ink3);cursor:pointer;border-radius:6px;flex:none;place-items:center;width:18px;height:18px;transition:background .15s,border-color .15s;display:grid}.remember input:checked{background:var(--ink);border-color:var(--ink)}.remember input:checked:after{content:"";border:solid var(--bg);border-width:0 1.6px 1.6px 0;width:4px;height:8px;transform:translateY(-1px)rotate(45deg)}.remember input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field:focus-visible,.note:focus-visible,.p input:focus-visible{border-radius:0;outline:0}.field.sm{transition:border-color .15s}.field.sm:focus-visible{border-bottom-color:var(--accent)}.p input:focus-visible,.note:focus-visible{box-shadow:0 1px 0 var(--accent)}.signin{place-items:start center;padding-top:clamp(40px,14vh,150px)}.scrim:not(.right){box-sizing:border-box;place-items:start center;padding-top:clamp(16px,7vh,80px)}.modal{max-height:calc(100vh - clamp(16px,7vh,80px) - 24px)}textarea.field.title{resize:none;min-height:1.2em;line-height:1.2;display:block;overflow:hidden}.note{resize:none}.p select{appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5L6 6l4.5-4.5' fill='none' stroke='%23a8a8a4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 2px center no-repeat;padding-inline-end:20px}:root[dir=rtl] .p select{background-position:2px}.p input[type=checkbox]{appearance:none;border:1.5px solid var(--ink3);cursor:pointer;border-radius:6px;flex:none;place-items:center;width:18px;height:18px;transition:background .15s,border-color .15s;display:grid}.p input[type=checkbox]:checked{background:var(--ink);border-color:var(--ink)}.p input[type=checkbox]:checked:after{content:"";border:solid var(--bg);border-width:0 1.6px 1.6px 0;width:4px;height:8px;transform:translateY(-1px)rotate(45deg)}.who{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;align-items:center;gap:6px;padding:0;transition:color .15s;display:inline-flex}.label .who{color:var(--ink2)}.who:hover{color:var(--ink)}.crumb{color:var(--ink2);padding:6px 0 0;font-size:13.5px}.quick{border-bottom:1px solid var(--line);border-top:1px solid var(--line);align-items:center;gap:14px;margin-top:18px;padding:14px 4px;transition:border-color .15s;display:flex}.quick:focus-within{border-bottom-color:var(--accent)}.quick .plus{border:1.5px solid var(--ink3);width:24px;height:24px;color:var(--ink2);border-radius:50%;flex:none;place-items:center;padding-bottom:1px;font-size:17px;line-height:1;display:grid}.quick:focus-within .plus{border-color:var(--accent);color:var(--accent)}.quick input{outline:0;flex:1;min-width:0;font-size:17px}.quick input:focus-visible{outline:0}.quick input::placeholder{color:var(--ink3)}.quicknote{min-height:22px;color:var(--ink2);padding:4px 4px 2px;font-size:12.5px}.inboxrow{position:relative}.inboxrow .qa{inset-inline-end:4px;opacity:0;gap:6px;transition:opacity .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.inboxrow:hover .qa,.inboxrow:focus-within .qa{opacity:1}.inboxrow .qa button{background:var(--surface);color:var(--ink2);border-radius:999px;padding:5px 11px;font-size:12.5px;transition:color .15s,background .15s}.inboxrow .qa button:hover{color:var(--ink);background:var(--line)}@media (hover:none){.inboxrow .qa{opacity:1;padding:0 0 10px 52px;position:static;transform:none}}.calink{display:none}@media (width<=900px){.side .person-nav,.side .nav-calendar{display:none}.calink{color:var(--ink2);align-items:center;gap:6px;margin-top:10px;font-size:13.5px;display:inline-flex}}