@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#243c33;--green:#226b4d;--muted:#849089;--line:#e5e9e4;--bg:#f6f7f3;--white:#fff;--light:#e8f1e9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;padding:10px 15px;font-weight:600;transition:.15s}button:hover{background:#edf2ed}button.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover{background:#18563c}button:disabled{opacity:.5;cursor:wait}input,textarea,select{border:1px solid #dbe1da;border-radius:8px;padding:12px;background:#fff;color:var(--ink);outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #226b4d12}textarea{resize:vertical;min-height:130px}label{display:block;margin:18px 0 7px;font-size:12px;font-weight:700}a{color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;margin-bottom:8px}h2{font-size:20px}h3{font-size:15px}.muted{color:var(--muted)}.small{font-size:12px}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:34px 18px;display:flex;flex-direction:column;position:fixed;width:232px;height:100vh}.brand{display:flex;gap:11px;align-items:center;padding:0 14px 36px}.mark{background:var(--green);color:white;width:35px;height:38px;border-radius:10px 10px 3px 10px;display:grid;place-items:center;font-size:23px;font-weight:800}.brand b{font-size:22px;letter-spacing:3px}.brand small{font-size:9px;display:block;letter-spacing:2px;color:var(--muted);margin-top:3px}.navlabel{text-transform:uppercase;letter-spacing:1.5px;color:#9ba39d;font-size:10px;margin:22px 15px 12px}.nav{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:0;background:none;margin:4px 0;padding:14px}.nav.active{background:var(--light);color:var(--green)}.nav .count{margin-left:auto;background:#fff;padding:2px 7px;border-radius:5px;font-size:11px}.sidebottom{margin-top:auto}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:20px 10px 0}.avatar{background:#efe8d9;color:#8b7953;border-radius:50%;width:34px;height:34px;display:inline-grid;place-items:center;font-size:11px;flex-shrink:0;font-weight:700}.main{grid-column:2;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 40px;background:#fff9}.topbar span{color:#94a097}.topbar b{color:#40574c;font-weight:500}.statusdot{width:6px;height:6px;display:inline-block;background:#4b9f6f;border-radius:50%;margin-right:6px}.content{padding:36px 40px;max-width:1650px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.heading p{color:var(--muted);margin:0}.eyebrow{font-size:10px;letter-spacing:2px;color:#839383;margin-bottom:14px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;position:relative}.stat:first-child{background:#eaf0e7;border-color:#dfe7da}.stat .number{font-size:32px;font-weight:600;letter-spacing:-1px;margin:13px 0 6px}.stat .symbol{position:absolute;right:20px;top:18px;color:#869c87;font-size:20px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:17px}.search{max-width:290px;position:relative}.toolbar input{background:white}.toolbar select{width:auto;max-width:210px}.seg{margin-left:auto;display:flex;padding:3px;background:#e9ede7;border-radius:8px}.seg button{border:0;background:transparent;padding:8px 13px;font-size:12px}.seg button.active{background:white;box-shadow:0 1px 3px #0001}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#91a094;padding:17px 22px;border-bottom:1px solid var(--line);font-weight:600;background:#fcfdfb}td{padding:20px 22px;border-bottom:1px solid #eef0eb;font-size:12px}tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:#f7faf5}.tasktitle{font-size:13px;font-weight:600;margin-bottom:5px;max-width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:6px;font-size:10px;font-weight:600;white-space:nowrap}.badge:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.s0{color:#627e9e;background:#edf3fa}.s1{color:#ad8234;background:#faf1dc}.s2{color:#8a6eac;background:#f2edf9}.s3{color:#328361;background:#e8f4ec}.s4{color:#a16b6a;background:#f6ece9}.person{display:flex;align-items:center;gap:8px}.person .avatar{height:25px;width:25px;font-size:9px}.tablefoot{padding:16px 22px;display:flex;justify-content:space-between;color:#96a095;font-size:11px;border-top:1px solid var(--line)}.demo{background:#edf1e8;border:1px solid #dfe6d9;color:#6d7f63;border-radius:8px;font-size:11px;padding:10px 14px;margin-bottom:24px;display:flex;justify-content:space-between;gap:12px}.demo a{cursor:pointer;text-decoration:underline}.board{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:14px;overflow:auto;padding-bottom:15px}.column{background:#edf0e9;border-radius:10px;padding:12px;min-height:300px}.column h3{font-size:11px;margin:3px 0 20px;display:flex;justify-content:space-between}.card{background:white;border:1px solid #e1e6dc;border-radius:8px;padding:16px;margin:10px 0;cursor:pointer}.card h3{font-size:13px;line-height:1.6;margin:10px 0 17px;display:block}.cardfooter{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8b958b}.empty{padding:65px 20px;text-align:center;color:#8b998c}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.folder{border:1px solid var(--line);border-radius:12px;padding:24px;background:#fff;cursor:pointer}.folder:hover{border-color:#a5bca5}.foldericon{font-size:29px;color:#a5b693;margin-bottom:22px}.folder h3{margin-bottom:6px}.modalback{position:fixed;inset:0;background:#14281f55;backdrop-filter:blur(3px);z-index:10;display:flex;align-items:center;justify-content:center;padding:22px}.modal{width:570px;background:var(--bg);border-radius:16px;padding:28px;max-height:90vh;overflow:auto;box-shadow:0 20px 100px #12241e30}.modal.wide{width:900px}.modalhead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.close{border:0;padding:4px 9px;background:transparent;font-size:24px}.modalactions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.detailgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.box{background:white;border:1px solid var(--line);padding:20px;border-radius:10px;margin-bottom:16px}.description{white-space:pre-wrap;line-height:1.8;font-size:13px;overflow-wrap:anywhere}.file{display:flex;gap:8px;align-items:center;margin:12px 0;font-size:12px}.file a{overflow-wrap:anywhere}.upload{border:1px dashed #a6bba4;border-radius:8px;padding:17px;text-align:center;font-size:12px;color:var(--green);cursor:pointer;display:block;background:#f5f8f1;margin-top:15px}.upload input{display:none}.event{font-size:12px;line-height:1.6;padding:12px 0;border-bottom:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}.event time{font-size:10px;color:var(--muted);display:block;margin-top:5px}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.loginvisual{background:#203f31;color:#fff;padding:65px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.loginvisual:after{content:'';width:650px;height:650px;border:1px solid #ffffff13;border-radius:50%;position:absolute;bottom:-350px;right:-180px;box-shadow:0 0 0 65px #ffffff05,0 0 0 130px #ffffff05}.loginvisual h1{font-size:54px;line-height:1.2;font-weight:500;letter-spacing:-2px}.loginvisual p{color:#b6c8ba;font-size:16px;line-height:1.8;max-width:400px}.loginform{align-self:center;padding:60px;max-width:530px;width:100%;margin:auto}.loginform .primary{width:100%;margin-top:24px}.loginform .demo{margin-top:30px;display:block;line-height:1.8}.loginvisual .brand{padding:0}.loginvisual .brand small{color:#b6c8ba}.error{color:#b64b45;margin-top:15px;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;background:#243c33;color:white;border-radius:8px;z-index:40;display:none;box-shadow:0 8px 30px #0002}.inline{display:flex;gap:10px;align-items:center}.progress{display:flex;gap:4px;margin:20px 0 28px}.progress span{height:4px;background:#e0e6dc;flex:1;border-radius:4px}.progress span.done{background:#79a482}.footnote{margin-top:20px;font-size:11px;color:#8f9c8c}.userrole{font-size:10px;color:#7b9279;background:#f0f4ed;border-radius:5px;padding:5px 8px}@media(min-width:1500px){.content{padding:45px 60px}}@media(max-width:1100px){.sidebar{width:190px;padding:30px 12px}.shell{grid-template-columns:190px 1fr}.content{padding:28px 24px}.topbar{padding:0 24px}.grid{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}.stats{gap:10px}.stat{padding:18px 15px}}@media(max-width:720px){.shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:14px;display:block}.sidebar .brand{padding:0 0 12px}.sidebar nav{display:flex}.nav{margin:0;padding:10px;justify-content:center;font-size:12px}.sidebar .navlabel,.sidebottom{display:none}.content{padding:22px 16px}.topbar{height:52px;padding:0 16px;font-size:11px}.stats{grid-template-columns:repeat(2,1fr)}h1{font-size:25px}.heading{align-items:flex-start;gap:10px}.heading .primary{font-size:11px;white-space:nowrap}.heading p{font-size:12px}.toolbar .search{max-width:none;flex:1}.toolbar select{max-width:160px;font-size:12px}.grid{grid-template-columns:1fr}.detailgrid{grid-template-columns:1fr}.modal{padding:20px}.login{display:block}.loginvisual{padding:30px;min-height:240px}.loginvisual h1{font-size:32px;margin:28px 0 10px}.loginvisual p,.loginvisual footer{display:none}.loginform{padding:30px}.demo{line-height:1.6}.modalback{padding:10px}}
.dropzone{padding:22px 15px;border:2px dashed #b4c5b0;border-radius:10px;background:#f4f8ef;display:flex;flex-direction:column;align-items:center;gap:12px;margin:18px 0;cursor:pointer;text-align:center}.dropzone span{font-size:11px;color:#83917c}.dropzone.dragover{background:#dcecd7;border-color:#226b4d}.dropzone input[hidden]{display:none}.chatmessages{max-height:370px;overflow:auto;padding:8px 2px}.chatbubble{padding:12px;border-radius:10px;background:#f1f3ee;margin-bottom:10px}.chatbubble.own{background:#e5f0e2}.chatbubble .small{color:#7e8b79;margin-bottom:6px;font-size:10px}.filetype{display:inline-block;font-size:10px;background:#edf2e8;color:#57704f;padding:5px 8px;border-radius:5px}.projectlink{background:none;border:0;text-align:left;padding:0;font-weight:500;white-space:normal}.s2{color:#328361;background:#e8f4ec}.s3{color:#a16b6a;background:#f6ece9}#historyevents{max-height:450px;overflow:auto}
.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.priority{display:inline-block;font-size:10px;padding:4px 7px;border-radius:5px;background:#edf1e9;color:#6e856a}.priority.high{background:#fff0d6;color:#996b20}.priority.urgent{background:#fbe7e1;color:#a54735}.overdue{color:#b24336!important;font-weight:700}.unreadbadge{background:#226b4d;color:white;font-size:10px;padding:3px 7px;border-radius:9px}.notice{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;padding:20px}.notice p{margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.notice.unread{background:#edf5e9}.approvalbox{border-left:3px solid #bb963d;background:#faf4e8;padding:14px;margin-top:15px;line-height:1.8}.danger{color:#a53f34!important}.primary.danger{color:#fff!important;background:#a53f34!important;border-color:#a53f34!important}.filebutton{display:inline-block;padding:10px 14px;border:1px solid var(--line);border-radius:8px;cursor:pointer;margin:0;font-size:12px}.sidebar{overflow-y:auto}.nav{padding:10px 12px}.board{grid-template-columns:repeat(4,minmax(200px,1fr))}@media(max-width:720px){.sidebar nav{flex-wrap:wrap}.sidebar .nav{width:auto}.formgrid{grid-template-columns:1fr}.topbar .inline{gap:5px}#noticebell{font-size:10px;padding:6px}.modal .inline{flex-wrap:wrap}}