@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{font-family:IBM Plex Sans Arabic,system-ui,sans-serif;color:#1d1d1f;background:#f5f5f7;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a8a1ff;outline-offset:2px}.shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#ececf1;border-left:1px solid #dedee5;padding:22px 12px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:8px;padding:8px 12px 30px}.brand img{width:42px;height:42px;object-fit:contain}.brand b{display:block;color:#1e1b5e;font-size:25px;line-height:1.3}.brand small{font-size:11px;color:#777}.nav{border:0;background:transparent;color:#373740;width:100%;display:flex;gap:13px;text-align:right;padding:12px;border-radius:10px;margin:2px 0}.nav span{font-size:19px;width:22px;text-align:center}.nav.active{background:#dedbf6;color:#4b3fd0;font-weight:700}.nav:hover{background:#e2e1eb}.sidefoot{margin-top:auto;border-top:1px solid #d6d6de;padding:18px 10px;color:#656572;font-size:12px}.sidefoot small{color:#888}main{flex:1;min-width:0}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #e9e9ed;gap:10px}.topname{font-weight:700;color:#28284d}.demo{font-size:10px;color:#655cbd;background:#e8e5ff;border-radius:8px;padding:3px 7px;margin-right:8px}.topbuttons{display:flex;gap:8px}.primary{border:0;border-radius:10px;background:#4b3fd0;color:#fff;padding:11px 16px;font-weight:700}.primary:hover{background:#392cb6}.subtle{background:#eeeef2;border:0;border-radius:9px;padding:9px 12px;color:#4b3fd0}.content{max-width:1250px;margin:auto;padding:30px 32px}.heading{display:flex;justify-content:space-between;margin-bottom:24px}.heading h1{font-size:30px;margin:0 0 4px}.heading p{color:#74747d;margin:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat{background:#fff;border:1px solid #eeeef0;border-radius:17px;padding:24px;box-shadow:0 4px 18px #20204008}.stat span{display:block;color:#6b6b75}.stat strong{font-size:36px;color:#24204e;display:block;margin-top:8px}.suggest{background:#f0edff;border:1px solid #ddd8ff;border-radius:16px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.suggest p{margin:5px 0 0;color:#686579}.panel{background:#fff;border-radius:18px;border:1px solid #ededf1;box-shadow:0 5px 20px #20204007;overflow:hidden}.panelhead{padding:20px 22px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;gap:15px}.panelhead h2{font-size:18px;margin:0}.panelhead input{max-width:280px}.record{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #f0f0f3;gap:20px}.record:last-child{border:0}.recordbody{min-width:0}.recordtop{display:flex;gap:8px;align-items:center}.type,.status,.urgent{font-size:11px;border-radius:6px;padding:3px 8px;background:#f0eefb;color:#554ac2}.status.done{background:#e4f4e9;color:#127335}.status.blocked,.urgent{background:#fff0ed;color:#a72f20}.status.pending{background:#fff2df;color:#a45a12}.record h3{margin:9px 0 3px;font-size:15px}.record p,.record small{color:#73737e;margin:0}.recordactions{display:flex;align-items:center;gap:7px}.recordactions select{min-width:145px}.empty{text-align:center;padding:50px;color:#85858e}.notice{font-size:12px;color:#7b7887;margin-top:20px;line-height:1.9}input,select,textarea{background:#fff;border:1px solid #dcdce4;border-radius:9px;padding:10px 12px;width:100%;color:#24242b}dialog{border:0;border-radius:20px;width:min(580px,calc(100% - 24px));box-shadow:0 30px 80px #0004;padding:25px;color:inherit;background:#fff}dialog::backdrop{background:#14122c88}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modalhead h2{margin:0}.modalhead button{width:38px}form label{display:block;font-weight:600;margin-bottom:16px}form label span{color:#c41e1e}form label input,form label select,form label textarea{margin-top:7px;font-weight:400}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modalactions{display:flex;justify-content:flex-end;gap:10px}.dangerbutton{border:0;border-radius:9px;color:#b21b1b;background:#ffe8e8;padding:10px 16px;margin-left:auto}.dark{filter:invert(.9) hue-rotate(180deg)}.dark img{filter:invert(1) hue-rotate(180deg)}@media(max-width:850px){.sidebar{width:75px;padding:14px 6px}.brand{padding:5px 7px 20px}.brand div,.nav:not(.active),.nav.active{font-size:0}.nav{justify-content:center;padding:12px 4px}.nav span{font-size:22px}.sidefoot{font-size:0}.sidefoot small{display:none}.content{padding:22px 15px}.stats{grid-template-columns:repeat(2,1fr)}header{padding:0 14px}.topname{display:none}}@media(max-width:520px){.sidebar{width:58px}.stats{gap:8px}.stat{padding:15px}.stat strong{font-size:26px}.suggest,.record{flex-direction:column;align-items:stretch}.recordactions{justify-content:flex-end}.panelhead{flex-direction:column;align-items:stretch}.twocol{grid-template-columns:1fr}.heading h1{font-size:23px}}