:root{--ink:#20251f;--ink-soft:#343a32;--paper:#f5f4ef;--white:#fff;--line:#dfded7;--muted:#747970;--sage:#7f8d73;--sage-soft:#e5e9df;--sand:#d8ccb9;--warm:#9d6948;--shadow:0 24px 65px #1f251e1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0;font-family:Avenir Next,Avenir,Helvetica Neue,Arial,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}button:disabled{opacity:.55;cursor:wait}.app-loading{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:14px;display:grid}.app-loading p{font-size:12px}.brand{color:#fff;letter-spacing:.17em;align-items:center;gap:12px;font-family:Avenir Next,Avenir,sans-serif;font-size:13px;text-decoration:none;display:flex}.brand.dark{color:var(--ink)}.brand-mark{letter-spacing:.04em;border:1px solid;place-items:center;width:38px;height:38px;font-size:10px;display:grid}.eyebrow{color:#8e9289;letter-spacing:.18em;margin:0;font-size:9px;font-weight:600}.eyebrow.light{color:#d2d5cd}.button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.button.primary{background:var(--ink);color:#fff}.button.primary:hover{background:var(--ink-soft);transform:translateY(-1px)}.button.secondary{background:0 0;border:1px solid #d2d4cc}.button.secondary:hover{background:var(--sage-soft)}.button.danger{color:#fff;background:#8f4338}.button.danger:hover{background:#77372f}.wide{width:100%}.form-error{color:#9b4d3f;min-height:17px;margin:8px 0;font-size:10px}.login-layout{grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:linear-gradient(#191d186b,#191d18c2),url(/assets/rive-project-amsterdam.png) 50%/cover;flex-direction:column;justify-content:space-between;padding:48px 6vw;display:flex}.login-visual h1{letter-spacing:-.045em;max-width:660px;margin:14px 0;font:400 clamp(42px,6vw,78px)/1.02 Avenir Next,Avenir,sans-serif}.login-visual p:not(.eyebrow){color:#d9dcd4;max-width:470px;font-size:14px;line-height:1.7}.login-visual>small{color:#c5c9c0;font-size:10px}.login-panel{place-items:center;padding:45px;display:grid}.login-form{width:min(390px,100%)}.login-form h2,.setup-card h1{letter-spacing:-.035em;margin:8px 0 10px;font:400 38px/1.1 Avenir Next,Avenir,sans-serif}.login-form>p:not(.eyebrow):not(.form-error){color:var(--muted);margin:0 0 28px;font-size:11px;line-height:1.65}label{margin:16px 0;font-size:10px;font-weight:600;display:block}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d3d5cd;outline:none;margin-top:7px;padding:13px;font-weight:400}textarea{resize:vertical;min-height:100px}input:focus,select:focus,textarea:focus{border-color:var(--sage);box-shadow:0 0 0 3px #7f8d731a}.forgot-button{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:15px;font-size:10px}.setup-page{background:linear-gradient(135deg,#e6e8df,#f6f4ef);place-items:center;min-height:100vh;padding:40px 20px;display:grid}.setup-card{width:min(650px,100%);box-shadow:var(--shadow);background:#fff;padding:48px}.setup-card .brand{margin-bottom:48px}.setup-card>p{color:var(--muted);line-height:1.7}.setup-card ol{color:#50564e;margin:28px 0;padding-left:22px;font-size:12px;line-height:2}code{background:#f0efe9;padding:3px 6px}.setup-security{background:var(--sage-soft);color:#56624f;align-items:center;gap:12px;padding:15px;font-size:11px;display:flex}.portal-shell{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;background:var(--ink);color:#fff;flex-direction:column;width:238px;padding:30px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .brand{padding:0 12px 34px}.sidebar-label{color:#7d8379;letter-spacing:.16em;padding:0 13px;font-size:8px}.sidebar nav{gap:4px;min-height:0;margin-top:8px;display:grid;overflow-y:auto}.nav-item,.logout{color:#acb1a8;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:12px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff14}.security-note{color:#9da299;border:1px solid #3b4039;align-items:center;gap:9px;margin-top:auto;padding:15px 13px;font-size:9px;line-height:1.4;display:flex}.logout{margin-top:8px}.portal-main{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#f5f4eff0;justify-content:space-between;align-items:center;height:78px;padding:0 4vw;display:flex;position:sticky;top:0}.project-switcher small,.project-switcher strong{display:block}.project-switcher small{color:#999d95;letter-spacing:.15em;margin-bottom:3px;font-size:8px}.project-switcher strong{font-size:12px}.profile-chip{align-items:center;gap:10px;display:flex}.profile-chip strong,.profile-chip small{display:block}.profile-chip strong{font-size:10px}.profile-chip small{color:var(--muted);margin-top:2px;font-size:8px}.avatar{background:var(--sand);border-radius:50%;place-items:center;width:34px;height:34px;font-size:9px;font-weight:600;display:grid}.mobile-menu{cursor:pointer;background:0 0;border:0;display:none}.page{max-width:1460px;margin:auto;padding:45px 4vw 70px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.page-heading h1{letter-spacing:-.04em;margin:7px 0 8px;font:400 clamp(30px,3.2vw,46px)/1 Avenir Next,Avenir,sans-serif}.page-heading p:last-child{color:var(--muted);margin:0;font-size:12px}.project-select{width:auto;min-width:220px;margin:0}.hero-card{background:#fff;grid-template-columns:1.4fr .6fr;min-height:410px;display:grid}.hero-image{color:#fff;background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;padding:28px;display:flex}.hero-image h2{margin:6px 0;font:400 30px Avenir Next,Avenir,sans-serif}.hero-image small{letter-spacing:.18em;opacity:.75;font-size:8px}.hero-image p{color:#d4d7d0;margin:0;font-size:11px}.status-badge{color:#fff;background:#1f241ec2;border-radius:20px;align-items:center;gap:8px;width:fit-content;padding:7px 11px;font-size:9px;display:flex}.status-badge i{background:#a9b99a;border-radius:50%;width:6px;height:6px}.progress-panel{flex-direction:column;justify-content:center;padding:38px;display:flex}.progress-panel>div:first-child{justify-content:space-between;font-size:11px;display:flex}.progress-panel>div:first-child strong{font:400 28px Avenir Next,Avenir,sans-serif}.progress{background:#e8e8e2;height:4px;margin:16px 0 28px;overflow:hidden}.progress span{background:var(--sage);height:100%;display:block}.current-step{border-left:2px solid var(--sage);background:var(--sage-soft);padding:18px}.current-step small,.current-step strong{display:block}.current-step small{color:var(--sage);letter-spacing:.14em;margin-bottom:8px;font-size:7px}.current-step strong{font-size:11px;line-height:1.55}.status-steps{gap:13px;display:grid}.status-steps div{color:#a0a39c;grid-template-columns:27px 1fr;align-items:center;gap:10px;display:grid}.status-steps div>span{border:1px solid #d5d7d0;border-radius:50%;place-items:center;width:27px;height:27px;font-size:9px;display:grid}.status-steps .done,.status-steps .current{color:var(--ink)}.status-steps .done>span{border-color:var(--sage-soft);background:var(--sage-soft);color:var(--sage)}.status-steps .current>span{border-color:var(--sage);background:var(--sage);color:#fff}.status-steps small{font-size:10px}.status-steps.full{grid-template-columns:1fr 1fr;margin-top:22px}.status-steps.full div{grid-template-columns:24px 1fr}.status-steps.full div>span{width:24px;height:24px}.dashboard-summary{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:22px 0;display:grid}.dashboard-summary article{background:#fff;flex-direction:column;justify-content:center;min-height:108px;padding:22px;display:flex}.dashboard-summary article.needs-action{background:#f7f1e7}.dashboard-summary small{color:var(--muted);letter-spacing:.13em;font-size:7px}.dashboard-summary strong{margin:8px 0 5px;font:400 17px Avenir Next,Avenir,sans-serif}.dashboard-summary span{color:var(--muted);font-size:9px}.customer-shortcuts{grid-template-columns:repeat(4,1fr);margin-top:0}.quick-grid{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:22px;display:grid}.quick-grid>*{text-align:left;background:#fff;border:0;grid-template-rows:auto auto;grid-template-columns:36px 1fr auto;align-items:center;gap:4px 11px;min-height:120px;padding:22px;display:grid}.quick-grid button{cursor:pointer}.quick-grid button:hover{background:var(--sage-soft)}.quick-grid>*>span{background:var(--sage-soft);width:36px;height:36px;color:var(--sage);border-radius:50%;grid-row:1/3;place-items:center;display:grid}.quick-grid small{color:var(--muted);letter-spacing:.13em;font-size:7px}.quick-grid strong{font-size:11px;font-weight:500}.quick-grid>*>svg{color:var(--muted);grid-area:1/3/3}.overview-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:24px;display:grid}.info-card{background:#fff;min-height:245px;padding:30px}.info-card h2,.admin-card h2,.manage-card h2{margin:7px 0 20px;font:400 21px Avenir Next,Avenir,sans-serif}.info-card dl{margin:30px 0 0}.info-card dl div{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:13px 0;font-size:10px;display:flex}.info-card dt{color:var(--muted)}.info-card dd{margin:0;font-weight:600}.team-card{background:var(--ink);color:#fff}.team-card p:last-child{color:#bfc4bb;max-width:470px;font-size:11px;line-height:1.7}.phase-card{min-height:300px}.quote-legal{background:var(--sage-soft);border:1px solid #d5d9cf;align-items:center;gap:14px;margin-bottom:18px;padding:18px 22px;display:flex}.quote-legal p{color:#535d4d;margin:0;font-size:10px;line-height:1.6}.studio-intro,.delivery-hero{color:#fff;background:linear-gradient(90deg,#1b1f19ed,#1b1f1959),url(/assets/rive-interieuradvies.png) 50%/cover;align-items:end;min-height:260px;margin-bottom:25px;padding:42px;display:flex}.delivery-hero{background-image:linear-gradient(90deg,#1b1f19ed,#1b1f1959),url(/assets/rive-maatwerk-visualisatie.png)}.studio-intro>div,.delivery-hero>div{max-width:570px}.studio-intro h2,.delivery-hero h2{margin:8px 0;font:400 28px Avenir Next,Avenir,sans-serif}.studio-intro p:last-child,.delivery-hero p:last-child{color:#d6d9d2;font-size:11px;line-height:1.7}.room-section{margin:28px 0}.room-section>header{margin-bottom:14px}.room-section h2{margin:6px 0;font:400 25px Avenir Next,Avenir,sans-serif}.design-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.design-grid article{background:#fff}.design-image{background-position:50%;background-size:cover;height:220px}.design-grid article>div:last-child{padding:22px}.design-grid small,.choice-card small{color:var(--sage);letter-spacing:.13em;font-size:7px}.design-grid h3{margin:7px 0;font-size:15px}.design-grid p{color:var(--muted);font-size:10px;line-height:1.6}.content-status{background:var(--sage-soft);color:#586252;text-transform:capitalize;padding:5px 8px;font-size:8px;display:inline-block}.choice-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.choice-card{background:#fff}.choice-card.needs-action{border-top:3px solid var(--warm)}.choice-image{background-position:50%;background-size:cover;min-height:240px}.choice-card>div:last-child{padding:26px}.choice-card h2{margin:8px 0;font:400 20px Avenir Next,Avenir,sans-serif}.choice-card p{color:var(--muted);font-size:10px;line-height:1.6}.choice-status,.appointment-status{color:var(--muted);background:#efeee9;margin:8px 0 14px;padding:6px 9px;font-size:8px;display:inline-block}.choice-status.goedgekeurd,.choice-status.definitief{background:var(--sage-soft);color:#53604d}.choice-card blockquote{border-left:2px solid var(--sage);background:var(--paper);color:var(--muted);margin:12px 0;padding:12px;font-size:10px}.choice-buttons{justify-content:flex-end;gap:8px;display:flex}.planning-layout{grid-template-columns:.7fr 1.3fr;align-items:start;gap:20px;display:grid}.appointment-list{gap:10px;display:grid}.appointment-list>article{background:#fff;grid-template-columns:58px 1fr auto;align-items:start;gap:18px;padding:22px;display:grid}.appointment-list time{background:var(--ink);color:#fff;place-content:center;justify-items:center;width:58px;height:64px;display:grid}.appointment-list time strong{font:400 23px Avenir Next,Avenir,sans-serif}.appointment-list time span{text-transform:uppercase;font-size:8px}.appointment-list small{color:var(--sage);letter-spacing:.12em;font-size:7px}.appointment-list h3{margin:6px 0;font-size:14px}.appointment-list p{color:var(--muted);margin:4px 0;font-size:9px;line-height:1.5}.preparation{background:var(--sage-soft);color:#56614f;margin-top:10px;padding:10px;font-size:9px}.preparation strong{margin-bottom:4px;display:block}.appointment-list>article>div:last-child{justify-items:end;gap:8px;display:grid}.question-list{gap:14px;display:grid}.question-card{background:#fff;padding:26px}.question-card>header{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding-bottom:16px;display:flex}.question-card header small{color:var(--sage);letter-spacing:.12em;font-size:7px}.question-card header h2{margin:6px 0 0;font-size:15px}.question-card header>span{background:var(--sage-soft);color:#586252;height:fit-content;padding:6px 9px;font-size:8px}.message-thread{gap:10px;padding:18px 0;display:grid}.message-thread>div{background:var(--paper);max-width:78%;padding:12px 14px}.message-thread>div.mine{background:var(--sage-soft);margin-left:auto}.message-thread small{color:var(--muted);font-size:7px}.message-thread p{margin:5px 0 0;font-size:10px;line-height:1.55}.reply-link{color:var(--warm);cursor:pointer;background:0 0;border:0;padding:0;font-size:9px;text-decoration:underline}.notification-feed{gap:10px;display:grid}.notification-feed article{background:#fff;border-left:3px solid #0000;grid-template-columns:42px 1fr auto;align-items:center;gap:16px;padding:22px;display:grid}.notification-feed article.unread{border-left-color:var(--warm);background:#faf7f1}.notification-feed article>span{background:var(--sage-soft);width:42px;height:42px;color:var(--sage);border-radius:50%;place-items:center;display:grid}.notification-feed small{color:var(--warm);letter-spacing:.11em;font-size:7px}.notification-feed h2{margin:6px 0;font-size:14px}.notification-feed p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.point-list{gap:10px;display:grid}.point-list article{background:#fff;grid-template-columns:110px 1fr auto;align-items:start;gap:18px;padding:22px;display:grid}.point-list article.completed{opacity:.68}.point-type{background:var(--sage-soft);color:#52604c;width:fit-content;padding:7px 9px;font-size:8px}.point-type.opleverpunt{color:#805e32;background:#f3eadc}.point-list small{color:var(--muted);letter-spacing:.09em;font-size:7px}.point-list h2{margin:6px 0;font-size:14px}.point-list p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.point-list time{color:var(--warm);margin-top:9px;font-size:8px;display:block}.point-status{color:var(--muted);background:#efeee9;align-items:center;gap:5px;padding:7px 9px;font-size:8px;display:inline-flex}.light-button{color:#fff;margin-top:12px;border-color:#ffffff80!important}.document-list{gap:10px;display:grid}.document-list article{background:#fff;grid-template-columns:44px 1fr 40px;align-items:center;gap:16px;min-height:92px;padding:20px 24px;display:grid}.document-list article.quote-document{border-left:3px solid var(--sage);grid-template-columns:44px 1fr auto}.document-actions{align-items:center;gap:8px;display:flex}.approval-badge{width:fit-content;margin-top:9px;padding:5px 8px;font-size:8px;display:inline-block}.approval-badge.pending{color:#805e32;background:#f3eadc}.approval-badge.approved{background:var(--sage-soft);color:#53604d}.quote-intro{background:var(--ink);color:#fff;align-items:center;gap:18px;margin-bottom:18px;padding:24px;display:flex}.quote-intro>span{background:var(--sage);border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.quote-intro h2{margin:6px 0;font:400 20px Avenir Next,Avenir,sans-serif}.quote-intro p:last-child{color:#c5c9c0;margin:0;font-size:10px}.file-icon{background:var(--sage-soft);width:44px;height:44px;color:var(--sage);place-items:center;display:grid}.document-list small{color:var(--muted);letter-spacing:.12em;font-size:7px}.document-list h3{margin:5px 0;font-size:12px}.document-list p{color:var(--muted);margin:0;font-size:9px}.icon-action{cursor:pointer;background:0 0;border:0;width:38px;height:38px}.icon-action:hover{background:var(--sage-soft)}.empty-block{text-align:center;background:#fff;grid-column:1/-1;place-content:center;justify-items:center;min-height:220px;padding:40px;display:grid}.empty-block>span{background:var(--sage-soft);width:54px;height:54px;color:var(--sage);border-radius:50%;place-items:center;display:grid}.empty-block h3{margin:16px 0 6px;font-size:14px}.empty-block p{max-width:350px;color:var(--muted);margin:0;font-size:10px;line-height:1.6}.moodboard-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.moodboard-grid article{background:#fff}.mood-image{background-position:50%;background-size:cover;height:260px}.moodboard-grid article>div:last-child{padding:23px}.moodboard-grid small{color:var(--sage);letter-spacing:.13em;font-size:8px}.moodboard-grid h3{margin:8px 0;font:500 17px Avenir Next,Avenir,sans-serif}.moodboard-grid p{min-height:34px;color:var(--muted);margin:0 0 14px;font-size:10px;line-height:1.6}.moodboard-grid article span{color:var(--warm);font-size:9px}.admin-stats{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:24px;display:grid}.admin-stats.four{grid-template-columns:repeat(4,1fr)}.admin-stats.admin-overview{grid-template-columns:repeat(6,1fr)}.admin-stats article.attention{background:#f3eadc}.admin-stats article.attention>span{color:#725128;background:#d9bd91}.admin-stats article{background:#fff;grid-template-rows:auto auto;grid-template-columns:38px 1fr;align-items:center;column-gap:13px;padding:24px;display:grid}.admin-stats article>span{background:var(--sage-soft);width:38px;height:38px;color:var(--sage);border-radius:50%;grid-row:1/3;place-items:center;display:grid}.admin-stats strong{font:400 25px Avenir Next,Avenir,sans-serif}.admin-stats small{color:var(--muted);font-size:9px}.admin-card{background:#fff;padding:28px}.admin-card>header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.admin-list-tools{justify-content:flex-end;align-items:center;gap:10px;display:flex}.admin-card h2{margin-bottom:0}.search{border:1px solid var(--line);width:min(280px,100%);color:var(--muted);align-items:center;gap:8px;margin:0;padding:0 12px;display:flex}.search input{box-shadow:none;background:0 0;border:0;margin:0;padding:11px 0}.admin-project-list>article{border-top:1px solid var(--line);grid-template-columns:68px 1.3fr .65fr .55fr auto;align-items:center;gap:16px;padding:17px 4px;display:grid}.project-thumb{background-position:50%;background-size:cover;width:68px;height:56px}.project-title small,.project-title strong,.project-title span{display:block}.project-title small{color:var(--muted);letter-spacing:.11em;font-size:7px}.project-title strong{margin:5px 0;font-size:12px}.project-title span{color:var(--muted);font-size:9px}.admin-status{background:var(--sage-soft);color:#53604d}.project-progress strong{font-size:9px}.project-progress .progress{margin:7px 0 0}.back-button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:22px;padding:0;font-size:10px;display:flex}.back-button svg{transform:rotate(180deg)}.manage-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.manage-card{background:#fff;grid-template-columns:42px 1fr 30px;align-items:center;gap:16px;min-height:150px;padding:25px;display:grid}.manage-card>span{background:var(--sage-soft);width:42px;height:42px;color:var(--sage);border-radius:50%;place-items:center;display:grid}.manage-card small{color:var(--muted);letter-spacing:.12em;font-size:7px}.manage-card h2{margin:7px 0;font-size:17px}.manage-card p{color:var(--muted);margin:0;font-size:9px}.manage-card button{cursor:pointer;background:0 0;border:0}.content-preview{margin-top:22px}.document-list.compact article{min-height:76px}.project-lifecycle{border:1px solid var(--line);background:#fff;grid-template-columns:1fr auto;align-items:center;gap:10px 24px;margin-top:22px;padding:28px;display:grid}.project-lifecycle h2{margin:7px 0;font:400 21px Avenir Next,Avenir,sans-serif}.project-lifecycle p:not(.eyebrow){max-width:650px;color:var(--muted);margin:0;font-size:10px;line-height:1.6}.danger-link{color:#8f4338;cursor:pointer;background:0 0;border:0;grid-column:1/-1;justify-self:start;padding:5px 0;font-size:9px;text-decoration:underline}.danger-copy{color:#743b33;background:#f1e5e1;border-left:3px solid #9b4d3f;padding:13px}.approval-notifications{margin-bottom:22px}.approval-list{background:var(--line);gap:1px;display:grid}.approval-list article{background:#fff;grid-template-columns:38px 1fr auto;align-items:center;gap:14px;padding:18px;display:grid}.approval-list article.unread{background:#f7f1e7}.approval-list article>span{background:var(--sage-soft);width:38px;height:38px;color:var(--sage);border-radius:50%;place-items:center;display:grid}.approval-list small{color:var(--warm);letter-spacing:.12em;font-size:7px}.approval-list h3{margin:5px 0;font-size:12px}.approval-list p{color:var(--muted);margin:0;font-size:9px}.consent-check{align-items:flex-start;gap:10px;font-size:10px;line-height:1.5;display:flex}.consent-check input{width:auto;margin:2px 0 0}.admin-question-list{background:var(--line);gap:1px;display:grid}.admin-question-list article{background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.admin-question-list small{color:var(--sage);text-transform:uppercase;font-size:7px}.admin-question-list h3{margin:5px 0;font-size:12px}.admin-question-list p{max-width:430px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:9px;overflow:hidden}.task-board{grid-template-columns:repeat(3,1fr);align-items:start;gap:14px;display:grid}.task-column{background:#ebeae4;min-width:0;padding:18px}.task-column>header{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.task-column>header h2{margin:5px 0 0;font:400 18px Avenir Next,Avenir,sans-serif}.task-column>header>strong{background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;display:grid}.task-column>div{gap:10px;display:grid}.task-card{border-top:3px solid var(--sage);background:#fff;padding:18px}.task-card.priority-hoog{border-top-color:var(--warm)}.task-card.priority-spoed{border-top-color:#9b4d3f}.task-card>div:first-child{justify-content:space-between;gap:10px;display:flex}.task-card>div:first-child span{color:var(--warm);text-transform:uppercase;font-size:8px}.task-card>div:first-child small{color:var(--muted);font-size:8px}.task-card h3{margin:12px 0 7px;font-size:12px;line-height:1.4}.task-card p{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.task-card time{color:var(--warm);margin-top:10px;font-size:8px;display:block}.task-actions{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.empty-column{color:var(--muted);text-align:center;padding:24px 0;font-size:9px}.admin-point-list{background:var(--line);gap:1px;margin-top:18px;display:grid}.admin-point-list article{background:#fff;justify-content:space-between;align-items:center;gap:18px;padding:17px;display:flex}.admin-point-list article.completed{opacity:.65}.admin-point-list small{color:var(--sage);text-transform:uppercase;font-size:7px}.admin-point-list h3{margin:5px 0;font-size:12px}.admin-point-list p{color:var(--muted);margin:0;font-size:9px}.modal.wide-modal{width:min(760px,100%)}.modal-backdrop{z-index:50;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#181c1794;place-items:center;padding:20px;transition:all .2s;display:grid;position:fixed;inset:0}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal{background:var(--paper);width:min(560px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow);padding:38px;position:relative;overflow-y:auto}.modal-close{cursor:pointer;background:0 0;border:0;width:35px;height:35px;position:absolute;top:15px;right:15px}.modal h2{margin:7px 0 20px;font:400 27px Avenir Next,Avenir,sans-serif}.modal-copy{color:var(--muted);font-size:11px;line-height:1.6}.form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.field-help{color:var(--muted);margin:-7px 0 14px;font-size:9px}.toast{z-index:100;background:var(--ink);color:#fff;min-width:300px;box-shadow:var(--shadow);opacity:0;align-items:center;gap:12px;padding:15px 18px;transition:all .25s;display:flex;position:fixed;bottom:22px;right:22px;transform:translateY(25px)}.toast.show{opacity:1;transform:none}.toast>span{background:var(--sage);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.toast strong,.toast small{display:block}.toast strong{font-size:10px}.toast small{color:#c5c9c0;margin-top:3px;font-size:8px}@media (max-width:1050px){.portal-shell{grid-template-columns:86px 1fr}.sidebar{width:86px;padding-inline:13px}.sidebar .brand{padding-inline:11px}.sidebar .brand>span:last-child,.sidebar-label,.nav-item span,.logout span,.security-note span{display:none}.nav-item,.logout,.security-note{justify-content:center}.hero-card{grid-template-columns:1.2fr .8fr}.moodboard-grid,.design-grid,.customer-shortcuts{grid-template-columns:repeat(2,1fr)}.admin-stats.admin-overview{grid-template-columns:repeat(3,1fr)}.task-board{grid-template-columns:1fr}.admin-project-list>article{grid-template-columns:60px 1.2fr .7fr auto}.admin-project-list .project-progress{display:none}}@media (max-width:760px){.login-layout{grid-template-columns:1fr}.login-visual{min-height:39vh;padding:28px}.login-visual h1{font-size:42px}.login-visual>small{display:none}.login-panel{padding:38px 24px}.portal-shell{display:block}.sidebar{width:238px;transition:all .25s;transform:translate(-105%);box-shadow:20px 0 45px #0003}.sidebar.open{transform:none}.sidebar .brand>span:last-child,.sidebar-label,.nav-item span,.logout span,.security-note span{display:initial}.nav-item,.logout,.security-note{justify-content:flex-start}.portal-main{width:100%}.topbar{height:68px;padding:0 18px}.mobile-menu{display:block}.project-switcher{margin-left:14px;margin-right:auto}.profile-chip>div{display:none}.page{padding:34px 18px 55px}.page-heading{align-items:flex-start}.page-heading h1{font-size:34px}.hero-card{grid-template-columns:1fr}.hero-image{min-height:320px}.progress-panel{padding:28px}.quick-grid{grid-template-columns:1fr}.quick-grid>*{min-height:95px}.overview-grid,.manage-grid,.planning-layout,.moodboard-grid,.design-grid,.choice-grid,.dashboard-summary,.status-steps.full{grid-template-columns:1fr}.admin-project-list>article{grid-template-columns:58px 1fr auto}.admin-project-list .admin-status{display:none}.admin-project-list .button{grid-column:2/4}.admin-card>header,.admin-list-tools{flex-direction:column;align-items:stretch}.admin-list-tools .search{width:100%}.project-lifecycle{grid-template-columns:1fr}.project-lifecycle>.button{width:100%}.appointment-list>article{grid-template-columns:52px 1fr}.appointment-list>article>div:last-child{grid-column:2;justify-items:start}.point-list article{grid-template-columns:1fr}.notification-feed article{grid-template-columns:42px 1fr}.notification-feed article .button{grid-column:2;width:fit-content}}@media (max-width:500px){.page-heading{display:block}.page-heading>button,.project-select{width:100%;margin-top:20px}.profile-chip{display:none}.hero-image{min-height:275px}.overview-grid{gap:12px}.document-list article{grid-template-columns:40px 1fr 32px;gap:11px;padding:18px 14px}.admin-stats,.admin-stats.four,.admin-stats.admin-overview,.customer-shortcuts{grid-template-columns:1fr}.document-list article.quote-document{grid-template-columns:40px 1fr}.document-actions{flex-wrap:wrap;grid-column:2}.approval-list article{grid-template-columns:38px 1fr}.approval-list article .button{grid-column:2}.form-grid{grid-template-columns:1fr}.modal{padding:34px 22px}.setup-card{padding:34px 24px}.toast{min-width:0;left:14px;right:14px}}.modal.guide-modal{width:min(620px,100%)}.welcome-guide{text-align:center}.guide-mark{background:var(--sage-soft);width:58px;height:58px;color:var(--sage);border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.welcome-guide .button+.button{margin-top:9px}.guide-intro{background:var(--ink);color:#fff;align-items:center;gap:20px;margin-bottom:24px;padding:28px;display:flex}.guide-intro>span{background:var(--sage);border-radius:50%;flex:none;place-items:center;width:54px;height:54px;display:grid}.guide-intro h2,.guide-help h2{margin:0 0 7px;font:400 21px Avenir Next,Avenir,sans-serif}.guide-intro p{color:#c8ccc4;margin:0;font-size:10px;line-height:1.6}.guide-grid{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.guide-grid article{background:#fff;grid-template-columns:40px 1fr;gap:15px;min-height:130px;padding:24px;display:grid}.guide-grid article>span{background:var(--sage-soft);width:40px;height:40px;color:var(--sage);border-radius:50%;place-items:center;font-size:11px;display:grid}.guide-grid h3{margin:5px 0 7px;font-size:12px}.guide-grid p,.guide-help p{color:var(--muted);margin:0;font-size:9px;line-height:1.65}.guide-help{border:1px solid var(--line);justify-content:space-between;align-items:center;gap:22px;margin-top:24px;padding:26px;display:flex}@media (max-width:760px){.guide-grid{grid-template-columns:1fr}.guide-help{flex-direction:column;align-items:stretch}}