:root{--ever-ink:#26324a;--ever-muted:#8392ab;--ever-violet:#5e72e4;--ever-green:#2dce89;--ever-line:#e9edf4;--ever-bg:#f7f7f2}body{background:#f7f7f2;color:#26324a}.loading{padding:48px;text-align:center;color:#8392ab}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 15% 10%,#eef0ff,transparent 45%),#f7f7f2}.auth-card{width:min(460px,100%);background:#fff;border:1px solid #e9edf4;border-radius:20px;padding:36px;box-shadow:0 20px 60px #2d3b5812}.auth-card h1{font:800 30px var(--ui-font),sans-serif;margin:10px 0}.auth-card p{color:#8392ab;line-height:1.6}.brand-line{display:flex;align-items:center;gap:10px;font:800 18px var(--ui-font),sans-serif;text-decoration:none;color:inherit}.auth-home{margin:16px 0 0;text-align:center}.auth-home a{color:#5e72e4;font:700 13px var(--ui-font),sans-serif;text-decoration:none}.brand-line .brand-mark{display:grid;place-items:center;width:36px;height:36px;background:#fff;color:#415ca8;border-radius:12px;box-shadow:0 4px 10px #16275135}.auth-card label,.form-grid label{display:grid;gap:7px;margin:16px 0;font-size:12px;font-weight:700;color:#596780}.auth-card input,.form-grid input,.form-grid textarea,.form-grid select,.step-dialog input,.share-form input,.share-form select{box-sizing:border-box;width:100%;padding:12px;border:1px solid #dce2ec;border-radius:9px;font:500 14px 'DM Sans',sans-serif;color:#26324a;background:#fff}.auth-card input:focus,.form-grid input:focus,.form-grid textarea:focus{outline:2px solid #5e72e433;border-color:#5e72e4}.auth-card .button{width:100%;justify-content:center;margin-top:8px}.auth-swap{text-align:center!important;font-size:13px;margin-top:20px!important}.auth-swap button{background:none;border:0;color:#5e72e4;font:700 13px inherit;cursor:pointer}.error-box{background:#fff3f0;color:#bd4b36;border:1px solid #f7d3cb;padding:11px;border-radius:8px;font-size:13px}.success-box{background:#effaf4;color:#25865b;border:1px solid #ccebd9;padding:11px;border-radius:8px;font-size:13px}.setup-qr{display:block;width:240px;height:240px;object-fit:contain;margin:12px auto;border:8px solid white;box-shadow:0 0 0 1px #e9edf4}.setup-secret{display:block;word-break:break-all;text-align:center;padding:12px;background:#f7f8fc;border-radius:8px;font:600 13px monospace}.app-shell{min-height:100vh}.topbar{gap:16px}.app-user{font-size:12px;color:#596780}.prototype-badge{background:#e6e9ff;color:#5e72e4}.section-switch{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 25px}.section-switch button{border:1px solid #e4e8ef;background:#fff;padding:10px 14px;border-radius:999px;color:#596780;font:700 12px 'DM Sans';cursor:pointer}.section-switch button.active{background:#5e72e4;border-color:#5e72e4;color:white}.view{display:none}.view.active-view{display:block}.secure-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin:12px 0 22px}.secure-head h1{margin:8px 0;font:800 32px Manrope}.secure-head p{margin:0;color:#8392ab}.data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.data-card{background:white;border:1px solid #e9edf4;border-radius:14px;padding:18px;box-shadow:0 4px 16px #26324a06;min-width:0;overflow:hidden}.data-card-head{display:flex;align-items:center;gap:12px;min-width:0}.data-card-head>div{min-width:0}.data-icon{width:40px;height:40px;border-radius:12px;background:#eef0ff;color:#5e72e4;display:grid;place-items:center;font-size:18px;flex-shrink:0}.data-card h3{font:700 15px Manrope;margin:0;overflow-wrap:anywhere}.data-card small,.muted{color:#8392ab;overflow-wrap:anywhere}.data-card p{font-size:13px;color:#596780;line-height:1.5;overflow-wrap:anywhere}.secret-preview{margin:12px 0 0;display:grid;gap:8px}.secret-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-size:12px}.secret-row span{color:#8392ab;font-weight:700;flex-shrink:0}.secret-row code{font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;color:#26324a;background:#f5f6fb;padding:4px 8px;border-radius:6px;white-space:pre-wrap;word-break:break-all;text-align:right}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.small-button{border:1px solid #e4e8ef;color:#596780;background:#fff;border-radius:8px;padding:8px 11px;font:700 11px 'DM Sans';cursor:pointer;flex:0 1 auto}.small-button.primary{border-color:#5e72e4;background:#5e72e4;color:#fff}.small-button.danger{color:#bd4b36}.form-panel{background:#fff;border:1px solid #e9edf4;border-radius:14px;padding:22px;margin:18px 0}.form-panel h2{margin:0 0 4px;font:700 18px Manrope}.form-panel>p{color:#8392ab;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.form-grid .wide{grid-column:1/-1}.form-grid textarea{min-height:110px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:10px}.empty-state{background:white;border:1px dashed #dce2ec;border-radius:14px;padding:32px;text-align:center;color:#8392ab}.empty-state strong{display:block;color:#26324a;margin-bottom:7px}.person-row-real{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e9edf4;border-radius:12px;padding:15px;margin:8px 0}.person-row-real .person-details{flex:1}.mfa-note{padding:12px 14px;background:#fff8e7;border:1px solid #f2dfaa;color:#8a6a1d;border-radius:9px;font-size:12px}.step-dialog{border:0;border-radius:16px;width:min(400px,calc(100% - 32px));padding:25px;box-shadow:0 24px 80px #17223e44}.step-dialog::backdrop{background:#1c274b77;backdrop-filter:blur(3px)}.step-dialog h2{font:800 20px Manrope}.step-dialog p{font-size:13px;color:#8392ab}.step-dialog input{letter-spacing:5px;text-align:center;font-size:19px;margin:10px 0}.share-link{word-break:break-all;background:#f5f6fb;padding:12px;border-radius:8px;font:12px monospace}.secure-viewer{position:fixed;inset:0;background:#141a28ed;z-index:10000;overflow:auto;padding:30px;color:#fff;text-align:center}.secure-viewer .viewer-tools{position:sticky;top:0;display:flex;justify-content:center;gap:10px;padding:10px;z-index:2}.secure-viewer canvas,.secure-viewer img{max-width:95%;height:auto;display:block;margin:18px auto;box-shadow:0 8px 34px #0008}.secure-viewer .watermark-target{position:relative;width:max-content;max-width:95%;margin:18px auto;overflow:hidden}.secure-viewer .watermark-target canvas{max-width:100%;margin:0;display:block}.note-share-page{width:min(820px,95vw);min-height:70vh;margin:24px auto;background:#fff;color:#26324a;border-radius:8px;padding:48px 40px;text-align:left;box-shadow:0 8px 34px #0008}.note-share-text{font:500 18px/1.7 'DM Sans',sans-serif;white-space:normal}.watermark-overlay{position:absolute;inset:-55%;pointer-events:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:space-evenly;justify-items:center;gap:18px 28px;transform:rotate(-28deg);color:rgba(38,50,74,.2);font:800 clamp(36px,7vw,84px) Manrope,sans-serif;letter-spacing:.06em;line-height:1.15;user-select:none;-webkit-user-select:none}.watermark-overlay span{white-space:nowrap;opacity:.95}.share-banner{position:sticky;top:0;background:#1f2d46;color:white;border-radius:10px;padding:11px;z-index:2}.logout-button{border:0;background:transparent;color:#8392ab;cursor:pointer}.share-page{min-height:100vh;background:#f7f7f2;padding:30px}.share-page .data-card{max-width:760px;margin:50px auto}.no-select{user-select:none;-webkit-user-select:none}@media(max-width:700px){.auth-card{padding:25px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.app-shell{padding-bottom:70px}.secure-viewer{padding:12px}.secure-head h1{font-size:27px}}
.data-card,.stat-card,.form-panel,.empty-state,.person-row-real,.full-person,.vault-item,.panel,.checkin-large,.sequence-card,.login-card,.admin-panel{box-shadow:0 6px 16px rgba(38,50,74,.1)}
.button-dark,.primary-button,.full-button,.small-button.primary{box-shadow:0 4px 10px rgba(94,114,228,.28)}
.button-light{box-shadow:0 3px 8px rgba(38,50,74,.08)}
.section-switch button{box-shadow:0 3px 8px rgba(38,50,74,.08);transition:background .15s,color .15s,border-color .15s,box-shadow .15s}
.section-switch button:hover{background:#f4f6ff;color:#3d4f7a;border-color:#cfd6f0;box-shadow:0 4px 10px rgba(38,50,74,.12)}
.section-switch button.active{box-shadow:0 4px 10px rgba(94,114,228,.28)}
.section-switch button.active:hover{background:#4d62d5;border-color:#4d62d5;box-shadow:0 5px 12px rgba(94,114,228,.34)}
html,body{overflow-x:hidden}
.app-shell,#content,.main-content{min-width:0}
.menu-toggle{flex:none;width:22px;height:22px;border:0;border-radius:6px;background:#ffffff22;display:grid;align-content:center;justify-items:center;gap:2px;padding:0;cursor:pointer}
.menu-toggle:hover{background:#ffffff33}
.menu-toggle span{display:block;width:10px;height:1.5px;background:#fff;border-radius:2px}
.sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;position:relative}
.sidebar-head .brand{min-width:0;padding-right:28px}
.sidebar-backdrop{position:fixed;inset:0;background:#1c274b55;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s}
.sidebar{overflow-x:hidden;overflow-y:auto}
.main-content{transition:margin-left .22s ease}
.topbar{justify-content:flex-start}
.top-actions{margin-left:auto;min-width:0}
.profile-copy{min-width:0}
.profile-copy strong{overflow-wrap:anywhere}
.footer{flex-wrap:wrap;gap:8px}
#app-sidebar{left:0!important;width:56px!important;padding:10px 12px;pointer-events:auto;transition:width .22s ease,padding .22s ease}
#app-sidebar:not(.is-open) .brand,
#app-sidebar:not(.is-open) .workspace-label,
#app-sidebar:not(.is-open) .main-nav,
#app-sidebar:not(.is-open) .sidebar-bottom{display:none}
#app-sidebar:not(.is-open) .sidebar-head{justify-content:center}
#app-sidebar:not(.is-open) .menu-toggle{position:static}
#app-sidebar.is-open{width:246px!important;padding:8px 12px 20px}
#app-sidebar.is-open .sidebar-head{padding-top:26px}
#app-sidebar.is-open .brand{padding-top:0}
#app-sidebar.is-open .menu-toggle{position:absolute;top:0;right:0}
body:not(.nav-open) .main-content{margin-left:56px!important}
@media(min-width:861px){
  .sidebar-backdrop{display:none}
  body.nav-open .main-content{margin-left:246px}
}
@media(max-width:860px){
  body.nav-open{overflow:hidden}
  .sidebar{display:flex!important;z-index:40}
  #app-sidebar.is-open{width:min(280px,88vw)!important}
  body.nav-open .sidebar-backdrop{opacity:1;pointer-events:auto;z-index:35}
  .main-content{margin-left:56px!important;padding:0 16px 28px!important}
  .topbar{gap:10px;height:auto;min-height:61px;padding:8px 0}
  .mobile-brand{display:flex!important;font-size:16px;padding:0;min-width:0;flex:1}
  .breadcrumb{display:none}
  .app-user{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .section-switch{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;margin:12px 0 18px;scrollbar-width:none}
  .section-switch::-webkit-scrollbar{display:none}
  .section-switch button{flex:0 0 auto}
  .stats-grid{grid-template-columns:1fr!important}
  .lower-grid{grid-template-columns:1fr!important}
  .secure-head{align-items:flex-start}
  .secure-head h1{font-size:26px}
  .data-grid{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .form-grid .wide{grid-column:auto}
  .form-actions{flex-wrap:wrap}
  .person-row-real{flex-wrap:wrap}
  .checkin-large{flex-wrap:wrap;gap:16px}
  .welcome-row,.page-title-row,.vault-toolbar{flex-wrap:wrap}
  .app-shell{padding-bottom:0}
  .share-page{padding:16px}
  .note-share-page{padding:28px 18px}
}
.group-tools{display:grid;gap:10px;margin:4px 0 8px}
.group-filters{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.group-filters::-webkit-scrollbar{display:none}
.group-chip{flex:0 0 auto;border:1px solid #e4e8ef;background:#fff;padding:7px 12px;border-radius:999px;color:#596780;font:700 11px 'DM Sans';cursor:pointer;box-shadow:0 3px 8px rgba(38,50,74,.08)}
.group-chip.active{background:#5e72e4;border-color:#5e72e4;color:#fff;box-shadow:0 4px 10px rgba(94,114,228,.28)}
.group-actions{display:flex;flex-wrap:wrap;gap:8px}
.group-block{background:#fff;border:1px solid #e9edf4;border-radius:14px;margin:14px 0;box-shadow:0 6px 16px rgba(38,50,74,.1);overflow:hidden}
.group-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;cursor:pointer;list-style:none}
.group-summary::-webkit-details-marker{display:none}
.group-summary strong{display:block;font:700 15px Manrope}
.group-summary small{color:#8392ab;font-size:11px}
.group-summary-actions{display:flex;flex-wrap:wrap;gap:8px}
.group-body{padding:0 16px 16px}
.subgroup-block{margin-top:12px}
.subgroup-block h3{margin:0 0 10px;font:700 13px Manrope;color:#596780}
.group-tag{display:block;width:fit-content;margin-top:6px;padding:3px 8px;border-radius:999px;background:#eef0ff;color:#5e72e4;font:700 10px 'DM Sans'}
@media(max-width:860px){
  .group-summary{align-items:flex-start}
}
@media(max-width:480px){
  .prototype-badge{display:none}
  .section-switch button{padding:8px 12px;font-size:11px}
  .top-actions{margin-left:auto}
  .auth-card{padding:22px 18px}
  .auth-card h1{font-size:26px}
}
img.brand-mark{width:28px;height:28px;object-fit:contain;border-radius:9px;background:#fff;display:block;flex:none;padding:0}
.brand-line img.brand-mark{width:36px;height:36px;border-radius:12px}