@import url('/static/vendor/fonts.css');
:root{--bg:#f7f7f5;--paper:#fff;--ink:#262637;--muted:#94939f;--line:#e9e9ed;--purple:#2d2b45;--lavender:#c8acf9;--peach:#ffe6bf;--lime:#e7f770;--font:'IBM Plex Sans Arabic',sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#b9c0d7;font-family:var(--font);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #9276c6;outline-offset:3px}input,select,textarea{outline:none;border:1px solid var(--line);border-radius:11px;background:white;color:var(--ink);padding:12px 14px;min-width:0}input:focus,select:focus,textarea:focus{border-color:#ae8be3;box-shadow:0 0 0 3px #c8acf926}textarea{resize:vertical;min-height:100px}h1,h2,h3,p{margin-top:0}h1{font-size:29px;line-height:1.55}h2{font-size:19px}h3{font-size:16px}small{font-size:11px}[hidden]{display:none!important}.muted{color:var(--muted)}.brand{display:flex;align-items:center;gap:7px;width:max-content;font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-1.4px;font-weight:800}.brand-mark{background:var(--purple);color:var(--lavender);width:36px;height:37px;border-radius:11px;text-align:center;font-size:31px;line-height:35px;letter-spacing:-4px;padding-right:5px}.brand-dot{font-size:9px;align-self:flex-start;margin-top:9px;letter-spacing:0}.app-shell{max-width:1700px;margin:28px auto;min-height:calc(100vh - 56px);background:var(--bg);display:flex;border:1px solid #fdfdfd;box-shadow:0 18px 50px #303c6420}.sidebar{width:234px;flex-shrink:0;border-left:1px solid var(--line);padding:34px 22px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 58px);min-height:760px}.sidebar>.brand{margin:0 12px 35px}.workspace-switch{display:flex;align-items:center;text-align:right;gap:10px;padding:11px 8px;background:white;border:1px solid var(--line);border-radius:12px;width:100%;margin-bottom:31px}.workspace-switch>span:nth-child(2){flex:1;min-width:0}.workspace-switch small,.workspace-switch strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-switch small{color:var(--muted);font-size:10px;margin-bottom:3px}.workspace-switch strong{font-weight:500;font-size:12px}.workspace-initial{width:33px;height:34px;background:#efebf9;border-radius:9px;display:grid;place-items:center;color:#75579c}.nav-label{font-size:10px;color:#a3a2ab;padding:0 12px;margin-bottom:12px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;border:0;background:none;border-radius:9px;padding:13px 13px;margin-bottom:6px;color:#7e7d8b;text-align:right;position:relative;font-size:12px}.nav-item i{font-size:17px}.nav-item.active{background:#edeaf3;color:var(--purple);font-weight:600}.nav-item.active:before{content:'';position:absolute;right:-23px;height:27px;width:4px;background:var(--purple);border-radius:4px 0 0 4px}.nav-item:hover{background:#efedf3}.nav-count{margin-right:auto;font-family:Manrope;font-size:10px;border-radius:5px;background:#e5e1ed;padding:2px 6px}.nav-divider{border-top:1px solid var(--line);margin:20px 11px}.sidebar-bottom{margin-top:auto;padding-top:30px}.invite-box{background:#eeedf2;padding:18px 12px 14px;border-radius:13px;text-align:center}.invite-icon{display:grid;place-items:center;margin:-4px auto 10px;background:var(--purple);color:var(--lavender);width:32px;height:32px;border-radius:10px}.invite-box strong{font-size:11px;font-weight:500;display:block}.invite-box p{font-size:10px;color:var(--muted);margin:6px 0 12px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid var(--line);background:white;border-radius:9px;padding:10px 17px;font-size:12px;font-weight:500;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-1px);background:#f0edf5}.btn.primary{background:var(--purple);color:white;border-color:var(--purple)}.btn.primary:hover{background:#43405f}.btn.small{font-size:10px;padding:7px 13px}.btn.danger{color:#b34c51;background:#fff1f1;border-color:#f1dbdb}.profile{display:flex;align-items:center;gap:9px;width:100%;padding:22px 0 0;margin-top:20px;border:0;border-top:1px solid var(--line);background:none;text-align:right}.profile>span:nth-child(2){flex:1;min-width:0}.profile strong{display:block;font-weight:500;font-size:12px;overflow:hidden;text-overflow:ellipsis}.profile small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.avatar{width:36px;height:36px;display:inline-grid;place-items:center;background:#ddd5ec;border-radius:50%;font-size:15px;flex-shrink:0;border:3px solid var(--bg);font-weight:500}.small-avatar{width:34px;height:34px;font-size:12px}.main{flex:1;min-width:0;padding:0 36px;display:flex;flex-direction:column}.topbar{height:102px;display:flex;align-items:center;justify-content:space-between;gap:20px}.search{display:flex;align-items:center;gap:12px;max-width:400px;flex:1}.search i{font-size:17px}.search input{border:0;background:none;padding:8px 0;font-size:11px;width:100%;box-shadow:none}.search kbd{white-space:nowrap;font-family:Manrope;font-size:9px;color:#aaaab3;background:#efeff0;padding:3px 5px;border-radius:4px}.topbar-end{display:flex;align-items:center;gap:20px}.today-label{color:var(--muted);font-size:10px}.icon-btn{width:34px;height:34px;display:inline-grid;place-items:center;border:0;background:transparent;border-radius:9px;position:relative;font-size:17px}.icon-btn:hover{background:#ebe9f1}.notice-dot{width:5px;height:5px;border-radius:50%;background:#ba9be9;position:absolute;right:8px;top:5px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:14px 0 23px;gap:15px}.page-heading h1{margin:0;font-size:25px;font-weight:600;letter-spacing:-.8px}.page-heading p{color:var(--muted);font-size:11px;margin:5px 0 0}.heading-actions{display:flex;gap:9px}.eyebrow{font-size:10px;letter-spacing:.4px;color:#b8b5c9}.hero{background:var(--purple);color:white;min-height:240px;border-radius:22px;padding:25px 27px;display:flex;align-items:center;gap:24px;margin-bottom:31px;overflow:hidden}.hero-copy{min-width:200px;flex:.9;padding:7px 0}.hero-copy h2{font-size:25px;line-height:1.65;margin:12px 0 22px;font-weight:500;letter-spacing:-.5px}.hero-copy h2 span{color:var(--lavender)}.hero-copy .btn{font-size:10px;border-radius:20px;border:0;padding:8px 14px}.hero-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;flex:1.65;align-self:stretch}.project-card{border:0;border-radius:17px;padding:17px 17px 15px;text-align:right;min-width:0;display:flex;flex-direction:column;position:relative;transition:transform .2s;color:var(--ink)}.project-card:hover{transform:translateY(-4px)}.lavender{background:var(--lavender)}.peach{background:var(--peach)}.lime{background:var(--lime)}.card-top{display:flex;justify-content:space-between;align-items:center;font-family:Manrope;font-size:10px;margin-bottom:22px}.card-icon{font-size:25px;margin-bottom:7px}.project-card h3{font-size:13px;font-weight:600;line-height:1.5;min-height:39px;margin:0 0 12px;overflow-wrap:anywhere}.card-bottom{margin-top:auto}.card-bottom small{font-size:9px;color:#514b60}.progress-track{height:3px;border-radius:5px;background:#29253b18;overflow:hidden;margin-top:7px;direction:rtl}.progress-track>span{display:block;height:100%;background:var(--ink);border-radius:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:35px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px}.section-head h2{margin:0;font-size:16px;font-weight:600}.text-btn{border:0;background:none;color:#7a7588;font-size:11px;padding:4px 0;cursor:pointer}.text-btn:hover{color:var(--ink)}.stats{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:13px;margin-bottom:32px}.stat{background:white;border-radius:16px;padding:18px;min-height:123px}.stat-label{font-size:10px;color:#93909e;display:block;margin-top:7px}.stat-number{font-family:Manrope;font-size:31px;font-weight:500;line-height:1.5;direction:ltr;text-align:right;letter-spacing:-1.6px}.stat-number small{font-family:var(--font);font-size:11px;letter-spacing:0;color:#9a96a5;margin-left:5px}.stat-meta{font-size:9px;color:#9a96a5;margin-top:7px}.money-stat{background:#eeebf5}.money-stat .stat-number{font-size:27px}.task-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.task-row:last-child{border-bottom:0}.task-check{width:21px;height:21px;border-radius:7px;border:1px solid #d9d5e4;display:grid;place-items:center;flex-shrink:0;background:none;font-size:13px}.task-check.done{background:var(--purple);color:var(--lime);border-color:var(--purple)}.task-info{flex:1;min-width:0}.task-info button{font-weight:500;border:0;background:none;padding:0;text-align:right;font-size:12px;display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-info small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.task-date{font-family:Manrope;font-size:9px;white-space:nowrap;color:#787584}.tag{display:inline-flex;align-items:center;padding:4px 9px;border-radius:6px;font-size:9px;white-space:nowrap;background:#edeaf3;color:#74618e}.tag.todo{background:#ecebf0;color:#8a8596}.tag.progress{background:#eee5ff;color:#8a62b5}.tag.review{background:#fff0d8;color:#ab803e}.tag.done,.tag.paid{background:#edf3d6;color:#697a34}.tag.unpaid{background:#faeae6;color:#b37a67}.tag.high{background:#fae8e9;color:#ac636a}.calendar-panel{padding:0 0 22px}.calendar-controls{display:flex;gap:4px}.calendar-controls button{border:0;background:none;font-size:13px;padding:4px 7px}.calendar-name{font-size:14px;font-weight:600;margin:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;direction:rtl}.calendar-grid>small{text-align:center;color:#9b97a3;font-size:8px;padding:5px 0 9px}.calendar-day{background:none;border:0;border-radius:8px;height:29px;position:relative;font-size:10px;font-family:Manrope;display:grid;place-items:center}.calendar-day:hover{background:#e9e5f3}.calendar-day.other{color:#c7c3ce}.calendar-day.today{background:var(--purple);color:white}.calendar-day.selected{box-shadow:0 0 0 1px #b59ace inset}.calendar-day.has-tasks:after{content:'';width:3px;height:3px;background:#aa8ad4;border-radius:50%;position:absolute;bottom:2px;left:calc(50% - 1.5px)}.upcoming-card{padding:14px;background:white;border-radius:13px;display:flex;gap:11px;align-items:center;margin-bottom:10px;cursor:pointer}.upcoming-icon{background:var(--purple);color:var(--lime);display:grid;place-items:center;min-width:37px;height:40px;border-radius:10px;font-size:17px}.upcoming-card h3{font-size:11px;font-weight:500;margin:3px 0 0}.upcoming-card small{font-size:9px;color:var(--muted)}.empty{padding:34px 22px;text-align:center;border:1px dashed #ddd8e6;border-radius:15px;color:#9691a1;font-size:11px}.empty>i{display:block;font-size:28px;color:#c7b6e0;margin-bottom:10px}.empty h3{font-size:13px;color:#656070;font-weight:500;margin-bottom:6px}.empty p{margin-bottom:14px;line-height:1.8;font-size:11px}.empty .btn{font-size:10px}.empty.compact{padding:24px 14px}.app-footer{display:flex;justify-content:space-between;padding:35px 0 22px;margin-top:auto;font-size:9px;color:#b2adbb;gap:15px}.app-footer span:last-child{font-family:Manrope;font-size:7px;letter-spacing:1.2px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-tile{border:1px solid var(--line);background:white;border-radius:18px;overflow:hidden}.project-tile-top{padding:20px}.project-tile .tile-number{display:flex;justify-content:space-between;font-family:Manrope;font-size:10px}.project-tile h2{margin:20px 0 8px;font-size:18px}.project-tile p{font-size:11px;color:#787181;line-height:1.9;min-height:42px;overflow-wrap:anywhere}.project-tile-bottom{padding:15px 20px}.tile-meta{display:flex;justify-content:space-between;margin:15px 0 5px;font-size:10px;color:#93899e}.filters{display:flex;justify-content:space-between;gap:12px;margin-bottom:22px;flex-wrap:wrap}.filter-group{display:flex;gap:8px;align-items:center}.filter-group select{padding:8px 11px;font-size:11px;background:transparent;border-color:#e0dde6;max-width:180px}.view-switch{display:flex;border:1px solid var(--line);padding:3px;border-radius:8px}.view-switch button{border:0;padding:5px 10px;border-radius:5px;background:none;color:#a29aa9}.view-switch button.active{background:white;color:var(--ink);box-shadow:0 1px 4px #0000000b}.table-wrap{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:16px}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap}th{font-size:10px;color:#9b95a4;font-weight:400;background:#fcfbfd;padding:15px 17px;border-bottom:1px solid var(--line)}td{padding:17px;font-size:11px;border-bottom:1px solid #f1eff4}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfbff}td.title-cell{font-weight:500;white-space:normal;min-width:180px}.money{font-family:Manrope;direction:ltr;text-align:right;font-size:12px;white-space:nowrap}.money small{font-family:var(--font);font-size:10px;color:#9a92a4}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.board-column{border-radius:14px;background:#efedf2;padding:13px;min-height:330px}.board-column>h3{display:flex;justify-content:space-between;font-size:12px;font-weight:500;padding:0 4px}.board-card{background:white;border-radius:11px;padding:15px 13px;margin-bottom:10px;border:1px solid #e9e5ee;cursor:pointer}.board-card h3{font-size:12px;font-weight:500;margin:11px 0 14px;line-height:1.8}.board-card-foot{border-top:1px solid #f0edf4;display:flex;align-items:center;justify-content:space-between;padding-top:10px;font-size:9px;color:#96909d}.board-card select{font-size:9px;padding:4px 6px;width:100%;margin-top:12px;background:#faf9fc}.calendar-full{background:white;border:1px solid var(--line);border-radius:18px;padding:22px}.calendar-full .calendar-grid{gap:0}.calendar-full .calendar-grid>small{font-size:11px;padding:12px}.calendar-cell{min-height:115px;border:1px solid #f1eff4;padding:8px;min-width:0}.calendar-cell.other{background:#faf9fc;color:#ccc7d2}.day-heading{border:0;background:none;border-radius:7px;padding:5px 8px;font-family:Manrope;font-size:11px}.day-heading.today{background:var(--purple);color:white}.calendar-task{display:block;border:0;background:#efE6fb;color:#6b527c;font-size:9px;border-radius:5px;padding:5px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;margin-top:5px}.calendar-task.done{background:#edf2dc;color:#728047}.payment-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.payment-stats .stat{background:white;border:1px solid var(--line)}.payment-stats .stat:nth-child(2){background:#eef2df}.payment-stats .stat:nth-child(3){background:#f3eefa}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:30px}.member-card{background:white;border:1px solid var(--line);padding:23px;border-radius:16px;text-align:center}.member-card .avatar{height:52px;width:52px;font-size:21px;margin-bottom:12px}.member-card h3{font-size:13px;margin-bottom:5px}.member-card p{font:10px Manrope;color:#a39aaa;overflow-wrap:anywhere;margin-bottom:14px}.settings-card{max-width:650px;background:white;padding:28px;border-radius:17px;border:1px solid var(--line);margin-bottom:20px}.settings-card h2{font-size:16px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.settings-row p{font-size:11px;color:#96909e;margin:5px 0 0}.settings-row strong{font-size:12px;font-weight:500}.switch{accent-color:var(--purple);width:20px;height:20px;box-shadow:none!important}.workspace-menu{position:absolute;z-index:20;right:20px;top:177px;background:white;box-shadow:0 8px 35px #34304720;border:1px solid var(--line);border-radius:12px;padding:7px;width:210px}.workspace-menu button{display:block;background:none;border:0;padding:11px;text-align:right;width:100%;font-size:11px;border-radius:7px}.workspace-menu button:hover{background:#f0ebf6}dialog{border:1px solid #efebf4;border-radius:20px;padding:0;width:min(570px,calc(100vw - 30px));color:var(--ink);background:#faf9fc;max-height:90vh;box-shadow:0 20px 90px #26203933}dialog::backdrop{background:#26223966;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:23px 26px 17px}.modal-head h2{margin:0;font-size:20px}.modal-body{padding:0 26px 26px}.modal-body p{color:#95909f;font-size:11px;line-height:1.9}.modal-body label,.auth-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;margin-bottom:18px}.modal-body input,.modal-body select,.modal-body textarea{width:100%;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.modal-actions{display:flex;justify-content:space-between;gap:12px;margin-top:12px;align-items:center}.modal-actions>div{display:flex;gap:10px}.form-error{font-size:11px;color:#b65560;line-height:1.9;margin-bottom:10px}.form-error.success{color:#6d8052}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--purple);color:white;border:1px solid #ffffff25;border-radius:12px;padding:13px 25px;font-size:12px;z-index:100;box-shadow:0 5px 30px #2d2b4525}.toast.error{background:#99495c}.activity-item{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:flex-start}.activity-item i{color:#ad93cd;font-size:18px}.activity-item strong{font-size:12px;font-weight:500;display:block}.activity-item small{font-size:10px;color:#a69daf;display:block;margin-top:5px}.mobile-menu{display:none}.loading{padding:100px;text-align:center;color:var(--muted)}.back-btn{display:inline-flex;gap:6px;align-items:center;font-size:10px;color:#9d93a7}.auth-body{display:grid;place-items:center;min-height:100vh;padding:40px}.auth-shell{background:var(--bg);width:min(1080px,100%);min-height:740px;border-radius:7px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;box-shadow:0 25px 90px #434d7526}.auth-art{background:var(--purple);color:white;margin:16px;border-radius:14px;padding:30px 31px 24px;display:flex;flex-direction:column;justify-content:space-between}.auth-art .brand{font-size:26px}.auth-art .brand-mark{background:var(--lavender);color:var(--purple)}.auth-art>div:nth-child(2){padding:35px 0 28px}.auth-art h1{font-size:39px;font-weight:500;line-height:1.65;margin:12px 0 15px;letter-spacing:-1px}.auth-art h1 span{color:var(--lavender)}.auth-art p{font-size:12px;color:#bab5cc;line-height:2.1;margin-bottom:0}.auth-art>small{font-size:9px;color:#aaa3be;margin-top:30px}.auth-cards{display:flex;gap:10px;transform:rotate(-3deg)}.mini-card{flex:1;height:100px;border-radius:12px;color:var(--ink);padding:18px 12px;font-size:12px;font-weight:500;display:flex;flex-direction:column;justify-content:space-between}.mini-card:nth-child(2){transform:translateY(-10px)}.mini-card span{font-size:8px;opacity:.6;font-weight:400}.auth-form{padding:34px 42px 20px;display:flex;flex-direction:column}.auth-top{font-size:10px;color:#9c96a5;display:flex;justify-content:space-between;align-items:center}.tiny-dot{background:var(--lavender);width:7px;height:7px;border-radius:50%}.auth-form-inner{margin:auto 0;padding:50px 0 30px}.pill{font:8px Manrope;background:#ece8f3;color:#8d7b9e;padding:6px 9px;border-radius:4px;letter-spacing:1px}.auth-form h2{font-size:29px;font-weight:500;margin:20px 0 7px;letter-spacing:-.7px}.auth-form-inner>p{font-size:11px;line-height:1.9;margin-bottom:27px}.auth-form input{width:100%;font-size:12px;padding:13px 14px;background:#fdfdfd}.auth-submit{width:100%;display:flex;justify-content:space-between;padding:13px 17px;margin-top:15px}.password-wrap{position:relative}.password-wrap input{padding-left:55px}.password-wrap button{position:absolute;left:14px;top:11px;font-size:10px;color:#a39aaa}.auth-form label>small{font-size:9px}.forgot{display:block;margin:16px auto}.auth-note{font-size:9px;text-align:center;color:#b0a7ba;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.auth-form footer{font:8px Manrope;display:flex;justify-content:space-between;color:#aaa3b3}.auth-form footer span{font-size:6px;letter-spacing:1px}
@media(min-width:1450px){.app-shell{margin:40px;min-height:calc(100vh - 80px)}.main{padding:0 48px}.hero{min-height:265px}.sidebar{height:calc(100vh - 82px)}.hero-copy h2{font-size:30px}.hero-cards{gap:20px}.project-card h3{font-size:16px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 290px;gap:42px}}
@media(max-width:1150px){.app-shell{margin:0;min-height:100vh;border:0}.sidebar{width:204px;padding-right:16px;padding-left:16px;height:100vh;min-height:720px}.nav-item.active:before{right:-17px}.main{padding:0 26px}.hero{gap:18px;padding:23px 20px;min-height:225px}.hero-copy{min-width:165px}.hero-copy h2{font-size:21px}.hero-cards{gap:10px;flex:2}.project-card{padding:14px 11px}.project-card h3{font-size:11px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 230px;gap:23px}.stat{padding:14px}.stats{gap:9px;grid-template-columns:1fr 1fr 1.25fr}.stat-number{font-size:27px}.money-stat .stat-number{font-size:23px}.today-label{display:none}.board{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid,.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-row{gap:9px}.task-date{font-size:8px}.dashboard-grid .task-row>.tag{display:none}}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:1fr 1fr;gap:25px}.hero{flex-direction:column;align-items:stretch}.hero-copy{padding:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.hero-copy h2{margin:8px 0 12px;width:100%}.hero-copy h2 br{display:none}.hero-copy .eyebrow{font-size:9px}.hero-copy .btn{position:absolute;margin-top:-4px;left:45px}.hero-cards{min-height:195px}.card-top{margin-bottom:14px}.project-card h3{font-size:13px}.hero-copy h2{font-size:22px}.page-heading h1{font-size:22px}.auth-body{padding:20px}.auth-art{padding:25px 23px}.auth-art h1{font-size:33px}.auth-form{padding:30px 27px}.auth-cards{gap:6px}.mini-card{font-size:10px;padding:13px 9px}}
@media(max-width:680px){body{background:var(--bg)}.sidebar{position:fixed;right:0;top:0;height:100dvh;min-height:0;z-index:50;transform:translateX(100%);transition:transform .2s;background:var(--bg);width:240px;overflow-y:auto}.sidebar.open{transform:translateX(0)}.mobile-overlay{position:fixed;inset:0;background:#2c253960;z-index:40}.main{padding:0 20px;width:100%}.topbar{height:77px;gap:12px}.mobile-menu{display:grid}.search{gap:8px}.search input{font-size:10px}.search kbd{display:none}.topbar-end{gap:9px}.page-heading{margin-top:15px;margin-bottom:20px;align-items:flex-start}.page-heading h1{font-size:22px}.page-heading p{font-size:10px}.heading-actions>.btn{font-size:10px;padding:9px 12px;gap:6px}.hero{border-radius:17px;padding:20px 17px;margin-bottom:26px}.hero-copy .btn{left:38px;font-size:8px;padding:7px 10px;margin-top:-3px}.hero-copy h2{font-size:20px;margin-top:13px;line-height:1.8}.hero-cards{gap:9px;min-height:180px}.project-card{border-radius:12px;padding:12px 10px}.project-card h3{font-size:11px;min-height:34px;margin-bottom:12px}.card-top{font-size:8px;margin-bottom:18px}.card-icon{font-size:22px}.card-bottom small{font-size:8px}.stats{grid-template-columns:1fr 1fr 1.25fr;gap:9px}.stat{padding:14px 11px;min-height:110px;border-radius:13px}.stat-number{font-size:27px}.money-stat .stat-number{font-size:22px}.stat-label{font-size:9px}.stat-meta{font-size:8px}.stat-number small{font-size:9px}.dashboard-side{grid-template-columns:1fr;gap:5px}.calendar-panel{max-width:none}.calendar-day{height:36px;font-size:11px}.calendar-grid>small{font-size:10px}.project-grid,.team-grid{grid-template-columns:1fr 1fr;gap:12px}.project-tile-top{padding:16px}.project-tile h2{font-size:15px}.project-tile p{font-size:10px}.project-tile-bottom{padding:12px 16px}.task-date{font-size:9px}.filters{gap:10px}.filter-group{gap:6px}.filter-group select{font-size:10px;max-width:140px;padding:8px}.board{gap:10px}.board-column{padding:9px}.board-card{padding:12px 10px}.board-card h3{font-size:11px}.payment-stats{gap:9px}.payment-stats .stat-number{font-size:22px}.payment-stats .stat{padding:14px 10px}.payment-stats .stat-number small{display:block;text-align:right;margin-top:0}.calendar-full{padding:8px;border-radius:12px}.calendar-cell{min-height:88px;padding:3px}.calendar-full .calendar-grid>small{font-size:8px;padding:8px 0}.day-heading{font-size:10px;padding:4px}.calendar-task{font-size:7px;padding:4px 2px}.calendar-name{font-size:13px}.member-card{padding:18px 10px}.member-card h3{font-size:12px}.member-card p{font-size:8px}.settings-card{padding:22px}.modal-head{padding:20px}.modal-body{padding:0 20px 22px}.form-grid{gap:0 12px}.auth-body{padding:0}.auth-shell{display:flex;flex-direction:column;border-radius:0;min-height:100dvh}.auth-art{margin:0;border-radius:0;padding:25px 25px 30px}.auth-art .brand{font-size:22px}.auth-art>div:nth-child(2){padding:25px 0 0}.auth-art h1{font-size:27px;line-height:1.5;margin:12px 0 0}.auth-art h1 br{display:none}.auth-art h1 br:after{content:' '}.auth-art p,.auth-art>small,.auth-cards{display:none}.auth-art .eyebrow{font-size:9px}.auth-form{padding:25px;flex:1}.auth-top{display:none}.auth-form-inner{padding:15px 0 30px}.auth-form h2{font-size:27px}.auth-form footer{margin-top:auto}.app-footer{font-size:8px}.app-footer span:last-child{font-size:6px}.loading{padding:80px 10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Final layout refinements after browser QA. */
.btn{color:var(--ink)}
@media(min-width:1151px){.app-shell{width:calc(100% - 80px);margin:40px auto;min-height:calc(100vh - 80px)}.sidebar{height:calc(100vh - 82px)}}

@media(max-width:900px){.hero-copy{display:block}.hero-copy .btn{position:static;margin:0 0 2px}.hero-copy h2{width:auto;margin:12px 0 16px}.hero-copy h2 br{display:block}}
@media(max-width:680px){.hero-copy h2{font-size:23px}.hero-copy .btn{font-size:10px;padding:9px 13px}.project-card h3{font-size:12px}.card-bottom small{font-size:9px}.stat-label{font-size:10px}.stat-meta{font-size:9px}.task-info button{font-size:13px}.task-info small{font-size:10px}}

/* Full-window workspace requested by the owner. */
body{background:var(--bg)}
.app-shell{width:100%;max-width:none;margin:0;min-height:100dvh;border:0;box-shadow:none}
.sidebar{height:100dvh;min-height:0;overflow-y:auto}
.auth-body{background:var(--bg)}

.rose{background:#f6bed2}
.sky{background:#b9ddfa}
.mint{background:#bce8d6}
.apricot{background:#ffc9a2}
.lemon{background:#fff2a6}
.lilac{background:#e2c9f5}
.periwinkle{background:#c5cafa}
.coral{background:#fab6ab}
.aqua{background:#b0e4e8}
.sage{background:#d0dfb1}
.sand{background:#e7d3b5}
.blush{background:#f5d6dd}
.ice{background:#cfe9ee}
.mauve{background:#d7bbd4}
.pistachio{background:#d9eab7}
.cloud{background:#dcdde8}
.honey{background:#f6d68e}

.project-tile-icon{font-size:29px;margin:12px 0 0}.project-tile-icon+h2{margin-top:10px}
.project-preview-label{font-size:10px;color:#9d94a8;margin-bottom:8px}
.project-live-preview{border-radius:14px;padding:18px 20px;display:grid;grid-template-columns:40px 1fr;gap:3px 14px;align-items:center;margin-bottom:22px;transition:background .15s}
#preview-icon{grid-row:span 2;font-size:29px}#preview-name{font-size:16px;font-weight:500;overflow-wrap:anywhere}.project-live-preview small{font-size:10px;opacity:.6}
.picker-label{font-size:11px;font-weight:500;display:flex;justify-content:space-between;align-items:center;margin:19px 0 11px}.picker-label small{font-size:9px;color:#9e94a7;font-weight:400}
.icon-picker,.color-picker{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;margin-bottom:21px}
.icon-picker button{aspect-ratio:1;border:1px solid #e7e2ed;background:white;border-radius:9px;display:grid;place-items:center;font-size:19px;padding:0}
.icon-picker button:hover{background:#eee7f9}.icon-picker button[aria-checked=true]{background:var(--purple);color:var(--lavender);border-color:var(--purple)}
.color-picker button{aspect-ratio:1;border:3px solid transparent;background:var(--swatch);border-radius:50%;display:grid;place-items:center;font-size:14px;padding:0;outline-offset:2px}.color-picker button i{visibility:hidden}
.color-picker button[aria-checked=true]{outline:2px solid var(--purple);border-color:var(--bg)}.color-picker button[aria-checked=true] i{visibility:visible}
@media(max-width:680px){.icon-picker,.color-picker{gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}.icon-picker button{aspect-ratio:auto;height:39px;font-size:20px}.color-picker button{width:33px;height:33px;justify-self:center;aspect-ratio:1}.project-live-preview{padding:16px}.project-tile-icon{font-size:26px}}

.task-progress-summary{display:flex;align-items:center;gap:7px;margin-top:7px;max-width:150px;min-width:80px}.task-progress-summary>.progress-track{margin:0;flex:1;height:3px}.task-progress-summary>span{font:8px Manrope;color:#a499ae;min-width:25px}.task-progress-summary .progress-track>span{background:#ad8ad6}
.task-progress-slider{margin:0 0 12px;padding:9px 0}.task-progress-slider>div{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#9d92a8}.task-progress-slider output{font:10px Manrope;color:#7d5f9b}.task-range{appearance:auto!important;accent-color:#8d6ab8;direction:ltr;display:block;width:100%;height:22px;padding:0!important;margin:7px 0 0;border:0!important;background:none!important;border-radius:0!important;box-shadow:none!important;cursor:ew-resize;touch-action:pan-y}.task-range:focus-visible{outline:2px solid #ac8bd3!important;outline-offset:4px}.task-progress-editor{background:#eeebf5;border-radius:12px;padding:1px 17px 14px;margin:0 0 20px}.task-progress-editor .picker-label{font-size:12px;margin-top:14px}.task-progress-editor output{font:600 18px Manrope;color:#80609f}.range-endpoints{display:flex;justify-content:space-between;direction:ltr;font-size:9px;color:#a093ad;margin-top:6px}.board-card .task-range{height:17px;margin-top:5px}
/* Dedicated task pages: task content, conversation, files, and controls. */
.detail-breadcrumb{display:flex;align-items:center;gap:11px;color:#b0a5bd;font-size:10px;margin:12px 0 23px}.detail-breadcrumb .text-btn{font-size:10px}.detail-breadcrumb>span:last-child{color:#a99cb5}.detail-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:30px}.detail-page-heading h1{font-size:30px;line-height:1.6;letter-spacing:-.7px;font-weight:600;margin:14px 0 11px;overflow-wrap:anywhere}.detail-page-heading>.heading-actions{margin-top:28px;flex-shrink:0}.detail-project-pill{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:7px;font-size:10px;color:#4d425b}.detail-title-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:10px}.detail-due-inline{display:flex;gap:7px;align-items:center;color:#93879f}.detail-due-inline.overdue{color:#b46b78}.task-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.task-detail-main{display:flex;flex-direction:column;gap:21px;min-width:0}.detail-card{border:1px solid #ebe6ef;background:#fff;border-radius:17px;padding:24px}.detail-card .section-head{margin-bottom:21px;gap:10px}.detail-card h2{font-size:15px;display:flex;align-items:center;gap:9px}.detail-card h2>i{font-size:17px;color:#a291b5}.detail-count{display:inline-grid;place-items:center;min-width:21px;height:21px;font:10px Manrope;border-radius:6px;background:#f0ecf5;color:#9a84b0;margin-right:4px}.task-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:2.2;color:#686071;min-height:60px}.detail-empty-text{font-size:11px;color:#aaa0b4;line-height:1.9;margin:0}.task-detail-aside{display:flex;flex-direction:column;gap:18px}.detail-field-label{font-size:10px;color:#a397af;display:block;margin-bottom:8px}.detail-control-card>select{width:100%;font-size:11px;background:#fcfbfd;padding:10px 12px}.detail-control-card .task-progress-slider{background:#f4f0f9;border-radius:11px;padding:14px 13px;margin:17px 0 22px}.detail-control-card .task-progress-slider>div{font-size:10px;color:#9e8bad}.detail-control-card .task-progress-slider output{font-size:17px;font-weight:600;color:#82619f}.detail-person{display:flex;align-items:center;gap:10px;padding-bottom:17px;border-bottom:1px solid #eee9f3}.detail-person .avatar{width:36px;height:36px;background:#e8e0f1}.detail-person small{display:block;font-size:9px;color:#ae9fbb;margin-bottom:5px}.detail-person strong{font-size:12px;font-weight:500}.detail-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:19px 0;font-size:10px}.detail-info-row>span:first-child{color:#a093ac;display:flex;align-items:center;gap:7px}.detail-due-box{background:#f3f0f7;border-radius:11px;padding:15px}.detail-due-box>span{display:flex;gap:7px;align-items:center;font-size:10px;color:#a08eaf;margin-bottom:9px}.detail-due-box strong{display:block;font-size:12px;font-weight:500;color:#756381;line-height:1.8}.detail-due-box .text-btn{margin-top:9px;font-size:9px}.detail-due-box.overdue{background:#fcf0ed}.detail-due-box.overdue strong,.detail-due-box.overdue>span{color:#bb7d71}.detail-money-card .section-head>i{color:#b0a0bf}.detail-task-price{margin:4px 0 17px}.detail-task-price .money{font-size:29px;letter-spacing:-1px}.detail-task-price small{font-size:12px;letter-spacing:0}.detail-money-card>.btn{margin-top:18px;width:100%;font-size:10px}.detail-money-card>.detail-empty-text{margin-top:12px;font-size:9px}.task-audit{background:transparent;border-style:dashed}.task-audit>div{display:flex;justify-content:space-between;gap:10px;font-size:9px;margin-bottom:14px}.task-audit>div>span{color:#aa9cb6;white-space:nowrap}.task-audit strong{font-weight:500}.task-audit time{font-size:8px;color:#998da5;text-align:left;line-height:1.8}.delete-task-link{color:#b88b91;font-size:9px;padding-top:8px;border-top:1px solid var(--line);width:100%;display:flex;gap:7px}.attachment-actions{display:flex;gap:6px}.attachment-actions .btn{font-size:9px;padding:6px 10px;gap:6px}.attachment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.attachment-card{position:relative;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #eee9f3;border-radius:12px;min-width:0;background:#fefefe}.attachment-card-copy{min-width:0;flex:1}.attachment-card-copy>a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px;color:#74617f}.attachment-card-copy>small{display:block;font-size:8px;line-height:1.8;margin-top:5px;color:#b0a2b8;overflow-wrap:anywhere}.attachment-symbol,.attachment-preview{width:42px;height:45px;border-radius:9px;flex-shrink:0;background:#eee9f7;display:grid;place-items:center;font-size:23px;color:#a488bd;overflow:hidden}.attachment-symbol.link-symbol{background:#f3eedc;color:#b1a272}.attachment-preview img{width:100%;height:100%;object-fit:cover}.attachment-card>.icon-btn{font-size:13px;width:26px;height:29px;color:#b2a4c0}.attachment-card .attachment-remove{position:absolute;width:18px;height:18px;top:-7px;left:-6px;font-size:12px;border:1px solid #e8e0ef;background:white;border-radius:50%;color:#b4a5bf}.attachment-remove:hover{color:#ab6874}.attachment-drop{margin-top:16px;border:1px dashed #dbd0e8;border-radius:12px;padding:19px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;transition:background .2s}.attachment-drop>span{font-size:23px;color:#b3a1c5}.attachment-drop>small{width:100%;font-size:8px;text-align:center;color:#b9adbf;margin-top:1px}.attachment-drop.drag-over{background:#f1e7ff;border-color:#9c7db8}.upload-state{font-size:11px;padding:12px;margin-top:12px;background:#f3eff9;border-radius:8px;color:#9579ab;overflow-wrap:anywhere}.task-comment{display:flex;gap:12px;padding:0 0 21px;margin-bottom:20px;border-bottom:1px solid #f1edf5}.task-comment:last-child{margin-bottom:0}.task-comment>.avatar{background:#e9e1f2;width:33px;height:33px;font-size:12px;border-color:white}.comment-main{flex:1;min-width:0}.comment-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:6px 0 9px}.comment-meta strong{font-size:11px;font-weight:500}.comment-meta time{font-size:8px;color:#b2a5bd}.comment-meta>small{font-size:8px;color:#baadbf}.comment-actions{display:flex;gap:9px;margin-right:auto}.comment-actions .text-btn{font-size:8px;color:#b0a0bd}.comment-text{font-size:12px;line-height:2;color:#776b82;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.comment-composer{margin-top:23px;background:#f8f6fb;border:1px solid #ede6f4;border-radius:12px;padding:15px}.comment-composer>label{display:block;font-size:10px;color:#a08bad;margin-bottom:10px}.comment-composer>textarea{display:block;min-height:100px;width:100%;font-size:11px;line-height:2;border-color:#e7deef;background:#fff;border-radius:9px;padding:12px}.comment-composer>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.comment-composer>div>small{max-width:60%;font-size:8px;line-height:1.9;color:#b4a3c0}.comment-composer .btn{font-size:10px;padding:9px 12px}.comment-composer .form-error{margin:10px 0 0}
@media(min-width:1600px){.task-detail-grid{grid-template-columns:minmax(0,1fr) 320px;gap:30px}.detail-card{padding:27px}.detail-page-heading h1{font-size:34px}}
@media(max-width:1150px){.task-detail-grid{grid-template-columns:minmax(0,1fr) 250px;gap:17px}.detail-card{padding:18px}.attachment-list{grid-template-columns:1fr}.detail-page-heading h1{font-size:25px}.detail-page-heading>.heading-actions{gap:6px}.detail-page-heading .btn{font-size:10px;padding:9px 12px}}
@media(max-width:900px){.task-detail-grid{grid-template-columns:1fr}.task-detail-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;grid-row:1}.task-audit{grid-column:1/-1}.task-audit>div{display:inline-flex;margin-left:20px}.task-audit .delete-task-link{display:inline-flex;width:auto;margin-right:10px}.detail-page-heading{gap:16px}.detail-page-heading h1{font-size:24px}.detail-page-heading>.heading-actions{flex-direction:column;margin-top:0}.attachment-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.detail-breadcrumb{font-size:9px;gap:8px;margin-top:8px;margin-bottom:21px}.detail-breadcrumb .text-btn{font-size:9px}.detail-page-heading{display:block;margin-bottom:23px}.detail-page-heading h1{font-size:24px;margin-top:12px}.detail-title-meta{gap:10px;font-size:9px;line-height:1.8}.detail-page-heading>.heading-actions{flex-direction:row;margin-top:19px;justify-content:flex-start}.detail-page-heading .btn{font-size:11px;padding:10px 14px}.task-detail-aside{grid-template-columns:1fr 1fr;gap:12px}.detail-control-card{grid-column:1/-1}.detail-control-card .detail-person{padding-bottom:14px}.detail-control-card .detail-info-row{margin:14px 0}.detail-due-box{padding:13px}.detail-due-box strong{font-size:13px}.detail-control-card .task-progress-slider{margin-bottom:18px}.detail-money-card{grid-column:1/-1}.detail-money-card>.btn{width:auto;float:left;margin-top:0}.detail-task-price{display:inline-block;margin:0 0 12px 15px}.detail-money-card>.tag{vertical-align:middle}.task-audit{padding:16px}.task-audit>div{display:flex;margin-left:0;margin-bottom:11px}.task-audit .delete-task-link{margin:5px 0 0;display:flex;width:100%}.task-detail-main{gap:16px}.detail-card{padding:18px;border-radius:13px}.detail-card h2{font-size:14px}.detail-card .section-head{margin-bottom:17px}.task-description{font-size:13px}.detail-empty-text{font-size:11px}.attachment-list{grid-template-columns:1fr}.attachment-actions .btn{padding:6px 8px;font-size:9px}.detail-count{margin-right:0;font-size:9px;min-width:19px;height:19px}.attachment-drop{padding:15px 10px}.attachment-drop>small{font-size:8px}.comment-main{min-width:0}.comment-meta{gap:6px}.comment-meta time{font-size:8px}.comment-actions{width:100%;margin-right:0;justify-content:flex-start}.comment-composer{padding:12px}.comment-composer>div{align-items:flex-end;gap:8px}.comment-composer>div>small{font-size:8px;max-width:50%}.comment-composer .btn{font-size:10px;padding:9px}.task-comments+.comment-composer{margin-top:18px}#task-discussion>.section-head>small{display:none}}

.money{display:inline-flex;align-items:center;gap:.35em;direction:ltr;unicode-bidi:isolate;white-space:nowrap;vertical-align:baseline}
.money>bdi{font:inherit;letter-spacing:inherit}.riyal-symbol{display:inline-block;width:auto;height:.8em;object-fit:contain;vertical-align:-.06em;flex-shrink:0;max-width:none;opacity:.86}
.stat-number .money{font-size:inherit;letter-spacing:inherit}.stat-number .riyal-symbol{height:.78em}.payment-confirm-amount{margin:6px 0 20px}.payment-confirm-amount .money{font-size:27px}.modal-body label .riyal-symbol{height:1em;vertical-align:middle}.settings-row .riyal-symbol{height:1em;vertical-align:middle}

@media(max-width:900px){.task-detail-main,.task-detail-aside{display:contents}.task-detail-grid{display:grid;grid-template-columns:1fr;gap:17px}.task-detail-grid #task-description{order:1}.task-detail-grid .detail-control-card{order:2}.task-detail-grid #task-attachments{order:3}.task-detail-grid #task-discussion{order:4}.task-detail-grid .detail-money-card{order:5}.task-detail-grid .task-audit{order:6}}

.google-login{width:100%;justify-content:center;gap:12px;background:#fff;border:1px solid var(--line);margin:22px 0 18px;color:#2d2b45}.verify-panel{text-align:center;padding:20px;background:#f1edf8;border-radius:18px;margin:18px 0}.verify-panel strong{display:block;overflow-wrap:anywhere;margin:14px 0 22px}.verify-panel .btn{width:100%;margin-bottom:12px}.verify-icon{display:inline-grid;place-items:center;background:#c4a7fa;border-radius:16px;width:56px;height:56px;font-size:26px}.register-link{display:block;text-align:center;margin-top:20px}