:root{--ink:#080808;--forest:#1b150b;--green:#c8911c;--paper:#f7f3ea;--line:#ded2b8;--muted:#756e62;--white:#fff}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{grid-template-columns:252px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{background:var(--ink);color:#f5ede0;flex-direction:column;min-height:100dvh;padding:30px 22px 24px;display:flex}.brand{letter-spacing:-.4px;align-items:center;gap:11px;font-size:14px;line-height:1.05;display:flex}.brand b{font-size:17px}.brand-mark{color:#0000;background:#080808 url(/brand/inkunzi-connect-logo.jpg) 50%/cover no-repeat;border:1px solid #3d2d0e;border-radius:7px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:800;display:grid}nav{gap:7px;margin-top:72px;display:grid}.nav-item{text-align:left;color:#d3c4a4;background:0 0;border:0;border-radius:9px;gap:13px;padding:13px 11px;font-size:14px;display:flex}.nav-item span{color:#806c3d;padding-top:2px;font:11px DM Mono,monospace}.nav-item.active{color:#fff;background:#2a200e}.nav-item.active span{color:var(--green)}.sidebar-bottom{border-top:1px solid #423316;gap:3px;margin-top:auto;padding:20px 11px 0;display:grid}.sidebar-bottom p,.eyebrow{color:var(--muted);letter-spacing:.1em;margin:0;font:10px DM Mono,monospace}.sidebar-bottom p{color:#c5a45b}.sidebar-bottom strong{margin-top:5px;font-size:13px}.sidebar-bottom small{color:#d7c8a5;font-size:12px}.workspace{width:100%;max-width:1600px;margin:0 auto;padding:42px clamp(22px,5vw,78px) 64px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.topbar h1{letter-spacing:-2.4px;margin:9px 0 36px;font-size:clamp(30px,4vw,47px);line-height:1.02}.outline-button,.primary-button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:9px;padding:11px 15px;font-weight:700;transition:all .16s}.outline-button:hover{border-color:var(--forest)}.primary-button{background:var(--forest);color:#fff;border-color:var(--forest)}.primary-button:hover{background:#0f3c2f;transform:translateY(-1px)}.primary-button:active,.outline-button:active{transform:translateY(1px)}.landing-shell .workspace{background-color:#0000;background-image:linear-gradient(90deg,#f7f3eafa 0%,#f7f3eaed 46%,#f7f3ea61 100%),url(/brand/backgrounds/landing-ceo.png);background-position:0 0,100%;background-repeat:repeat,no-repeat;background-size:auto,cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;max-width:none}.landing-shell .metrics,.landing-shell .project-table{box-shadow:0 14px 40px #08080812}@media (max-width:700px){.landing-shell .workspace{background-color:#0000;background-image:linear-gradient(#f7f3eaf5,#f7f3eae6),url(/brand/backgrounds/landing-ceo.png);background-position:0 0,top;background-repeat:repeat,no-repeat;background-size:auto,cover;background-attachment:scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}}.metrics{border:1px solid var(--line);background:#ffffff8c;border-radius:14px;grid-template-columns:repeat(3,1fr);display:grid}.metric{border-right:1px solid var(--line);padding:23px 27px}.metric:last-child{border:0}.metric p{color:var(--muted);margin:0 0 12px;font-size:12px}.metric strong{letter-spacing:-1px;font-size:25px;display:block}.metric small{color:var(--forest);margin-top:8px;font-size:11px;display:block}.table-section{margin-top:48px}.section-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.section-heading h2{letter-spacing:-1px;margin:0;font-size:23px}.section-heading p,.description{color:var(--muted);margin:7px 0 0;font-size:13px}.filters{gap:10px;margin:20px 0 12px;display:flex}.filters input{flex:1}.filters input,.filters select,.brief-fields textarea,.brief-fields input,.drive-input,.feedback textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:11px 12px}.filters input:focus,.brief-fields textarea:focus,.brief-fields input:focus,.drive-input:focus,.feedback textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px #184c3c1a}.filters select{width:180px}.project-table{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.table-head,.project-row{grid-template-columns:2.2fr 1.3fr .8fr 1.2fr 1fr 28px;align-items:center;gap:16px;display:grid}.table-head{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#f9faf7;padding:13px 19px;font:10px DM Mono,monospace}.project-row{text-align:left;width:100%;color:var(--ink);background:#fff;border:0;border-top:1px solid #e7ebe5;padding:17px 19px;font-size:13px;transition:all .14s}.project-row:hover{background:#f7faf7}.project-row span:first-child,.project-row span:nth-child(4){gap:4px;display:grid}.project-row small{color:var(--muted);font-size:11px}.row-arrow{color:var(--forest);font-size:20px}.status{color:#276443;background:#ebf4ed;border-radius:99px;width:max-content;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.status.proposal,.status.lead{color:#786411;background:#f4f0df}.status.brief-in-progress{color:#1c5879;background:#e6f0f7}.status.awaiting-deposit{color:#8b492d;background:#f8ebe5}.status.production{color:#276443;background:#e6f3ed}.empty{text-align:center;color:var(--muted);padding:40px;font-size:13px}.portal-layout{max-width:1050px}.project-switcher{align-items:center;gap:14px;margin-bottom:20px;display:flex}.project-switcher label{color:var(--muted);font:10px DM Mono,monospace}.project-switcher select{color:var(--ink);background:0 0;border:0;font-size:13px;font-weight:700}.project-hero{border-bottom:1px solid var(--line);justify-content:space-between;gap:22px;padding:24px 0 28px;display:flex}.project-hero h2{letter-spacing:-1.2px;margin:7px 0;font-size:28px}.project-hero p:not(.eyebrow){max-width:600px;color:var(--muted);margin:0;font-size:13px}.timeline{padding:26px 0 31px}.timeline h3,.content-panel h3{letter-spacing:-.5px;margin:0;font-size:16px}.steps{margin-top:19px;display:flex}.step{color:#9ba49f;flex:1;gap:8px;font-size:10px;display:grid;position:relative}.step:after{content:"";background:var(--line);width:calc(100% - 24px);height:1px;position:absolute;top:10px;left:24px}.step:last-child:after{display:none}.step i{z-index:1;background:#e0e4de;border-radius:50%;place-items:center;width:20px;height:20px;font:10px DM Mono,monospace;display:grid}.step.complete{color:var(--forest);font-weight:700}.step.complete i,.step.complete:after{background:var(--forest);color:#fff}.portal-grid{grid-template-columns:1.22fr .78fr;gap:14px;display:grid}.content-panel{border:1px solid var(--line);background:#fff;border-radius:13px;padding:23px}.panel-title{justify-content:space-between;align-items:start;gap:15px;display:flex}.pending,.done{border-radius:99px;padding:5px 8px;font-size:10px;font-weight:700}.pending{color:#8b492d;background:#f8ebe5}.done{color:#276443;background:#e6f3ed}.brief{grid-row:span 2}.brief-fields{gap:13px;margin:20px 0;display:grid}.brief-fields label{color:var(--muted);gap:6px;font-size:11px;display:grid}.brief-fields textarea{resize:vertical;min-height:71px}.payment{background:var(--ink);color:#fff;border-color:var(--ink)}.payment .eyebrow{color:#96b6a8}.payment p:not(.eyebrow){color:#d5dfd8;font-size:12px;line-height:1.55}.payment-line{border-top:1px solid #2e493f;grid-template-columns:1fr auto;gap:3px 14px;padding:12px 0;font-size:12px;display:grid}.payment-line span{color:#b8c9c0}.payment-line em{color:var(--green);grid-column:2;font-size:10px;font-style:normal}.text-button{color:var(--green);background:0 0;border:0;padding:12px 0 0;font-size:12px;font-weight:700}.files{grid-column:span 2}.file-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:16px 0;display:flex}.file-icon{width:30px;height:30px;color:var(--forest);background:#edf4ef;border-radius:7px;place-items:center;display:grid}.file-row div{gap:2px;font-size:12px;display:grid}.file-row small{color:var(--muted);font-size:10px}.file-row a{color:var(--forest);margin-left:auto;font-size:12px;font-weight:700}.upload-zone{text-align:center;color:var(--muted);border:1px dashed #b7c4ba;border-radius:8px;margin:13px 0;padding:12px;font-size:11px;display:block}.upload-zone b{color:var(--forest)}.drive-input{width:100%;font-size:12px}.feedback textarea{resize:vertical;width:100%;height:86px;margin:15px 0 10px}.compact{padding:9px 12px;font-size:12px}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;min-height:auto;padding:17px 20px}.sidebar nav{margin:0 0 0 auto;display:flex}.nav-item{padding:8px}.nav-item span,.sidebar-bottom{display:none}.workspace{padding:28px 20px}.topbar{align-items:flex-start}.metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.portal-grid{grid-template-columns:1fr}.brief,.files{grid-area:auto}.project-table{overflow-x:auto}.table-head,.project-row{min-width:760px}.files{grid-column:span 1}.steps{overflow-x:auto}.step{min-width:125px}.topbar h1{margin-bottom:25px}}@media (max-width:560px){.topbar{display:block}.outline-button{margin-bottom:22px}.section-heading{flex-direction:column;align-items:start}.filters{display:grid}.filters select{width:100%}.project-hero{display:grid}.workspace{padding:25px 16px}.sidebar{padding:14px 16px}.brand{font-size:12px}.project-switcher{flex-direction:column;align-items:start;gap:7px}}.login-page{background:var(--ink);place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{background:var(--paper);border-radius:14px;gap:13px;width:min(100%,410px);padding:32px;display:grid}.login-card h1{letter-spacing:-1.5px;margin:18px 0 0;font-size:31px}.login-card p{color:var(--muted);margin:0 0 8px;font-size:13px}.login-card label{gap:6px;font-size:12px;font-weight:700;display:grid}.login-card input{border:1px solid var(--line);border-radius:8px;padding:11px}.login-card small{color:var(--forest);font-size:11px}.back-button{color:var(--forest);background:0 0;border:0;justify-self:start;padding:0;font-size:12px;font-weight:700}.detail-page{background:var(--paper);min-height:100dvh;padding:28px clamp(18px,6vw,100px) 60px}.detail-header{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto 42px;display:flex}.detail-card{border:1px solid var(--line);background:#fff;border-radius:15px;max-width:1100px;margin:0 auto;padding:clamp(24px,5vw,48px)}.detail-card h1{letter-spacing:-2px;margin:9px 0;font-size:clamp(29px,4vw,44px)}.detail-card>p:not(.eyebrow){color:var(--muted);max-width:660px;font-size:14px;line-height:1.55}.gallery-toolbar{justify-content:space-between;align-items:end;gap:16px;margin:30px 0 18px;display:flex}.gallery-toolbar label,.document-form label{color:var(--muted);gap:7px;font-size:11px;font-weight:700;display:grid}.gallery-toolbar select,.document-form input,.document-form select,.document-form textarea{border:1px solid var(--line);min-width:250px;color:var(--ink);background:#fff;border-radius:8px;padding:11px}.upload-button{align-self:end;color:#fff!important}.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.proof-card{border:1px solid var(--line);border-radius:11px;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.proof-icon{width:36px;height:36px;color:var(--forest);background:#e7f4ed;border-radius:9px;place-items:center;font-weight:800;display:grid}.proof-card small,.document-row small{color:var(--forest);letter-spacing:.07em;font:10px DM Mono,monospace}.proof-card h3,.document-row h3{margin:5px 0;font-size:14px}.proof-card p,.document-row p{color:var(--muted);margin:0;font-size:11px}.proof-card .outline-button{padding:8px 10px;font-size:11px}.gallery-empty{color:var(--muted);text-align:center;border:1px dashed #b7c4ba;border-radius:10px;padding:28px;font-size:13px}.form-message{margin:18px 0 0;color:var(--forest)!important;font-size:12px!important}.document-form{background:#f7f9f5;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0 42px;padding:22px;display:grid}.document-form input,.document-form select,.document-form textarea{width:100%;min-width:0}.document-form textarea{resize:vertical;height:86px}.form-wide{grid-column:span 3}.document-form .primary-button{justify-self:start}.document-list{border-top:1px solid var(--line);padding-top:25px}.document-list h2{margin:0 0 14px;font-size:19px}.document-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:17px 0;display:flex}.document-actions{gap:8px;display:flex}.document-actions .primary-button,.document-actions .outline-button{padding:9px 11px;font-size:11px}.gallery-actions{align-items:center;gap:9px;display:flex}.collection-tabs{gap:8px;padding:4px 0 14px;display:flex;overflow-x:auto}.collection-tab{white-space:nowrap;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:99px;padding:8px 11px;font-size:11px;font-weight:700}.collection-tab span{min-width:16px;height:16px;color:var(--forest);background:#edf1ec;border-radius:50%;place-items:center;margin-left:4px;font-size:9px;display:inline-grid}.collection-tab.active{background:var(--ink);border-color:var(--ink);color:#fff}.collection-tab.active span{background:var(--green);color:var(--ink)}.media-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.media-toolbar small{color:var(--muted);font-size:11px}.proof-preview{width:36px;height:36px;color:var(--forest);background:#e7f4ed;border:0;border-radius:9px;place-items:center;font-size:17px;font-weight:800;display:grid}.proof-actions{flex-direction:column;align-items:end;gap:3px;display:flex}.proof-actions .text-button{padding:0 4px 4px;font-size:11px}.media-modal{z-index:10;background:#071411ed;grid-template-rows:auto minmax(0,1fr) auto;gap:15px;padding:22px;display:grid;position:fixed;inset:0}.media-modal-bar,.media-controls{color:#fff;justify-content:space-between;align-items:center;gap:12px;width:min(100%,1020px);margin:0 auto;display:flex}.media-modal-bar div{gap:4px;display:grid}.media-modal-bar small{color:var(--green);letter-spacing:.1em;font:10px DM Mono,monospace}.media-modal-bar strong{text-overflow:ellipsis;white-space:nowrap;max-width:65vw;font-size:13px;overflow:hidden}.media-modal .outline-button{color:#fff;border-color:#48675c}.media-stage{place-items:center;width:min(100%,1020px);min-height:0;margin:auto;display:grid}.media-stage img,.media-stage video{border-radius:10px;max-width:100%;max-height:68dvh;box-shadow:0 20px 80px #00000073}.media-stage video{background:#000;width:min(100%,900px)}.media-controls{justify-content:center}.portal-avatar-wrap{align-items:center;gap:11px;display:flex}.portal-avatar,.client-logo-avatar{width:42px;height:42px;color:var(--forest);background:#e7f4ed;border:1px solid #c8ddd0;border-radius:50%;place-items:center;font-size:16px;font-weight:800;display:grid;overflow:hidden}.portal-avatar img,.client-logo-avatar img{object-fit:cover;width:100%;height:100%}.client-logo-list{border-top:1px solid var(--line);margin-top:30px}.client-logo-row{border-bottom:1px solid var(--line);grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:15px 0;display:grid}.client-logo-avatar{width:52px;height:52px}.client-logo-row h3{margin:0 0 5px;font-size:14px}.client-logo-row p{color:var(--muted);margin:0;font-size:12px}.logo-upload{padding:9px 11px;font-size:11px}.finance-workspace{max-width:1100px;margin:0 auto 24px}.finance-workspace h1{letter-spacing:-2px;margin:9px 0;font-size:clamp(29px,4vw,44px)}.finance-workspace>div>p:not(.eyebrow){color:var(--muted);font-size:14px}.line-form{margin:25px 0 30px}.line-items{gap:8px;display:grid}.line-header{color:var(--ink);justify-content:space-between;align-items:center;font-size:13px;display:flex}.line-header .outline-button{padding:8px 10px;font-size:11px}.line-row{grid-template-columns:minmax(0,1fr) 75px 130px 120px 20px;align-items:center;gap:8px;display:grid}.line-row input{padding:9px!important}.line-row b{text-align:right;font-size:12px}.remove-line{color:#a93a32;background:0 0;border:0;font-size:19px}.form-totals{gap:6px;width:min(100%,300px);margin-left:auto;display:grid}.form-totals span,.form-totals strong{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.form-totals strong{border-top:1px solid var(--line);color:var(--ink);padding-top:8px;font-size:14px}.saved-documents{border-top:1px solid var(--line);padding-top:22px}.saved-documents h2{font-size:18px}.saved-document{border:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:#fff;border-radius:9px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;margin:7px 0;padding:11px;display:grid}.saved-document.active{border-color:var(--forest);background:#f2f8f3}.saved-document>span{width:34px;height:30px;color:var(--forest);background:#e7f4ed;border-radius:6px;place-items:center;font-size:10px;font-weight:800;display:grid}.saved-document div{gap:3px;display:grid}.saved-document small{color:var(--muted);font-size:10px}.saved-document strong{font-size:12px}.invoice-sheet{border:1px solid var(--line);color:#16251f;background:#fff;max-width:900px;margin:0 auto;padding:clamp(24px,5vw,58px);box-shadow:0 15px 45px #0e231d14}.invoice-brand{border-bottom:3px solid var(--forest);grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding-bottom:23px;display:grid}.invoice-mark{background:var(--forest);width:42px;height:42px;color:var(--green);border-radius:8px;place-items:center;font-size:22px;font-weight:800;display:grid}.invoice-brand>div:nth-child(2){gap:3px;display:grid}.invoice-brand strong{font-size:19px}.invoice-brand small,.invoice-client small{color:#60736a;letter-spacing:.1em;font:10px DM Mono,monospace}.invoice-type{text-align:right}.invoice-type h2{margin:4px 0;font-size:18px}.invoice-type p{color:var(--muted);margin:0;font-size:10px}.invoice-client{grid-template-columns:1fr 1fr;gap:25px;padding:31px 0;display:grid}.invoice-client h3{margin:7px 0;font-size:15px}.invoice-client p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.invoice-table{border-collapse:collapse;width:100%;font-size:12px}.invoice-table th{background:var(--ink);color:#fff;text-align:left;letter-spacing:.08em;padding:11px;font:10px DM Mono,monospace}.invoice-table th:not(:first-child),.invoice-table td:not(:first-child){text-align:right}.invoice-table td{border-bottom:1px solid var(--line);padding:13px 11px}.invoice-bottom{grid-template-columns:1fr 280px;gap:30px;padding:23px 0 42px;display:grid}.invoice-bottom>p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.invoice-totals{gap:8px;display:grid}.invoice-totals span,.invoice-totals strong{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.invoice-totals strong{border-top:2px solid var(--forest);color:var(--ink);padding:11px 0;font-size:15px}.invoice-sheet footer{border-top:1px solid var(--line);color:var(--muted);padding-top:13px;font-size:10px}.invoice-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.profile-actions{align-items:center;gap:7px;display:flex}.brandkit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.brandkit-card{border:1px solid var(--line);border-radius:10px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.brandkit-type{width:42px;height:38px;color:var(--green);background:#211a0c;border-radius:6px;place-items:center;font-size:10px;font-weight:800;display:grid}.brandkit-card small{color:var(--forest);font:10px DM Mono,monospace}.brandkit-card h3{margin:4px 0;font-size:13px}.brandkit-card p{color:var(--muted);margin:0;font-size:10px}.brandkit-card .outline-button{padding:8px;font-size:10px}@media (max-width:700px){.brandkit-grid{grid-template-columns:1fr}.profile-actions{justify-content:flex-end}.client-logo-row{grid-template-columns:45px 1fr}.client-logo-row .profile-actions{grid-column:1/span 2}.line-row{grid-template-columns:1fr 65px 96px;gap:6px}.line-row b{grid-column:2/span 2}.line-row .remove-line{position:absolute;right:4px}.invoice-client,.invoice-bottom{grid-template-columns:1fr}.invoice-type{text-align:left;grid-column:1/span 2}.invoice-brand{grid-template-columns:auto 1fr}.invoice-table{font-size:10px}.invoice-table th,.invoice-table td{padding:8px 5px}}.invoice-mark{color:#0000!important;background:#080808 url(/brand/inkunzi-connect-logo.jpg) 50%/cover no-repeat!important;border-radius:7px!important}.agreement-list{border-top:1px solid var(--line);padding-top:20px}.agreement-list h2{font-size:18px}.agreement-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:16px 0;display:grid}.agreement-row h3{margin:5px 0;font-size:14px}.agreement-row p{color:var(--muted);margin:0;font-size:11px}.agreement-row small{color:var(--forest);font:10px DM Mono,monospace}.agreement-row>strong{text-align:right;font-size:13px;display:grid}.agreement-row>strong small{color:var(--muted);font-family:Arial}.ongoing-panel{grid-column:span 2}.service-line{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;font-size:12px;display:flex}.service-line span,.service-line b{gap:3px;display:grid}.service-line small{color:var(--muted);font-size:10px;font-weight:400}@media (max-width:700px){.agreement-row{grid-template-columns:1fr auto}.agreement-row .primary-button{grid-column:1/span 2}.ongoing-panel{grid-column:auto}}@media print{body{background:#fff}.no-print,.sidebar,.topbar{display:none!important}.detail-page{padding:0}.invoice-sheet{box-shadow:none;border:0;max-width:none;margin:0;padding:18mm}.finance-print>.form-message{display:none!important}}@media (max-width:700px){.detail-page{padding:20px 16px}.detail-header{margin-bottom:26px}.proof-grid{grid-template-columns:1fr}.proof-card{grid-template-columns:34px 1fr}.proof-card .outline-button{grid-column:2;justify-self:start}.gallery-toolbar{flex-direction:column;align-items:stretch}.gallery-toolbar select{width:100%}.gallery-actions{justify-content:space-between}.document-form{grid-template-columns:1fr}.form-wide{grid-column:auto}.document-row{flex-direction:column;align-items:flex-start}.document-actions{width:100%}.document-actions button{flex:1}.media-modal{padding:14px}.media-controls{width:100%}.media-controls button{flex:1;padding:10px 7px;font-size:11px}}.contact-actions{z-index:30;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:330px;display:flex;position:fixed;bottom:18px;right:18px}.contact-actions a{align-items:center;text-decoration:none;display:inline-flex;box-shadow:0 8px 24px #0808082b}.whatsapp-button{color:#fff;background:#1f7a45;border:1px solid #1f7a45;border-radius:9px;padding:11px 15px;font-weight:700;text-decoration:none}@media (max-width:560px){.contact-actions{bottom:12px;left:12px;right:12px}.contact-actions a{flex:1;justify-content:center;padding:10px}}.invoice-sheet footer:after{content:"Oovookoo Creative Studios · Suite 403, 15 Hulbert Road, Johannesburg, 2001, South Africa · +27 87 821 3034 · www.inkunziconnect.co.za";color:var(--muted);margin-top:6px;line-height:1.5;display:block}.staff-form{margin-bottom:28px}.access-fieldset{border:1px solid var(--line);background:#fff;border-radius:9px;padding:14px}.access-fieldset legend{color:var(--muted);padding:0 6px;font-size:11px;font-weight:700}.access-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.access-grid label{align-items:center;gap:7px;display:flex;color:var(--ink)!important;font-size:12px!important}.access-grid input{width:auto!important;min-width:auto!important;padding:0!important}.staff-list{border-top:1px solid var(--line);padding-top:22px}.staff-list h2{margin:0 0 10px;font-size:19px}.staff-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:14px 0;display:flex}.staff-row strong{font-size:14px}.staff-row p{color:var(--muted);margin:4px 0 0;font-size:12px}.staff-row span{text-align:right;max-width:45%;color:var(--forest);font-size:11px;font-weight:700}@media (max-width:700px){.access-grid{grid-template-columns:repeat(2,1fr)}.staff-row{flex-direction:column;align-items:flex-start}.staff-row span{text-align:left;max-width:100%}}.admin-project-focus{background:#fffaf0;border:1px solid #c9b27d;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin:16px 0;padding:15px 17px;display:flex}.admin-project-focus>div:first-child{gap:5px;display:grid}.admin-project-focus strong{font-size:14px}.admin-project-focus small{color:var(--muted);font-size:11px}.admin-project-focus>div:last-child{flex-wrap:wrap;gap:7px;display:flex}.admin-project-focus .outline-button{padding:8px 10px;font-size:11px}.project-row.selected{background:#fff7e3;outline:1px solid #c8911c}@media (max-width:700px){.admin-project-focus{flex-direction:column;align-items:flex-start}}.client-360{max-width:1280px;margin:0 auto}.client-hero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:25px 0 29px;display:flex}.client-identity{align-items:center;gap:16px;display:flex}.client-identity>span,.client-identity>img{object-fit:cover;border:1px solid var(--line);width:72px;height:72px;color:var(--green);background:#20190a;border-radius:14px;place-items:center;font-size:29px;font-weight:800;display:grid}.client-identity h1{letter-spacing:-2.2px;margin:5px 0;font-size:clamp(29px,4vw,47px)}.client-identity p{color:var(--muted);margin:0;font-size:13px}.client-hero-actions{flex-wrap:wrap;gap:8px;display:flex}.client-stat-grid{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:repeat(4,1fr);margin:25px 0;display:grid}.client-stat-grid article{border-right:1px solid var(--line);gap:7px;padding:18px;display:grid}.client-stat-grid article:last-child{border:0}.client-stat-grid small{color:var(--muted);letter-spacing:.08em;font:10px DM Mono,monospace}.client-stat-grid strong{font-size:20px}.client-360-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.client-dossier{border:1px solid var(--line);background:#fff;border-radius:12px;padding:21px}.client-dossier h2{margin:7px 0 17px;font-size:19px}.client-dossier>p:not(.eyebrow){color:var(--muted);font-size:13px}.client-dossier dl{gap:14px;margin:0;display:grid}.client-dossier dl div{gap:5px;display:grid}.client-dossier dt{color:var(--forest);letter-spacing:.08em;font:10px DM Mono,monospace}.client-dossier dd{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.client-projects,.client-notes{grid-column:span 2}.client-project-row{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:14px 0;display:flex}.client-project-row>div{gap:5px;display:grid}.client-project-row b{font-size:14px}.client-project-row small{color:var(--muted);font-size:11px}.client-project-row>div:last-child{text-align:right}.client-project-row span{color:var(--forest);font-size:10px;font-weight:700}.client-project-row strong{font-size:13px}.compact-list{border-top:1px solid var(--line);margin-bottom:12px;display:grid}.compact-list div{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:10px 0;font-size:12px;display:flex}.compact-list span{min-width:44px;color:var(--forest);letter-spacing:.05em;font:9px DM Mono,monospace}.compact-list b{font-size:12px}.note-row{border-top:1px solid var(--line);padding:12px 0}.note-row p{margin:0 0 5px;font-size:13px;line-height:1.45}.note-row small{color:var(--muted);font-size:10px}@media (max-width:700px){.client-hero{flex-direction:column;align-items:flex-start}.client-stat-grid{grid-template-columns:repeat(2,1fr)}.client-stat-grid article:nth-child(2){border-right:0}.client-stat-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.client-360-grid{grid-template-columns:1fr}.client-projects,.client-notes{grid-column:auto}.client-project-row{flex-direction:column;align-items:flex-start}.client-project-row>div:last-child{text-align:left}}.client-action-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin:26px 0;display:grid}.client-action-grid button{min-height:48px;font-size:12px}.internal-note-form{border:1px solid var(--line);background:#fffaf0;border-radius:10px;gap:9px;padding:19px;display:grid}.internal-note-form label{gap:7px;font-size:12px;font-weight:700;display:grid}.internal-note-form textarea{border:1px solid var(--line);resize:vertical;border-radius:8px;width:100%;min-height:100px;padding:11px}.internal-note-form .primary-button{justify-self:start}.internal-notes{margin-top:28px}.internal-notes h2{font-size:20px}.internal-notes article{border-top:1px solid var(--line);padding:14px 0}.internal-notes p{margin:0 0 5px;font-size:13px;line-height:1.5}.internal-notes small{color:var(--muted);font:10px DM Mono,monospace}@media (max-width:700px){.client-action-grid{grid-template-columns:1fr 1fr}}