.personal-space{max-width:1200px;margin:auto;padding:0 28px 70px}.personal-header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce4dc}.personal-header>div{display:flex;gap:12px}.space-nav{display:flex;gap:8px;overflow-x:auto;padding:22px 0}.space-nav button{border:0;background:transparent;white-space:nowrap;border-radius:30px;padding:12px 20px;color:#567065;cursor:pointer}.space-nav .active{background:#183e33;color:white}.space-welcome{padding:28px 0}.space-welcome h1,.space-title h1{font-size:40px;margin:10px 0}.space-welcome p,.space-title p{color:#71877b}.space-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:12px 0 30px}.space-card{text-align:left;background:white;border:1px solid #e2e8dc;border-radius:24px;padding:30px;color:#173e33;cursor:pointer;position:relative;transition:transform .2s,box-shadow .2s}.space-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #143d3312}.space-card>span{display:inline-flex;background:#edf1df;border-radius:18px;padding:15px}.space-card h2{font-size:22px;margin:25px 0 10px}.space-card p{color:#6b8074;line-height:1.6}.space-card>.icon{position:absolute;right:24px;top:32px}.space-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 30px}.space-note-grid,.space-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.space-note{border:1px solid #e1e6d9;border-radius:20px;background:#fffdf3;text-align:left;padding:24px;color:#183e33;cursor:pointer}.space-note p{white-space:pre-wrap;max-height:180px;overflow:hidden;line-height:1.6}.space-note small{color:#819082}.calendar-panel{background:white;border:1px solid #e1e6d9;border-radius:24px;padding:25px}.calendar-panel header{display:flex;align-items:center;justify-content:space-between}.calendar-panel h2{text-transform:capitalize;font-size:22px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center}.calendar-grid>strong{padding:16px;color:#819082}.calendar-day{padding:17px 8px;border:0;border-radius:12px;background:#f7f9f4;color:#173e33;cursor:pointer}.calendar-day i{display:block;width:5px;height:5px;border-radius:50%;margin:6px auto 0;background:transparent}.calendar-day.has-event{background:#edf0df}.calendar-day.has-event i{background:#173e33}.agenda-list{margin:22px 0}.agenda-event{display:flex;gap:20px;align-items:center;width:100%;text-align:left;background:white;border:1px solid #e1e6d9;padding:20px;border-radius:18px;margin:12px 0;cursor:pointer;color:#173e33}.agenda-event>span{font-size:26px}.agenda-event small{display:block;font-size:12px}.agenda-event h3,.agenda-event p{margin:4px 0}.agenda-event>.icon{margin-left:auto}.cv-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.cv-paper{background:white;padding:45px;border:1px solid #e1e6d9;box-shadow:0 12px 28px #183e330a;min-height:700px}.cv-paper header{border-bottom:3px solid #173e33;padding-bottom:18px}.cv-paper h1{font-size:30px;margin:0 0 10px}.cv-paper h2{font-size:16px;color:#173e33;border-bottom:1px solid #dce4dc;padding:12px 0}.cv-paper p{white-space:pre-wrap;line-height:1.7;font-size:14px}.gallery-card{overflow:hidden;border:1px solid #e1e6d9;border-radius:22px;background:white}.gallery-picture{height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#e9eee4}.gallery-picture img{width:100%;height:100%;object-fit:contain}.locked .gallery-picture{background:radial-gradient(ellipse at top,#dde6c7,#eaf0e7);color:#54705e}.gallery-picture .icon{width:36px;height:36px}.gallery-picture small{font-size:11px}.gallery-card h2{font-size:17px;padding:18px 22px;margin:0}.notification-popup{position:fixed;top:18px;right:18px;z-index:10000;width:min(380px,calc(100vw - 36px));background:white;border:1px solid #dce4dc;box-shadow:0 15px 50px #102e2933;border-radius:20px;padding:22px}.notification-popup h3{margin:0 20px 10px 0}.notification-popup p{line-height:1.5;white-space:pre-wrap}.notification-popup .dismiss{position:absolute;right:12px;top:12px}.admin-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-photo img{width:100%;height:120px;object-fit:contain}.admin-photo{padding:12px;background:#f5f8f1;border-radius:14px}.client-manage-modal{width:min(900px,95vw)}
@media(max-width:700px){.personal-space{padding:0 18px 40px}.personal-header{height:78px}.space-cards{grid-template-columns:1fr 1fr;gap:12px}.space-card{padding:20px;border-radius:20px}.space-card h2{font-size:18px;margin:18px 0 8px}.space-card p{font-size:12px}.space-card>span{padding:10px}.space-card>.icon{right:16px;top:26px;width:16px}.space-welcome h1,.space-title h1{font-size:30px}.space-note-grid,.space-gallery{grid-template-columns:1fr 1fr;gap:12px}.gallery-picture{height:180px}.gallery-picture strong{font-size:13px}.gallery-picture small{font-size:9px}.space-title{align-items:flex-start}.space-title .button{font-size:11px;padding:12px}.cv-layout{grid-template-columns:1fr}.cv-paper{padding:25px;min-height:500px}.calendar-panel{padding:16px}.calendar-grid{gap:4px}.calendar-day{padding:13px 4px}.admin-gallery-grid{grid-template-columns:1fr 1fr}}
@media print{body *{visibility:hidden!important}#cv-preview,#cv-preview *{visibility:visible!important}#cv-preview{position:absolute;left:0;top:0;width:100%}.cv-paper{border:0;box-shadow:none;padding:28px;min-height:0}}
.cv-paper,.space-note,.space-card,.gallery-card{min-width:0}.cv-paper p,.space-note h2,.space-note p,.gallery-card h2{overflow-wrap:anywhere}

.space-blocked{opacity:.55;cursor:not-allowed!important}.admin-photo .button{margin:6px 3px 0 0}
.cv-builder{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.cv-builder .panel{padding:24px}.cv-editor-intro h2{font-size:26px;margin:10px 0}.cv-editor-intro p{font-size:12px;color:#71877b}.cv-editor-intro progress{width:100%;height:7px;accent-color:#1d5544}.cv-editor-section{padding:18px 0;border-bottom:1px solid #e1e6df}.cv-editor-section>summary{font-size:15px;font-weight:700;cursor:pointer;color:#173e33;margin-bottom:16px}.cv-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cv-fields label:has(textarea){grid-column:1/-1}.cv-entry{background:#f5f7f2;border:1px solid #e1e6da;border-radius:16px;padding:15px;margin:12px 0}.cv-entry>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.cv-entry>header strong{font-size:13px}.cv-entry .button{padding:6px 8px;font-size:11px}.cv-editor-section>.muted{font-size:12px;line-height:1.6}.cv-save-bar{position:sticky;bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:white;border:1px solid #e1e6df;border-radius:14px;padding:12px;z-index:2}.cv-save-bar span{font-size:11px;color:#71877b}.cv-preview-label{display:flex;justify-content:space-between;color:#6b8074;font-size:10px;letter-spacing:.1em;margin:0 0 12px}.cv-preview-column{position:sticky;top:18px;min-width:0}.cv-paper{--cv-color:#194938;min-height:650px;padding:35px;overflow-wrap:anywhere}.cv-accent-navy{--cv-color:#243c66}.cv-accent-plum{--cv-color:#654260}.cv-accent-charcoal{--cv-color:#343a40}.cv-paper header{border-color:var(--cv-color);display:flex;gap:18px;align-items:center}.cv-paper header>div:last-child{min-width:0}.cv-paper header h1{font-size:26px;line-height:1.15;margin:0 0 8px;color:var(--cv-color)}.cv-paper header h3{font-size:13px;font-weight:500;margin:0 0 10px;color:#48554d}.cv-paper .cv-contact{font-size:10px;line-height:1.7;white-space:normal;margin:0;color:#647366}.cv-monogram{width:54px;height:54px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:var(--cv-color);color:white;font-size:20px;letter-spacing:1px}.cv-paper h2{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--cv-color);margin-top:22px}.cv-paper section>p,.cv-record p{font-size:11px;line-height:1.7;margin:8px 0}.cv-record{margin:15px 0;break-inside:avoid}.cv-record-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.cv-record-heading h3{font-size:12px;margin:0;color:#27342d}.cv-record-heading small{font-size:9px;flex-shrink:0;color:#6c786f}.cv-record-sub{font-size:10px;color:#68766b;margin-top:5px}.cv-chip{display:inline-block;font-size:10px;line-height:1.5;background:#f0f3ed;border-radius:5px;padding:4px 8px;margin:2px 4px 2px 0}.cv-classic{font-family:Georgia,serif}.cv-classic header{justify-content:center;text-align:center;border-width:1px}.cv-classic .cv-monogram,.cv-minimal .cv-monogram{display:none}.cv-classic h2{border-bottom:1px solid var(--cv-color);letter-spacing:.05em}.cv-minimal header{border-bottom:1px solid #d9dfda}.cv-minimal .cv-chip{background:transparent;padding:0;margin-right:12px}.cv-minimal h2{letter-spacing:0;text-transform:none;font-size:13px}.cv-export-help{font-size:11px;line-height:1.6}.cv-mobile-tabs{display:none}.cv-builder input,.cv-builder textarea,.cv-builder select{min-width:0;max-width:100%}
@media(max-width:900px){.cv-builder{grid-template-columns:1fr}.cv-mobile-tabs{display:flex;gap:12px;margin-bottom:20px}.cv-preview-column{position:static;display:none}.cv-show-preview .cv-preview-column{display:block}.cv-show-preview>form{display:none}.cv-paper{padding:28px;min-height:560px}.cv-paper header h1{font-size:25px}.cv-builder .panel{padding:18px}.cv-fields{gap:10px}.cv-record-heading{flex-wrap:wrap;gap:4px}.cv-entry>header{flex-wrap:wrap}.cv-save-bar .button{font-size:11px}}
@media print{@page{size:A4;margin:16mm}.cv-preview-column{display:block!important;position:static}.cv-paper{padding:0!important;border:0;box-shadow:none;min-height:0;color:#1b2720;print-color-adjust:exact;-webkit-print-color-adjust:exact}.cv-paper header h1{font-size:28pt}.cv-paper header h3{font-size:12pt}.cv-paper p,.cv-paper section>p,.cv-record p{font-size:10pt;line-height:1.6}.cv-paper h2{font-size:11pt;break-after:avoid}.cv-record-heading h3{font-size:11pt}.cv-record-sub,.cv-paper .cv-contact,.cv-record-heading small,.cv-chip{font-size:9pt}.cv-paper section{break-inside:auto}.cv-paper header{break-inside:avoid}.cv-editor-intro,.cv-export-help,.cv-preview-label{display:none!important}#cv-preview{position:static!important;width:100%!important}body:has(#cv-preview) #app,body:has(#cv-preview) .personal-space,body:has(#cv-preview) #space-content,body:has(#cv-preview) .cv-layout{display:block!important;margin:0!important;padding:0!important}body:has(#cv-preview) .personal-header,body:has(#cv-preview) .space-nav,body:has(#cv-preview) .space-title,body:has(#cv-preview) .cv-mobile-tabs,body:has(#cv-preview) #space-cv{display:none!important}}
.space-card.space-blocked{opacity:1;background:#f7f8f3;color:#6b8074}.space-card.space-blocked>span:not(.space-lock-badge){background:#e9ede2;color:#869383}.space-card.space-blocked:hover{transform:none;box-shadow:none}.space-card>.space-lock-badge{position:absolute;top:13px;right:13px;padding:7px;border-radius:50%;background:#e6ebdf;color:#7e8c78;display:grid;place-items:center}.access-popup{position:fixed;z-index:11000;top:max(16px,env(safe-area-inset-top));left:50%;width:min(450px,calc(100vw - 28px));transform:translateX(-50%);display:flex;align-items:flex-start;gap:13px;padding:17px;border:1px solid #dce4d6;border-radius:20px;background:#fff;box-shadow:0 12px 38px #163c3324;animation:access-notice-in .28s ease-out}.access-popup>span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:10px;background:#edf1e6;color:#6b7f60}.access-popup strong{font-size:13px;color:#183e33}.access-popup p{font-size:12px;line-height:1.5;color:#758371;margin:6px 0 0}.access-popup .icon-button{width:24px;height:24px;flex-shrink:0}.access-popup.leaving{animation:access-notice-out .22s ease-in forwards}@keyframes access-notice-in{from{opacity:0;transform:translate(-50%,-15px) scale(.97)}to{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes access-notice-out{to{opacity:0;transform:translate(-50%,-12px)}}@media(prefers-reduced-motion:reduce){.access-popup,.access-popup.leaving{animation:none}.access-popup.leaving{opacity:0}}
/* Mobile comfort and clearer navigation. */
.list-tabs{gap:4px;flex-wrap:wrap;padding:10px 12px}.list-tabs button{padding:9px 10px;border-radius:10px;white-space:nowrap}.list-tabs button.active{background:#edf3e5;color:#244f3d}.composer textarea{max-height:160px;overflow-y:auto;resize:none}.space-nav{scrollbar-width:none}.space-nav::-webkit-scrollbar{display:none}.space-nav button{transition:background .18s,color .18s}.space-nav button.active{box-shadow:0 4px 12px #163c3320}.space-card:active{transform:scale(.98)}button:focus-visible,a:focus-visible{outline:3px solid #8eb971;outline-offset:3px}.calendar-day:focus-visible{outline:3px solid #8eb971}
@media(max-width:760px){.worker .topbar{padding-top:env(safe-area-inset-top);height:calc(63px + env(safe-area-inset-top))}.worker .chat-open{top:calc(63px + env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom)}.personal-space{padding-bottom:calc(40px + env(safe-area-inset-bottom))}.personal-header{padding-top:env(safe-area-inset-top);height:calc(78px + env(safe-area-inset-top))}.personal-header .icon-button,.client-bank-tools .icon-button{min-width:44px;min-height:44px}.space-nav{position:sticky;top:0;background:#f5f6f1eF;backdrop-filter:blur(12px);z-index:3;padding:12px 0}.space-nav button{min-height:44px;padding:11px 16px;font-size:13px}.space-card{min-height:190px}.space-card p{font-size:13px;line-height:1.55}.space-title h1{font-size:28px}.notification-popup{top:max(14px,env(safe-area-inset-top))}.composer textarea{font-size:16px!important}.list-tabs button{min-height:40px;font-size:11px}.client-chat-header .button{min-height:44px}.calendar-day{min-height:44px}}
.pantry-hero{display:flex;gap:24px;align-items:center;background:linear-gradient(120deg,#1d483b,#2f5d49);border-radius:26px;color:#f7faee;padding:30px;margin-bottom:20px}.pantry-hero .eyebrow{color:#bad0a4}.pantry-hero h2{font-size:25px;line-height:1.25;margin:12px 0}.pantry-hero p{font-size:13px;line-height:1.7;color:#d6e3cf;max-width:560px}.pantry-hero-icon{display:grid;place-items:center;flex-shrink:0;width:84px;height:84px;border:1px solid #ffffff24;border-radius:25px;background:#ffffff0d}.pantry-hero-icon .icon{width:40px;height:40px}.pantry-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 30px}.pantry-summary button{text-align:left;padding:22px;background:white;border:1px solid #e2e8dc;border-radius:20px;color:#194638;cursor:pointer}.pantry-summary strong{display:block;font-size:30px}.pantry-summary span{display:block;color:#718479;font-size:12px;margin-top:7px}.pantry-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.pantry-tabs{display:flex;gap:6px;background:#e9eee4;border-radius:14px;padding:5px}.pantry-tabs button{padding:12px 20px;border-radius:11px;color:#62796a}.pantry-tabs .active{background:white;color:#183e33;box-shadow:0 3px 10px #183e3310}.pantry-tabs span{font-size:10px;padding:3px 7px;border-radius:8px;background:#edf2e5;margin-left:6px}.pantry-search{margin:0 0 14px!important;max-width:480px}.pantry-filters{display:flex;gap:7px;overflow:auto;margin:18px 0}.pantry-filters[hidden]{display:none}.pantry-filters button{padding:10px 14px;white-space:nowrap;border-radius:25px;background:white;border:1px solid #dfe6d7;font-size:12px;color:#667d6c}.pantry-filters .active{background:#e4ecd8;color:#214936;border-color:#c9d8b6}.pantry-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pantry-item{display:flex;align-items:center;gap:15px;border:1px solid #e1e8db;background:white;border-radius:20px;padding:20px;min-width:0}.pantry-item-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#edf2e4;color:#71915c;flex-shrink:0}.pantry-item-copy{min-width:0;flex:1}.pantry-edit{font-size:15px;font-weight:650;line-height:1.5;text-align:left;color:#214737;overflow-wrap:anywhere}.pantry-edit .icon{width:13px;height:13px;margin-left:5px;opacity:.5}.pantry-item-copy small{display:block;font-size:12px;color:#7b8b7d;margin:6px 0 10px}.pantry-date{font-size:10px;color:#8a9587;display:inline-flex;align-items:center;gap:5px}.pantry-date .icon{width:13px;height:13px}.pantry-date.soon{color:#846634;background:#faf3e1;padding:5px 8px;border-radius:8px}.pantry-date.overdue{color:#a46450;background:#faf0e9;padding:5px 8px;border-radius:8px}.pantry-item-action{border:1px solid #dfe7d8;background:#f3f7ee!important;min-width:42px;min-height:42px}.pantry-empty{grid-column:1/-1;text-align:center;padding:45px 20px;border:1px dashed #d7e1cf;border-radius:24px}.pantry-empty>span{display:grid;place-items:center;border-radius:20px;width:64px;height:64px;background:#e8eedd;color:#648452;margin:0 auto 20px}.pantry-empty h2{font-size:21px;margin-bottom:14px}.pantry-empty p{font-size:13px;color:#7b8b79;margin-bottom:22px}.pantry-footnote{font-size:11px;line-height:1.6;color:#8a9687;margin-top:24px}.pantry-form [hidden],#pantry-form [hidden]{display:none!important}
@media(max-width:700px){.pantry-hero{padding:24px 20px;gap:14px;border-radius:23px;align-items:flex-start}.pantry-hero-icon{width:48px;height:48px;border-radius:15px}.pantry-hero-icon .icon{width:26px;height:26px}.pantry-hero h2{font-size:22px;margin-top:10px}.pantry-hero p{font-size:12px}.pantry-hero .eyebrow{font-size:8px;letter-spacing:1px}.pantry-summary{gap:9px;margin-bottom:22px}.pantry-summary button{padding:16px 12px;border-radius:17px}.pantry-summary strong{font-size:25px}.pantry-summary span{font-size:10px}.pantry-tabs button{font-size:12px;padding:12px 14px}.pantry-toolbar{gap:10px}.pantry-toolbar>.button{padding:8px 0;font-size:11px}.pantry-list{grid-template-columns:1fr}.pantry-item{padding:18px 15px;gap:12px}.pantry-edit{font-size:15px}.pantry-search input{font-size:16px}.pantry-filters button{min-height:40px;font-size:11px}}

.pantry-edit{background:transparent;border:0;padding:0;cursor:pointer}.pantry-tabs button{border:0;cursor:pointer}.pantry-tabs button:not(.active){background:transparent}

.pantry-filters{scrollbar-width:none}.pantry-filters::-webkit-scrollbar{display:none}.pantry-back{margin-top:12px;padding-left:0}.pantry-back .icon{width:16px;height:16px}

.notification-popup{border:1px solid #dce6df;border-top:4px solid #86af86;background:linear-gradient(145deg,#fff,#f6faf5);padding:22px 24px;box-shadow:0 20px 60px #102e2926;animation:notice-arrive .45s cubic-bezier(.2,.8,.2,1) both;max-height:calc(100dvh - 40px);overflow:auto}
.notification-popup.notice-warning{border-top-color:#dfac58;background:linear-gradient(145deg,#fff,#fffaf0)}
.notice-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-right:22px}.notice-symbol{width:42px;height:42px;border-radius:14px;background:#e7f1e8;display:grid;place-items:center;color:#386449;flex-shrink:0}.notice-warning .notice-symbol{background:#fff0d8;color:#94651e}.notice-date{display:block;margin-top:5px;font-size:11px;color:#7d8d84}.notification-popup h3{font-size:17px;line-height:1.35}.notification-popup p{font-size:14px;color:#52665b;line-height:1.65}.notification-popup .dismiss{width:32px;height:32px;border-radius:50%;background:#e9eee780}.notification-popup.notice-leaving{animation:notice-depart .22s ease-in both}
@keyframes notice-arrive{from{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notice-depart{to{opacity:0;transform:translateY(-12px) scale(.97)}}
@media(prefers-reduced-motion:reduce){.notification-popup,.notification-popup.notice-leaving{animation:none}}
