:root{--coffee-bean:#291711;--porcelain:#f8f9fa;--grey-olive:#969696;--dim-grey:#67697c;--deep-space-blue:#253d5b;--dusk-blue:#547aa5;--dusty-rose:#aa767c;--ghost-white:#fef9ff;--jungle-green:#57a773;--font-body:Roboto, system-ui, sans-serif;--font-heading:Roboto, system-ui, sans-serif;font-family:var(--font-body);color:var(--coffee-bean);background:#fff;font-size:16px;line-height:1.45}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}*{box-sizing:border-box}button,input,textarea,select{font:inherit}button{cursor:pointer}.app{min-height:100vh}.app-header{padding:1.5rem 2rem 1rem}.app-header h1{font-family:var(--font-heading);color:var(--deep-space-blue);margin:0;font-size:2rem;font-weight:500}.header-brand{align-items:center;gap:1rem;display:flex}.header-logo{object-fit:contain;flex-shrink:0;width:48px;height:48px}.utility-bar{background:var(--porcelain);border-bottom:1px solid var(--grey-olive);width:100%;padding:.5rem 1.5rem}.utility-nav{justify-content:flex-end;align-items:center;gap:1.25rem;display:flex}.utility-nav a,.utility-link{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}.utility-nav a:hover,.utility-link:hover{text-decoration:underline}.primary-nav{border-bottom:1px solid var(--grey-olive);gap:.25rem;padding:0 2rem;display:flex}.app-content{width:min(1100px,100% - 4rem);margin:0 auto;padding:2rem 0}.primary-nav a{background:var(--deep-space-blue);color:var(--porcelain);border:1px solid var(--deep-space-blue);border-radius:.5rem .5rem 0 0;padding:.6rem 1rem;text-decoration:none}.primary-nav a:hover{background:var(--dusk-blue);border-color:var(--dusk-blue);color:var(--ghost-white)}.primary-nav a.active{background:var(--dim-grey);border-color:var(--grey-olive);border-bottom-color:var(--dim-grey)}.primary-nav a.active:hover{background:var(--dim-grey);border-color:var(--dim-grey)}.primary-nav a:focus-visible{outline:2px solid var(--coffee-bean);outline-offset:3px}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.page-header h2,.page-header h3{color:var(--deep-space-blue);margin:0}.page-actions{gap:.5rem;display:flex}.action-button{border:1px solid var(--dusk-blue);font:inherit;cursor:pointer;background:var(--porcelain);color:var(--dusk-blue);border-radius:999px;padding:.6rem 1.1rem;font-weight:600;text-decoration:none}.action-button:hover{background:var(--ghost-white);border-color:var(--deep-space-blue);color:var(--deep-space-blue)}.action-button:focus-visible{outline:2px solid var(--coffee-bean);outline-offset:3px}.action-button-small{padding:.4rem .8rem;font-size:.875rem}.modal-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.modal-header h3{margin:0}.modal-backdrop{z-index:1000;background:#29171133;justify-content:center;align-items:flex-start;padding:3rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-panel{border:1px solid var(--grey-olive);background:#fff;border-radius:.75rem;width:min(700px,100%);padding:1.5rem}form label{color:var(--coffee-bean);margin-bottom:.35rem;font-weight:600;display:block}form input,form textarea,form select{width:100%;font:inherit;color:var(--coffee-bean);border:1px solid var(--grey-olive);background:#fff;border-radius:.4rem;padding:.65rem .75rem}form textarea{resize:vertical;min-height:100px}form>div{margin-bottom:1rem}form input:focus,form textarea:focus,form select:focus{outline:2px solid var(--dusk-blue);outline-offset:2px;border-color:var(--dusk-blue)}.work-desk-layout{border:1px solid var(--grey-olive);background:var(--porcelain);border-radius:.75rem;grid-template-columns:2fr 1fr;align-items:stretch;gap:4rem;padding:1.5rem;display:grid}.work-desk-work{flex-direction:column;gap:2rem;display:flex}.work-desk-layout h3{font-family:var(--font-heading);color:var(--deep-space-blue);margin:0 0 .75rem;font-size:1.1rem;font-weight:600}.work-item-list{margin:0;padding:0;list-style:none}.work-item-row{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;display:grid}.work-item-complete-checkbox{cursor:pointer;width:1.1rem;height:1.1rem;accent-color:var(--dusk-blue);margin:0}.work-item-row-complete .work-item-title{opacity:.65;text-decoration:line-through}.work-item-row-complete .work-item-meta{opacity:.65}.work-item-title{color:var(--coffee-bean);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.work-item-title:hover{text-decoration:underline}.work-item-title:focus-visible{outline:2px solid var(--dusk-blue);outline-offset:3px;border-radius:.2rem}.work-item-meta{flex-wrap:wrap;gap:.75rem;margin-top:.2rem;font-size:.875rem;display:flex}.work-item-list-brief{margin:0;padding:0;list-style:none}.work-item-list-brief-header{border-bottom:1px solid var(--grey-olive);color:var(--dim-grey);text-transform:uppercase;letter-spacing:.04em;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:0 0 .35rem;font-size:.75rem;font-weight:600;display:grid}.work-item-detail-actions{justify-content:flex-end;gap:.5rem;margin-bottom:.5rem;display:flex}.work-item-brief-main{flex-direction:column;gap:.15rem;min-width:0;display:flex}.work-item-brief-row{justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem 0;display:flex}.work-item-brief-title{color:var(--coffee-bean);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-weight:500}.work-item-brief-title:hover{text-decoration:underline}.work-item-brief-project{color:var(--dim-grey);font-size:.8rem}.work-item-brief-meta{flex-shrink:0;align-items:center;gap:1rem;font-size:.875rem;display:flex}.work-item-complete-checkbox{cursor:pointer;width:1.1rem;height:1.1rem;margin:0}.work-item-detail-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.work-item-detail-header h3{margin:0}.work-item-detail-actions{gap:.5rem;display:flex}.work-desk-calendar{border-left:1px solid var(--grey-olive);padding-left:2rem}@media (width<=800px){.work-desk-layout{grid-template-columns:1fr;gap:2rem}.work-desk-calendar{border-left:none;border-top:1px solid var(--grey-olive);padding-top:2rem;padding-left:0}}.project-list-header,.project-list-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr;align-items:center;gap:1rem;display:grid}.project-list-header{color:var(--deep-space-blue);background:var(--porcelain);border-bottom:1px solid var(--grey-olive);padding:.75rem 1rem;font-weight:600}.project-list-row{border-bottom:2px solid var(--porcelain);padding:.75rem 1rem}.project-title-link{color:var(--coffee-bean);font-weight:600;text-decoration:none}.project-title-link:hover{text-decoration:underline}.project-title-link:focus-visible{outline:2px solid var(--dusk-blue);outline-offset:3px;border-radius:.2rem}.project-meta{grid-template-columns:repeat(4,1fr);max-width:700px;margin-top:1.5rem;display:grid}.project-meta>div{flex-direction:column;display:flex}.project-meta-label{background:var(--porcelain);color:var(--deep-space-blue);border-bottom:1px solid var(--grey-olive);padding:.75rem 1rem;font-size:.875rem;font-weight:600}.project-meta>div span:last-child{border-bottom:2px solid var(--porcelain);padding:.75rem 1rem}.project-work-items{border:1px solid var(--grey-olive);background:var(--porcelain);border-radius:.75rem;margin-top:2rem;padding:1.5rem}.project-filter{align-items:center;gap:.5rem;margin:0 0 1rem;display:flex}.project-filter label{color:var(--dim-grey);font-size:.875rem;font-weight:600}.project-filter select{border:1px solid var(--grey-olive);color:var(--coffee-bean);font:inherit;cursor:pointer;background:#fff;border-radius:.35rem;padding:.25rem 1.5rem .25rem .5rem;font-size:.875rem}.project-filter select:focus-visible{outline:2px solid var(--dusk-blue);outline-offset:2px}.content-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.content-header h3,.project-page-layout>section>h3{font-family:var(--font-heading);color:var(--deep-space-blue);margin:0;font-size:1.25rem;font-weight:600}.attachment-list{margin:0;padding-left:1.5rem;list-style-type:disc}.attachment-list li{padding:.2rem 0;display:list-item}.attachment-type{color:#777;margin-left:1rem;font-size:.8rem}.attachment-download{color:#06c;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.attachment-download:hover{text-decoration:none}.attachment-download:focus-visible{outline-offset:3px;outline:2px solid}.attachment-remove{color:#aa767c;cursor:pointer;background:0 0;border:none;margin-left:10px;padding:2px 5px;font-size:18px;font-weight:700;line-height:1}.attachment-remove:hover{color:#8e0000;background-color:#fce8e8;border-radius:4px}.attachment-remove:focus-visible{outline-offset:2px;outline:2px solid #aa767c}.success-notification{z-index:2000;color:#f0f0f0;background-color:#57a773;border:1px solid #ccc;border-radius:6px;padding:12px 20px;position:fixed;top:20px;right:20px;box-shadow:0 2px 8px #00000026}