:root{--ink:#172326;--muted:#657276;--paper:#f4f1e9;--card:#fffdf8;--line:#dcd8cd;--orange:#f26b38;--teal:#173f3d}*{box-sizing:border-box}body{margin:0;font:15px system-ui;background:var(--paper);color:var(--ink)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login>div{padding:10vw;display:flex;flex-direction:column;justify-content:center}.logo,nav h2 b{background:var(--orange);color:white;padding:14px;border-radius:14px;width:max-content}.login small,header small{color:#1d817b;font-weight:900;letter-spacing:.17em;margin-top:45px}.login h1,header h1{font:52px Georgia;margin:12px 0}.login h1{font-size:clamp(52px,7vw,90px);line-height:.95}.login i{color:var(--orange);font-weight:400}.login p{color:var(--muted);font-size:18px;max-width:460px}.login a{background:var(--ink);color:white;padding:17px;text-decoration:none;border-radius:10px;max-width:330px;margin-top:25px}.login aside{background:var(--teal);color:white;display:flex;align-items:end;padding:8vw;font:36px Georgia}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.shell>nav{background:var(--teal);color:white;padding:25px 18px;display:flex;flex-direction:column;gap:8px;position:fixed;width:240px;inset:0 auto 0 0}.shell nav h2{font:25px Georgia;margin-bottom:35px}.shell nav h2 b{font:12px system-ui;margin-right:10px}.shell nav button{background:none;border:0;color:#bdd0cd;text-align:left;padding:10px;border-radius:8px}.shell nav button:hover{background:#ffffff18;color:white}#navProjects{border-top:1px solid #ffffff22;margin-top:20px;padding-top:15px;display:grid}footer{margin-top:auto;display:flex;justify-content:space-between;font-size:12px;color:#bdd0cd}main{grid-column:2;padding:45px 5vw}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}header h1{font-size:42px;margin:5px 0}.primary,.secondary{border:0;border-radius:9px;padding:11px 15px;font-weight:750}.primary{background:var(--orange);color:white}.secondary{background:white;border:1px solid var(--line)}.projects,.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.card,.pane{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #17232610}.card{padding:23px;text-align:left}.card h3,.pane h3{font:22px Georgia}.card p{color:var(--muted);min-height:40px}.role{color:#1d817b;font-size:10px;font-weight:900;letter-spacing:.12em}.pane.wide{grid-column:span 2}.pane.drag{opacity:.5}.pane-head{display:flex;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}.pane-head h3{margin:0}.pane-head small{margin-left:10px;color:#1d817b}.pane-head div{margin-left:auto}.pane-head button{border:0;background:none}.pane-body{padding:18px;min-height:150px}.editor{min-height:120px;outline:0;line-height:1.6}.editor:empty:before{content:attr(data-placeholder);color:#aaa}.task{display:grid;grid-template-columns:25px 1fr auto;align-items:center;padding:8px;border-radius:8px}.task:hover{background:var(--paper)}.task button{border:0;background:none;text-align:left}.task.done .task-name{text-decoration:line-through;color:#999}.check{border:1px solid #999!important;border-radius:5px!important;width:19px;height:19px}.done .check{background:#1d817b;color:white}.initial{font-size:10px;background:#dce9e5;padding:5px;border-radius:20px}.add{display:flex;margin-top:12px}input,select,textarea,.field{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:white}.media{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.asset{color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:8px;overflow:hidden}.asset img{width:100%;height:85px;object-fit:cover}.asset span{display:block;padding:7px;white-space:nowrap;overflow:hidden}.drop{border:1px dashed #aaa;padding:16px;text-align:center;margin-top:12px}.empty{text-align:center;border:1px dashed #bbb;padding:75px;border-radius:15px;color:var(--muted)}dialog{border:0;border-radius:15px;padding:28px;width:min(580px,94vw)}dialog::backdrop{background:#10201f99}.x{float:right;border:0;background:none;font-size:25px}.form{display:grid;gap:14px}.form h2{font:28px Georgia}.form label{font-size:12px;font-weight:bold}.form label>*{margin-top:5px}.row{display:flex;gap:10px}.end{text-align:right}.comment{background:var(--paper);padding:10px;border-radius:8px;margin:8px 0}#toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:white;padding:12px;border-radius:8px;display:none}#toast.on{display:block}@media(max-width:750px){.login{grid-template-columns:1fr}.login aside{display:none}.shell{display:block}.shell>nav{position:fixed;inset:auto 0 0;width:100%;height:60px;z-index:5;flex-direction:row;padding:8px}.shell nav h2,#navProjects,footer span{display:none}.shell nav button{flex:1;text-align:center}footer{margin:0}main{padding:25px 16px 80px}.board{grid-template-columns:1fr}.pane.wide{grid-column:span 1}}