*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#040404;color:#eee;font:14px Arial,sans-serif}button,input,select,textarea{font:inherit;background:#101112;color:inherit;border:1px solid #444;border-radius:6px;padding:8px}button{cursor:pointer}button:hover:not(:disabled){border-color:#ffd447}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #ffd447;outline-offset:2px}.gold,button[aria-pressed=true]{color:#090909;background:#ffd447;border-color:#b88c26}a{color:inherit;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:230px;padding:10px;background:#030303;border-right:1px solid #756022;overflow:auto;z-index:5}.logo{width:210px;height:180px;object-fit:contain}.back{display:block;border-block:1px solid #333;padding:16px 9px}nav a{display:flex;align-items:center;gap:15px;padding:12px 9px;margin-top:3px;border-radius:8px}nav img{width:25px;height:25px}nav .active{background:#ffd447;color:#000}nav .active img{filter:brightness(0)}footer{border-top:1px solid #333;margin-top:20px;padding:20px 8px;font-weight:bold}small{color:#aaa;font-size:11px;line-height:1.5}main{margin-left:230px;padding:0 10px 14px}header{height:175px;background:#090909 url('/brand/collaborate-header.png') center/cover;border-bottom:1px solid #aa8222;padding:25px 20px 10px}h1{font-size:62px;margin:0;line-height:1;font-weight:900;text-shadow:0 2px 5px #000}h1 span{color:#ffd447}header p{font-weight:bold;font-size:11px;letter-spacing:1.5px;margin:12px 0}header>div{display:flex;justify-content:flex-end;gap:7px;align-items:end}header label{font-size:11px}header input{display:block;margin-top:4px;width:180px}header a{padding:8px;border:1px solid #555;border-radius:6px;background:#111}.panel{min-width:0;padding:10px;border:1px solid #786024;border-radius:8px;background:#090a0b}h2{margin:0;font-size:16px}h3{margin:0 0 5px;font-size:15px}.tabs{display:flex;gap:7px;margin:8px 0;overflow:auto}.tabs button{flex:1;min-width:120px;text-align:left;display:flex;align-items:center;gap:10px;padding:11px}.tabs img{width:25px;height:25px}.tabs button[aria-pressed=true] img{filter:brightness(0)}.tabs small{display:block;font-size:10px}.tabs button[aria-pressed=true] small{color:#333}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:8px}.content{display:flex;flex-direction:column;gap:8px;min-width:0}.heading{display:flex;align-items:center;gap:7px;justify-content:space-between;flex-wrap:wrap}.heading h2{margin-right:auto}.heading button{font-size:12px;padding:6px}.heading input{font-size:12px;width:220px}.heading span{font-size:11px;color:#aaa}.filters{display:flex;gap:4px;margin:8px 0;overflow:auto}.filters button{padding:5px 9px;font-size:11px;white-space:nowrap}#projectcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:215px;overflow:auto}#projectcards button{text-align:left;padding:0;overflow:hidden;min-width:0;border-color:#555}#projectcards button[aria-pressed=true]{color:#eee;background:#17130a;border-color:#ffd447}#projectcards img{width:100%;height:70px;object-fit:cover;display:block}#projectcards section{padding:9px}#projectcards small{display:block}#projectcards strong{display:block;margin-bottom:5px;overflow-wrap:anywhere}#empty{font-size:13px;color:#aaa}.middle{display:grid;grid-template-columns:1.05fr 1.5fr;gap:8px}.chat,.files{height:340px;display:flex;flex-direction:column}.chat .heading{margin-bottom:8px}#messages{overflow:auto;flex:1;min-height:0}.message{padding:9px 0;border-bottom:1px solid #292929}.message strong{font-size:12px;color:#ffd447}.message small{margin-left:9px;font-size:10px}.message p{font-size:12px;line-height:1.5;margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}#chatform{display:flex;gap:5px;margin:7px 0}#chatform textarea{min-width:0;flex:1;resize:vertical;font-size:12px}#chatform button{font-size:12px}.files .filters{margin:8px 0}.filetable{min-height:0;flex:1;overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{color:#aaa;font-weight:normal;position:sticky;top:0;background:#090a0b}td,th{padding:7px 5px;border-bottom:1px solid #292929}td:first-child{overflow-wrap:anywhere}td a{color:#ffd447}td small{display:block;font-size:9px}.bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:8px}.stages,.tasks{height:180px}.stages{overflow:auto}#stages{display:flex;justify-content:space-between;gap:5px;margin:15px 0}#stages button{padding:7px;font-size:11px;flex:1;min-width:0}.stages p{font-size:12px;color:#aaa;margin:7px 0;overflow-wrap:anywhere}.links{display:flex;gap:5px;flex-wrap:wrap}.links a{padding:6px;border:1px solid #444;border-radius:5px;font-size:11px;color:#ffd447}#tasks{max-height:135px;overflow:auto;margin-top:8px}.task{display:flex;align-items:center;gap:5px;padding:5px 0;border-bottom:1px solid #292929}.task label{flex:1;min-width:0;font-size:11px}.task input{accent-color:#ffd447;margin-right:5px}.task small{display:block;margin-left:22px;font-size:10px}.task button{font-size:10px;padding:4px}.right{min-width:0;display:flex;flex-direction:column;gap:8px}.team .heading{gap:4px}.team .heading h2{font-size:14px}#members{max-height:290px;overflow:auto;margin:8px 0}.member{display:flex;gap:8px;align-items:center;border-bottom:1px solid #292929;padding:9px 0}.member img{width:23px;height:23px}.member section{min-width:0;flex:1}.member strong{font-size:12px;display:block;overflow-wrap:anywhere}.member small{display:block;font-size:10px}.member button{font-size:10px;padding:4px}.team>button{width:100%;font-size:12px;margin:5px 0}.team>small{display:block;margin-top:5px}#activity{max-height:205px;overflow:auto;margin:8px 0}.event{font-size:11px;line-height:1.5;padding:7px 0;border-bottom:1px solid #292929;overflow-wrap:anywhere}.event small{display:block;font-size:10px}.right p{font-size:12px;line-height:1.5;color:#aaa}.right>section:last-child button{width:100%}.right>section:last-child small{display:block;margin-top:8px}#status{color:#ffd447;font-size:13px}.source{font-size:11px;color:#aaa}#menu{display:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{background:#101113;color:#eee;border:1px solid #b98d29;border-radius:9px;padding:25px;width:min(550px,94vw);max-height:85vh;overflow:auto}dialog::backdrop{background:#000c}dialog h2{margin-bottom:12px}dialog label{display:block;font-size:12px;margin:12px 0;color:#bbb}dialog label input,dialog label select,dialog label textarea{display:block;width:100%;margin-top:6px}dialog p{line-height:1.5;font-size:13px}dialog button{margin:5px;padding:10px}dialog a{color:#ffd447;overflow-wrap:anywhere}.empty{font-size:12px;color:#aaa;line-height:1.6}@media(max-width:1250px){#projectcards{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{grid-template-columns:minmax(0,1fr) 240px}.heading input{width:150px}h1{font-size:53px}.middle{grid-template-columns:1fr 1.1fr}.bottom{grid-template-columns:1fr 1fr}#stages{flex-wrap:wrap}#stages button{flex:0 0 calc(33% - 4px)}}@media(max-width:1000px){aside{width:200px}.logo{width:180px}main{margin-left:200px}.workspace{grid-template-columns:1fr}.right{display:grid;grid-template-columns:1fr 1fr}.right>section:last-child{grid-column:1/-1}.tabs button{flex:0 0 140px}}@media(max-width:650px){aside{display:none;width:230px}aside.open{display:block}.logo{width:210px}main{margin:0;padding:0 8px 15px}#menu{display:block;margin-top:8px}header{height:225px;padding:25px 12px 10px}h1{font-size:37px}header p{font-size:10px;letter-spacing:1px;line-height:1.6}header>div{justify-content:flex-start;flex-wrap:wrap}header label{width:100%}header input{width:100%}.workspace,.middle,.bottom,.right{display:flex;flex-direction:column}.heading input{width:100%;order:3}.heading h2{font-size:15px}#projectcards{grid-template-columns:repeat(2,minmax(0,1fr));max-height:400px}.chat,.files{height:350px}.stages{height:auto}.tasks{height:220px}#tasks{max-height:170px}#stages button{flex:0 0 calc(33% - 4px)}.right>section:last-child{grid-column:auto}.team .heading h2{font-size:16px}}
@media(min-width:1001px){header{height:160px;padding-top:20px}.chat,.files{height:290px}.stages,.tasks{height:165px}}
