*{box-sizing:border-box}body{margin:0;font:14px Arial,sans-serif;color:#18231e;background:#f5f7f6}button,input{font:inherit}.login{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.intro{background:#123c2d;color:white;padding:64px;display:flex;flex-direction:column;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:19px}.brand>span{display:grid;place-items:center;width:43px;height:43px;border-radius:15px;background:#d4f55f;color:#123c2d}.brand small{display:block;font-size:11px;color:#ffffff88;margin-top:4px}.intro small,.workspace>.heading small,dialog>form>small,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold}.intro h1{font-size:50px;line-height:1.08;margin:28px 0 16px}.intro em{font-style:normal;color:#d4f55f}.intro p{max-width:430px;color:#ffffff99;line-height:1.7}.intro i{font-size:12px;color:#ffffff55}.signin{display:grid;place-items:center;padding:30px}.signin form{width:min(420px,100%)}.signin h2{font-size:32px;margin:12px 0}.signin p{color:#718078}.signin label,dialog label{display:block;font-weight:bold;margin-top:22px}.signin input,dialog input{display:block;width:100%;height:48px;margin-top:8px;border:1px solid #cfdbd3;border-radius:12px;padding:0 14px;outline:none}.password{position:relative}.password input{padding-right:50px}.password button{position:absolute;right:10px;top:19px;border:0;background:none}.primary{border:0;border-radius:12px;background:#123c2d;color:white;font-weight:bold;height:48px;padding:0 22px;cursor:pointer}.signin .primary{width:100%;margin-top:24px}.error{background:#fff0f0;color:#a62020;padding:12px;border-radius:10px;margin-top:15px}.safe{display:block;text-align:center;color:#718078;margin-top:28px}.app aside{position:fixed;inset:0 auto 0 0;width:260px;background:#123c2d;color:white;padding:24px;display:flex;flex-direction:column}.app nav{margin-top:42px}.app nav button{width:100%;display:flex;gap:12px;align-items:center;border:0;background:none;color:#ffffffaa;padding:13px 14px;border-radius:12px;margin:3px 0;cursor:pointer}.app nav button span{flex:1;text-align:left}.app nav button i{font-style:normal}.app nav button.active{background:white;color:#123c2d}.private{margin-top:auto;background:#ffffff11;border-radius:16px;padding:16px;color:#d4f55f}.private b,.private small{display:block;color:white;margin-top:10px}.private small{font-size:11px;color:#ffffff88}.logout{background:none;border:0;color:#ffffff99;padding:16px 4px;cursor:pointer}.content{margin-left:260px}.content header{height:75px;border-bottom:1px solid #dce5df;display:flex;align-items:center;justify-content:flex-end;padding:0 48px;background:#f5f7f6dd;position:sticky;top:0}.search{background:white;border:1px solid #dce5df;border-radius:12px;padding:0 12px;width:350px}.search input{border:0;height:43px;outline:none;width:90%;padding-left:10px}.workspace{max-width:1200px;margin:auto;padding:45px}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.heading h1{font-size:38px;margin:10px 0}.heading p{color:#718078}.toolbar{display:flex;justify-content:flex-end;margin:-8px 0 22px}.view-switch{display:flex;gap:4px;padding:4px;background:#e8eeea;border-radius:12px}.view-switch button{border:0;background:transparent;color:#627269;padding:9px 13px;border-radius:9px;cursor:pointer;font-weight:bold}.view-switch button.active{background:white;color:#123c2d;box-shadow:0 2px 8px #123c2d18}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cards article,.category-cards article{background:white;border:1px solid #dce5df;border-radius:18px;padding:20px;box-shadow:0 3px 12px #123c2d0a;display:flex;flex-direction:column;min-width:0;min-height:285px;overflow:hidden}.cardtop{display:flex;justify-content:space-between}.cardtop>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e7efe9;color:#2f7658;font-size:20px;flex:0 0 auto}.cardtop button{border:0;background:none;font-size:18px;color:#718078;cursor:pointer}.cards article>small,.category-cards article>small{display:block;width:max-content;max-width:100%;margin-top:20px;background:#eef4f0;color:#47715e;border-radius:20px;padding:5px 9px;text-transform:uppercase;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cards h2,.category-cards h2{margin:12px 0 8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;min-height:2.6em}.cards p,.category-cards p{color:#718078;margin:6px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.cards .muted,.category-cards .muted{color:#9aa69f}.cards a,.category-cards a{display:block;margin-top:auto;padding-top:18px;color:#2f7658;font-weight:bold;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-list{display:grid;gap:24px}.category-group{min-width:0}.category-group>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.category-group>header div{display:flex;align-items:center;gap:9px}.category-group>header h2{font-size:17px;margin:0}.category-group>header b{background:#dce8e1;color:#527060;border-radius:20px;padding:4px 9px;font-size:12px}.cat-dot{width:9px;height:9px;border-radius:50%;background:#72a68d}.category-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kanban{display:flex;gap:16px;align-items:flex-start;overflow-x:auto;padding-bottom:16px}.kanban .category-group{background:#e7eee9;border-radius:18px;padding:14px;min-width:285px;width:285px}.kanban .category-cards{display:grid;grid-template-columns:1fr;gap:10px}.kanban .category-cards article{padding:16px;min-height:260px}.kanban .cardtop>span{width:38px;height:38px}.empty{grid-column:1/-1;width:100%;text-align:center;padding:100px;border:1px dashed #cbd8d0;border-radius:24px}.empty>b{font-size:35px;color:#2f7658}.tabs,.mobilebrand{display:none}dialog{border:0;border-radius:24px;padding:0;width:min(510px,calc(100% - 30px));box-shadow:0 30px 90px #0005}dialog::backdrop{background:#0c251b77;backdrop-filter:blur(3px)}dialog form{padding:30px;position:relative}dialog h2{font-size:26px;text-transform:capitalize;margin:6px 0}.close{position:absolute;right:24px;top:20px;border:0;background:none;font-size:28px}.actions{display:flex;gap:12px;margin-top:25px}.actions button{flex:1;height:44px;border-radius:11px;border:1px solid #d5dfd9}.actions .primary{border:0}.mobilebrand{font-weight:bold}.tabs{gap:8px;margin-bottom:20px}.tabs button{flex:1;border:1px solid #dce5df;background:white;border-radius:10px;padding:10px}.tabs .active{background:#123c2d;color:white}@media(max-width:850px){.login{display:block}.intro{display:none}.signin{min-height:100vh}.app aside{display:none}.content{margin:0}.content header{padding:14px;height:auto}.mobilebrand{display:block;margin-right:auto}.workspace{padding:28px 18px}.heading{align-items:flex-start;gap:20px}.heading h1{font-size:29px}.heading .primary{white-space:nowrap}.tabs{display:flex}.cards,.category-cards{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cards,.category-cards{grid-template-columns:1fr}.heading{display:block}.heading .primary{width:100%;margin-top:15px}.search{width:230px}.mobilebrand{display:none}.toolbar{justify-content:stretch}.view-switch{width:100%}.view-switch button{flex:1;padding:9px 5px;font-size:12px}}