.shell{display:flex;min-height:100%}.shell__sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:0;height:100vh}.shell__brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;color:var(--brand-dark);padding:4px 8px 18px}.shell__brand-mark{color:var(--brand);font-size:20px}.shell__nav{display:flex;flex-direction:column;gap:2px;flex:1}.shell__nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:15px;font-weight:600}.shell__nav-link:hover{background:var(--surface-alt);color:var(--text)}.shell__nav-link.is-active{background:#2f8f9d1f;color:var(--brand-dark)}.shell__nav-icon{font-size:17px;width:20px;text-align:center}.shell__sidebar-foot{border-top:1px solid var(--divider);padding-top:14px;display:flex;flex-direction:column;gap:10px}.shell__who-name{font-weight:600;font-size:14px}.shell__who-role{font-size:12px}.shell__main{flex:1;min-width:0;display:flex;flex-direction:column}.shell__topbar{display:none}.shell__content{flex:1;padding:28px 32px;max-width:1100px;width:100%}.shell__tabbar{display:none}@media(max-width:900px){.shell__sidebar{display:none}.shell__topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.shell__topbar-title{font-weight:700;color:var(--brand-dark)}.shell__topbar-signout{background:none;border:none;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer}.shell__content{padding:18px 16px 88px}.shell__tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:10}.shell__tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 8px;color:var(--text-tertiary);font-weight:700}.shell__tab.is-active{color:var(--brand)}.shell__tab-icon{font-size:20px}.shell__tab-label{font-size:10px}}.auth{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.auth__card{width:100%;max-width:400px;padding:32px 28px}.auth__brand{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--brand-dark);margin-bottom:22px}.auth__brand-mark{color:var(--brand);font-size:18px}.auth__sub{font-size:14px;margin:0 0 22px}.auth__foot{display:flex;flex-direction:column;gap:8px;margin-top:20px;font-size:13px}.dash__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 8px}.dash__stat{display:block;padding:18px}.dash__stat-value{font-size:30px;font-weight:700;color:var(--brand-dark)}.dash__stat-label{font-size:13px;margin-top:2px}.dash__section{margin-top:26px}.dash__section-head{display:flex;align-items:baseline;justify-content:space-between}.dash__more{font-size:13px;font-weight:600}.dash__list{padding:6px 0}.dash__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid var(--divider)}.dash__row:last-child{border-bottom:none}.dash__row-title{font-weight:600;font-size:14px}.dash__row-sub{font-size:13px}@media(max-width:900px){.dash__stats{grid-template-columns:1fr}}.fam__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:18px}.fam__card{display:flex;align-items:center;gap:14px;padding:16px}.fam__avatar{width:44px;height:44px;border-radius:50%;background:#2f8f9d24;color:var(--brand-dark);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fam__meta{flex:1;min-width:0}.fam__name{font-weight:600;font-size:15px}.fam__sub{font-size:12px;margin-top:2px}.fam__chev{color:var(--text-tertiary);font-size:22px}.evrow{display:flex;align-items:center;gap:16px;padding:14px 16px}.evrow__date{display:flex;flex-direction:column;min-width:118px}.evrow__date-main{font-weight:600;font-size:13px}.evrow__date-time{font-size:12px}.evrow__body{flex:1;min-width:0}.evrow__title{font-weight:600;font-size:14px}.evrow__sub{font-size:12px;margin-top:2px}.evrow__status{font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;white-space:nowrap;background:var(--surface-alt);color:var(--text-secondary)}.evrow__status--confirmed{background:#16a34a1f;color:var(--success)}.evrow__status--pending{background:#d9770624;color:var(--warning)}.evrow__status--declined,.evrow__status--cancelled{background:#c2413c1f;color:var(--error)}@media(max-width:900px){.evrow{flex-wrap:wrap;gap:8px 16px}.evrow__date{min-width:0;flex-direction:row;gap:8px;order:1}.evrow__status{order:2;margin-left:auto}.evrow__body{order:3;flex-basis:100%}}.yp__back{font-size:13px;font-weight:600;display:inline-block;margin-bottom:10px}.yp__head{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.yp__stack section+section,.yp__stack section{margin-bottom:26px}.yp__note{font-size:13px;margin-top:-6px;margin-bottom:12px}.yp__chips{display:flex;flex-wrap:wrap;gap:8px}.yp__chip{background:#2f8f9d1f;color:var(--brand-dark);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.yp__events{display:flex;flex-direction:column;gap:10px}.yp__list{padding:6px 0}.yp__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--divider)}.yp__row:last-child{border-bottom:none}.yp__row-title{font-weight:600;font-size:14px}.yp__row-sub{font-size:12px;margin-top:2px}.sd h1{margin:8px 0 10px}.sd__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px 24px;margin:22px 0 8px}.sd__field dt{font-size:12px;margin-bottom:2px}.sd__field dd{margin:0;font-size:15px;font-weight:500}.sd__section{margin-top:24px;padding-top:18px;border-top:1px solid var(--divider)}.msg-list{padding:4px 0;margin-top:18px}.msg-list__row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--divider);color:inherit}.msg-list__row:last-child{border-bottom:none}.msg-list__row:hover{background:var(--surface-alt)}.msg-list__avatar{width:42px;height:42px;border-radius:50%;background:var(--surface-alt);color:var(--text-secondary);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.msg-list__avatar.is-unread{background:#2f8f9d29;color:var(--brand-dark)}.msg-list__main{flex:1;min-width:0}.msg-list__top{display:flex;justify-content:space-between;gap:10px}.msg-list__name{font-weight:600;font-size:14px}.msg-list__name.is-unread{color:var(--brand-dark)}.msg-list__time{font-size:12px;flex-shrink:0}.msg-list__preview{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.msg-list__preview.is-unread{color:var(--text);font-weight:500}.msg-list__badge{background:var(--brand);color:#fff;font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 6px}.thread{display:flex;flex-direction:column;height:calc(100vh - 120px)}.thread__head h1{margin:6px 0 0;font-size:20px}.thread__scroll{flex:1;overflow-y:auto;padding:16px 4px;display:flex;flex-direction:column}.thread__daysep{text-align:center;font-size:12px;color:var(--text-tertiary);margin:14px 0 10px}.bubble{max-width:76%;align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:9px 13px;margin-bottom:8px}.bubble--mine{align-self:flex-end;background:var(--brand);border-color:var(--brand);color:#fff}.bubble__text{font-size:14px;white-space:pre-wrap;word-break:break-word}.bubble__meta{font-size:10px;margin-top:4px;opacity:.7}.thread__composer{border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:8px}.thread__recipient{align-self:flex-start;font-size:12px;padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-secondary)}.thread__inputrow{display:flex;gap:8px}.thread__inputrow input{flex:1;padding:11px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px}.thread__inputrow input:focus{outline:2px solid var(--brand-light);outline-offset:-1px}@media(max-width:900px){.thread{height:calc(100vh - 168px)}}.modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e344066;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;z-index:100}.modal{width:100%;max-width:480px;padding:0;overflow:hidden}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--divider)}.modal__x{background:none;border:none;font-size:16px;color:var(--text-secondary);cursor:pointer;padding:4px}.modal__body{padding:20px}.modal__foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--divider);background:var(--surface-alt)}@media(max-width:900px){.modal__backdrop{padding:16px 8px}}.inv__summary{display:flex;gap:32px;margin:14px 0 18px}.inv__summary-val{font-size:22px;font-weight:700;color:var(--brand-dark)}.inv__summary-lbl{font-size:12px}.inv__list{padding:4px 0}.inv__row{display:flex;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid var(--divider);color:inherit}.inv__row:last-child{border-bottom:none}.inv__row:hover{background:var(--surface-alt)}.inv__row-main{flex:1;min-width:0}.inv__row-num{font-weight:600;font-size:14px}.inv__row-sub{font-size:12px;margin-top:2px}.inv__row-amt{font-weight:600;font-size:14px;white-space:nowrap}.inv__pill{font-size:11px;font-weight:700;text-transform:capitalize;padding:4px 9px;border-radius:999px;white-space:nowrap}.inv__pill--paid{background:#16a34a1f;color:var(--success)}.inv__pill--sent{background:#2f6fc21f;color:#1d4ed8}.inv__pill--draft{background:#d9770624;color:var(--warning)}.inv__pill--cancelled{background:#c2413c1f;color:var(--error)}.inv__li{margin-bottom:12px}.inv__li>input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;margin-bottom:6px}.inv__li-row{display:flex;align-items:center;gap:8px}.inv__li-row input{width:90px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px}.inv__li-amt{font-size:13px;font-weight:600;margin-left:auto}.inv__li-del{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:13px}.inv__two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mil__group{margin-top:22px}.mil__group-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.mil__group-head span{font-size:12px}.mil__row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--divider)}.mil__row:last-child{border-bottom:none}.mil__row-main{flex:1;min-width:0}.mil__row-title{font-weight:600;font-size:14px}.mil__row-sub{font-size:12px;margin-top:2px}.mil__row-amt{font-weight:600;font-size:14px;white-space:nowrap}.mil__del{background:none;border:none;cursor:pointer;font-size:14px;opacity:.6}.mil__del:hover{opacity:1}.bc__section{margin-top:18px}.bc__section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.bc__recipients{display:flex;flex-wrap:wrap;gap:6px 18px;padding:14px 16px}.bc__recipient{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;cursor:pointer}.bc__check{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;margin-bottom:16px;cursor:pointer}.bc__textarea{width:100%}.bc__done{color:var(--success);font-size:14px;font-weight:600;margin:8px 0 0}.doc__group{margin-top:22px}.doc__row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--divider)}.doc__row:last-child{border-bottom:none}.doc__row-main{flex:1;min-width:0}.doc__row-title{font-weight:600;font-size:14px}.doc__row-sub{font-size:12px;margin-top:2px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.doc__expiry{font-weight:700}.doc__expiry--ok{color:var(--text-secondary)}.doc__expiry--soon{color:var(--warning)}.doc__expiry--past{color:var(--error)}.disc__section{margin-top:26px;padding-top:20px;border-top:1px solid var(--divider)}.disc__section:first-of-type{border-top:none;padding-top:0}.disc__hint{font-size:13px;margin:-4px 0 12px}.disc__inline{display:flex;gap:8px;max-width:420px}.disc__inline input{flex:1;padding:11px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;text-transform:uppercase}.disc__row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--divider)}.disc__row:last-child{border-bottom:none}.disc__row-main{flex:1;min-width:0}.disc__row-title{font-weight:600;font-size:14px}.disc__row-sub{font-size:12px;margin-top:2px}.set{max-width:640px}.set .field input:disabled{background:var(--surface-alt);color:var(--text-tertiary)}:root{--brand: #2f8f9d;--brand-dark: #1a6b78;--brand-light: #4da5b3;--sage: #7fb7a6;--bg: #f3f7f8;--surface: #ffffff;--surface-alt: #f8f9fb;--border: #dde9ec;--divider: #e5e7eb;--text: #17343b;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--warning: #d97706;--error: #c2413c;--success: #16a34a;--radius: 14px;--radius-sm: 10px;--shadow-card: 0 1px 3px rgba(14, 52, 64, .08), 0 6px 20px rgba(14, 52, 64, .05);--sidebar-w: 244px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-tap-highlight-color:transparent}img{max-width:100%}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:900px){input,select,textarea,.field input,.inv__li>input,.inv__li-row input,.disc__inline input,.thread__inputrow input{font-size:16px}}a{color:var(--brand);text-decoration:none}button{font-family:inherit}h1{font-size:28px;font-weight:600;margin:0 0 4px}h2{font-size:20px;font-weight:600;margin:0 0 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--brand);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease,opacity .15s ease}.btn:hover{background:var(--brand-dark)}.btn:disabled{opacity:.55;cursor:default}.btn--ghost{background:transparent;color:var(--brand);border-color:var(--border)}.btn--ghost:hover{background:var(--surface-alt)}.btn--block{width:100%}.btn--sm{padding:7px 12px;font-size:13px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}.field-label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.field select,.field input[type=date],.field input[type=number]{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:15px;background:var(--surface);color:var(--text);font-family:inherit}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:14px;font-weight:500;color:var(--text-secondary)}.field input{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:15px;background:var(--surface);color:var(--text)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--brand-light);outline-offset:-1px}.field textarea{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:15px;font-family:inherit;background:var(--surface);color:var(--text);resize:vertical}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:20px}.error-text{color:var(--error);font-size:14px;margin:4px 0 0}.muted{color:var(--text-secondary)}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.tabbar{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px;overflow-x:auto}.tabbtn{background:none;border:none;padding:10px 14px;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tabbtn.is-active{color:var(--brand-dark);border-bottom-color:var(--brand)}