:root{color:#152019;background:#f5f7f5;font-family:Tahoma,Arial,sans-serif}*{box-sizing:border-box}button,input{font:inherit}.shell{direction:rtl;grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{background:#fff;border-left:1px solid #e4e8e4;flex-direction:column;height:100vh;padding:24px 14px;display:flex;position:sticky;top:0}.brand{flex-direction:column;padding:0 12px 24px;display:flex}.brand b{color:#176b43;font-size:25px}.brand small,.brand span{color:#7b857f;margin-top:4px}nav{gap:5px;display:grid}nav button{text-align:right;color:#5d6861;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:11px 13px;display:flex}nav button.active{color:#176b43;background:#e9f5ee;font-weight:700}.user{border-top:1px solid #eee;align-items:center;gap:9px;min-width:0;margin-top:auto;padding:18px 6px 0;display:flex}.user div{flex-direction:column;flex:1;min-width:0;display:flex}.user small{text-overflow:ellipsis;overflow:hidden}.user>button{background:0 0;border:0}.avatar{color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.content{width:100%;max-width:1350px;margin:auto;padding:38px 42px}header{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}h1{margin:0;font-size:28px}header p{color:#7c8580;margin:7px 0 0}.primary,.quick button,.auth form button{color:#fff;cursor:pointer;background:#176b43;border:0;border-radius:9px;align-items:center;gap:7px;padding:11px 16px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;display:grid}.stats article,.panel,.cards article{background:#fff;border:1px solid #e4e8e4;border-radius:14px}.stats article{flex-direction:column;gap:10px;padding:20px;display:flex}.stats span{color:#7b857f}.stats strong{font-size:30px}.panel{padding:20px}.panel h2{margin:0 0 15px;font-size:17px}.row{border-top:1px solid #eef0ee;align-items:center;gap:12px;padding:13px 4px;display:flex}.row div{flex-direction:column;flex:1;display:flex}.row small,.item small,.muted{color:#87908b;margin-top:5px}.dot{background:#2f8b60;border-radius:50%;width:9px;height:9px}.quick{background:#fff;border:1px solid #e4e8e4;border-radius:12px;gap:10px;margin-bottom:16px;padding:14px;display:flex}.quick input,.auth input{border:1px solid #d9dedb;border-radius:8px;min-width:0;padding:11px 12px}.tablehead,.item{grid-template-columns:2fr 1.2fr .8fr 1.6fr;align-items:center;gap:15px;padding:12px;display:grid}.tablehead{color:#7b857f;border-bottom:1px solid #eee;font-size:12px}.item{border-bottom:1px solid #eef0ee}.item>div:first-child{flex-direction:column;display:flex}.status{background:#eef2ef;border-radius:20px;width:max-content;padding:5px 9px;font-size:12px}.status.completed{color:#176b43;background:#e6f5ec}.actions{flex-wrap:wrap;gap:7px;display:flex}.actions button{cursor:pointer;background:#fff;border:1px solid #dce3de;border-radius:7px;padding:7px 9px}.actions button:disabled{opacity:.4}.calendar{max-width:900px}.calhead{justify-content:space-between;margin-bottom:18px;display:flex}.calhead span{color:#7b857f}.week,.grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.week b{text-align:center;color:#7b857f;padding:8px}.grid div{border:1px solid #edf0ed;border-radius:9px;min-height:76px;padding:8px;position:relative}.grid div.today{background:#f1f8f4;border-color:#176b43}.grid i{background:#176b43;border-radius:50%;width:6px;height:6px;position:absolute;bottom:8px;right:8px}.cards{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.cards article{padding:20px}.cards article button{color:#176b43;background:0 0;border:0;align-items:center;gap:5px;display:flex}.people{display:flex}.people i{background:#2f8b60;border:2px solid #fff;border-radius:50%;width:28px;height:28px;margin-left:-7px}.people i:nth-child(2){background:#3974a9}.people i:nth-child(3){background:#a66a38}.auth{background:#f4f7f5;place-items:center;min-height:100vh;padding:25px;display:grid}.auth section{background:#fff;border:1px solid #e0e6e2;border-radius:18px;width:min(430px,100%);padding:32px}.brand.big{padding:0 0 20px}.auth h1{font-size:25px}.auth p{color:#7b857f}.auth form{gap:10px;margin-top:20px;display:grid}.auth form button{justify-content:center}.link{color:#176b43;cursor:pointer;background:0 0;border:0;width:100%;margin-top:15px}.error{color:#a22;background:#fff0f0;border-radius:8px;margin:10px 0;padding:10px}.empty{text-align:center;padding:60px 20px}.empty p{color:#7b857f}.cards h3{margin-bottom:5px}.cards p{color:#7b857f}@media (width<=800px){.shell{display:block}aside{height:auto;padding:10px;position:static}.brand{padding:8px 10px}.brand small{display:none}nav{display:flex;overflow:auto}nav button{white-space:nowrap}nav button svg,.user{display:none}.content{padding:22px 14px}.stats,.cards{grid-template-columns:1fr}.tablehead{display:none}.item{grid-template-columns:1fr;padding:15px 2px}.quick{flex-direction:column}header{flex-wrap:wrap;align-items:flex-start;gap:12px}}.settings{gap:18px;max-width:720px;display:grid}.settings label{gap:7px;font-weight:700;display:grid}.settings input{border:1px solid #d9dedb;border-radius:8px;padding:11px 12px;font-weight:400}.settings .check{align-items:center;gap:9px;display:flex}.settings .check input{width:18px;height:18px}.settinggrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.success{color:#176b43;font-weight:700}@media (width<=600px){.settinggrid{grid-template-columns:1fr}}:root{--bg:#f7f8f7;--surface:#fff;--text:#17201b;--muted:#778079;--line:#e7eae8;--accent:#176b43;--accent-soft:#edf6f1}body{background:var(--bg);color:var(--text);margin:0}.content{max-width:1180px}.panel,.stats article,.cards article,.auth section{box-shadow:none;border-color:var(--line)}header h1{letter-spacing:-.3px;font-size:26px}.primary{font-weight:700}.connect{flex-wrap:wrap;align-items:center;gap:14px;max-width:720px;margin-bottom:14px;display:flex}.connect>div{flex-direction:column;flex:1;gap:5px;display:flex}.connect small{color:var(--muted)}.soft{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;padding:10px 14px}.syncmsg{width:100%;color:var(--muted);margin:3px 0 0;font-size:13px}.stats strong{font-weight:600}.row,.item{transition:background .15s}.row:hover,.item:hover{background:#fafbfa}@media (width<=800px){.content{padding-bottom:80px}aside{border-left:0;border-bottom:1px solid var(--line)}nav button.active{background:var(--accent-soft)}}