:root{--navy: #020887;--indigo: #38369a;--light-blue: #ecf9ff;--light-green: #e6ffe1;--sage: #a9dbb8;--green: #7ec994;--green-dark: #307d47;--ink: #1b1b2b;--muted: #8a8a9b;--line: #ececf1;--white: #ffffff;--bg: #f4f5f8;--radius: 14px;--radius-lg: 20px;--shadow-card: 0 6px 18px rgba(20, 20, 60, .06);--font: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-logo: "Quicksand", "Jost", sans-serif;--accent: var(--green);--accent-dark: var(--green-dark);--accent-soft: var(--light-green)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--white)}.app-frame{position:relative;flex:1;width:100%;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;background:var(--white)}.screen.full-bleed{width:100%}.screen-pad{padding:26px 24px 30px}.app-layout{display:flex;min-height:100vh;min-height:100dvh;background:var(--bg)}.sidebar{width:248px;flex:none;background:var(--white);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 16px;position:sticky;top:0;height:100vh;height:100dvh}.sidebar.indigo{background:linear-gradient(180deg,#2b2a82 0%,var(--indigo) 100%);border-right:none;color:#fff}.sidebar-brand{padding:4px 8px 22px;display:flex;align-items:center;justify-content:space-between}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;font-size:14.5px;font-weight:500;color:var(--ink);transition:background .12s ease}.sidebar-nav a:hover{background:var(--bg)}.sidebar-nav a.active{background:var(--accent-soft);color:var(--accent-dark);font-weight:600}.sidebar.indigo .sidebar-nav a{color:#ffffffd1}.sidebar.indigo .sidebar-nav a:hover{background:#ffffff14;color:#fff}.sidebar.indigo .sidebar-nav a.active{background:#ffffff29;color:#fff}.sidebar-section{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);padding:18px 12px 6px;font-weight:600}.sidebar.indigo .sidebar-section{color:#ffffff8c}.sidebar-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.sidebar.indigo .sidebar-foot{border-top-color:#ffffff24}.sidebar-user{font-size:13.5px;font-weight:600;line-height:1.2}.sidebar-user .role{font-size:11.5px;color:var(--muted);font-weight:500}.sidebar.indigo .sidebar-user .role{color:#fff9}.sidebar-foot button{margin-left:auto;color:var(--muted);padding:6px;border-radius:8px}.sidebar-foot button:hover{background:var(--bg);color:var(--ink)}.sidebar.indigo .sidebar-foot button{color:#ffffffb3}.sidebar.indigo .sidebar-foot button:hover{background:#ffffff1a;color:#fff}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.topbar{display:none;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.topbar .menu-btn{padding:6px;border-radius:8px;color:var(--ink)}.page{flex:1;padding:32px 40px 60px;max-width:1280px;width:100%;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px;flex-wrap:wrap}.page-header .ph-title{font-size:28px;font-weight:600;color:var(--ink);letter-spacing:-.4px}.page-header .ph-sub{color:var(--muted);font-size:14px;margin-top:4px}.page-header .ph-actions{display:flex;gap:10px;align-items:center}.page-header .ph-actions .btn{width:auto;padding:11px 18px;font-size:14px}.view-switch{display:inline-flex;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:3px}.view-switch button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:7px;font-size:13.5px;font-weight:500;color:var(--muted)}.view-switch button.active{background:var(--accent-soft);color:var(--accent-dark);font-weight:600}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px}.stat-tile{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}.stat-tile .st-label{font-size:13px;color:var(--muted);font-weight:500}.stat-tile .st-value{font-size:30px;font-weight:600;color:var(--ink);line-height:1.1}.stat-tile .st-delta{font-size:12px;color:var(--accent-dark);font-weight:500}.stat-tile .st-icon{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent-dark);display:grid;place-items:center}.stat-tile.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.section-h{font-size:16px;font-weight:600;color:var(--ink);margin:8px 0 14px;display:flex;align-items:center;justify-content:space-between}.section-h .link{font-size:13px;color:var(--accent-dark);font-weight:500}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card-grid .event-card{margin-bottom:0}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}@media (max-width: 900px){.two-col{grid-template-columns:1fr}}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.panel .panel-h{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:12px}.panel .cal{margin:0;border:none}.panel .event-line:last-child{border-bottom:none}.search{position:relative;max-width:320px;width:100%}.search input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 14px 11px 40px;font-size:14px;background:var(--white)}.search input:focus{outline:none;border-color:var(--accent)}.search .si{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted)}.att-tile{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;align-items:center;gap:14px;text-align:left;width:100%;transition:border-color .12s ease,transform .05s ease}.att-tile:hover{border-color:var(--accent)}.att-tile:active{transform:scale(.995)}.att-tile .p-name{font-size:15px;font-weight:600}.att-tile .p-id{font-size:12.5px;color:var(--muted)}@media (max-width: 880px){.app-layout{flex-direction:column}.topbar{display:flex}.sidebar{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:280px;transform:translate(-100%);transition:transform .22s ease;z-index:50;box-shadow:0 20px 50px #0003}.sidebar.open{transform:translate(0)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f2866;z-index:40}.page{padding:22px 18px 40px}.page-header{margin-bottom:18px}.page-header .ph-title{font-size:24px}}.landing{min-height:100vh;min-height:100dvh;background:radial-gradient(900px 500px at 90% -10%,#eef0ff 0%,transparent 60%),radial-gradient(700px 400px at -10% 60%,#e6ffe1 0%,transparent 60%),var(--white);display:flex;flex-direction:column}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 40px;max-width:1200px;width:100%;margin:0 auto}.landing-nav nav{display:flex;gap:22px;align-items:center}.landing-nav nav a{font-size:14px;color:var(--ink);font-weight:500}.landing-nav nav a:hover{color:var(--indigo)}.landing-hero{flex:1;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:60px 40px;max-width:1200px;width:100%;margin:0 auto}.lh-eyebrow{display:inline-block;font-size:13px;font-weight:600;color:var(--green-dark);background:var(--light-green);padding:6px 12px;border-radius:20px;margin-bottom:18px}.lh-title{font-size:56px;font-weight:600;line-height:1.05;letter-spacing:-1.5px;color:var(--navy);margin-bottom:18px}.lh-sub{font-size:18px;line-height:1.55;color:var(--muted);max-width:460px;margin-bottom:28px}.lh-cta{display:flex;gap:12px;flex-wrap:wrap}.lh-art{position:relative;min-height:380px;display:grid}.lh-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:0 18px 40px #0f0f2d14;display:flex;align-items:center;gap:14px;position:absolute;min-width:240px}.lh-card-1{top:20px;right:40px}.lh-card-2{top:140px;left:0}.lh-card-3{top:260px;right:20px}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:30px 40px 80px;max-width:1200px;width:100%;margin:0 auto}.lf-tile{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:26px}.lf-num{font-size:13px;font-weight:600;color:var(--accent-dark);margin-bottom:12px;letter-spacing:1px}.lf-tile h3{font-size:18px;font-weight:600;color:var(--ink);margin-bottom:8px}.lf-tile p{font-size:14.5px;color:var(--muted);line-height:1.55}.landing-foot{display:flex;align-items:center;justify-content:space-between;padding:26px 40px;max-width:1200px;width:100%;margin:0 auto;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}@media (max-width: 880px){.landing-nav{padding:18px 22px}.landing-nav nav{gap:12px}.landing-nav nav a:not(:last-child){display:none}.landing-hero{grid-template-columns:1fr;padding:30px 22px;gap:32px}.lh-title{font-size:38px}.lh-sub{font-size:16px}.lh-art{min-height:320px}.lh-card{min-width:200px;padding:14px 16px}.lh-card-1,.lh-card-3{right:0}.landing-features{grid-template-columns:1fr;padding:10px 22px 50px}.landing-foot{padding:22px}}.auth-split{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;min-height:100dvh}.auth-brand{background:linear-gradient(160deg,var(--navy) 0%,var(--indigo) 100%);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.auth-brand .ab-hero{flex:1;display:flex;flex-direction:column;justify-content:center;gap:18px}.auth-brand h2{font-size:36px;font-weight:600;line-height:1.2;letter-spacing:-.5px}.auth-brand .ab-tag{font-size:16px;opacity:.85;max-width:360px;line-height:1.5}.auth-form{display:flex;flex-direction:column;justify-content:center;padding:56px;max-width:480px;width:100%;margin:0 auto}@media (max-width: 820px){.auth-split{grid-template-columns:1fr}.auth-brand{padding:40px 28px;min-height:240px}.auth-brand h2{font-size:28px}.auth-form{padding:32px 24px}}.h1{font-size:30px;font-weight:600;color:var(--indigo);letter-spacing:-.5px}.h2{font-size:22px;font-weight:600;color:var(--indigo)}.title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.subtle{color:var(--muted);font-size:14px}.label{color:var(--green-dark);font-size:13px;font-weight:500}.label.indigo{color:var(--indigo)}.btn{width:100%;border-radius:10px;padding:15px 18px;font-size:16px;font-weight:600;color:#fff;background:var(--accent);transition:filter .15s ease,transform .05s ease}.btn:active{transform:scale(.99)}.btn:hover{filter:brightness(.97)}.btn--indigo{background:var(--indigo)}.btn--navy{background:var(--navy)}.btn--ghost{background:var(--light-blue);color:var(--indigo)}.btn--soft{background:var(--accent-soft);color:var(--accent-dark)}.btn--block{display:block;text-align:center}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--accent-dark)}.back-btn{color:var(--accent);display:inline-flex}.field{width:100%;border:1px solid var(--line);border-radius:10px;padding:15px 16px;font-size:15px;color:var(--ink);background:#fff;margin-bottom:14px}.field::placeholder{color:#aeb0bd}.field:focus{outline:none;border-color:var(--accent)}.field-req{color:#e05a5a}.field-label{font-size:13px;color:var(--muted);margin:0 0 6px 2px}.segment{display:flex;background:#eef0f6;border-radius:12px;padding:5px;margin-bottom:22px}.segment button{flex:1;padding:11px;border-radius:9px;font-weight:600;font-size:15px;color:var(--muted)}.segment button.active{background:var(--indigo);color:#fff}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-card)}.event-card{border-radius:var(--radius);padding:18px;color:#fff;background:var(--accent);margin-bottom:14px}.event-card.indigo{background:var(--indigo)}.event-card .ec-top{display:flex;align-items:flex-start;justify-content:space-between}.event-card .ec-name{font-size:17px;font-weight:600}.badge{font-size:11px;font-weight:600;background:#ffffff40;padding:4px 9px;border-radius:20px}.badge--now{background:var(--navy)}.event-card.indigo .badge--now{background:#fff;color:var(--indigo)}.ec-stats{display:flex;gap:26px;margin-top:12px;align-items:baseline}.ec-stat .num{font-size:34px;font-weight:600;line-height:1}.ec-stat .cap{font-size:12px;opacity:.9;margin-left:6px}.ec-actions{display:flex;gap:10px;background:#ffffffd9;margin:16px -18px -18px;padding:12px 18px;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.ec-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:600;color:var(--green-dark)}.event-card.indigo .ec-actions button{color:var(--indigo)}.tile{border-radius:var(--radius);background:var(--accent);color:#fff;padding:20px;font-size:18px;font-weight:600;margin-bottom:14px;min-height:92px;display:flex;flex-direction:column;justify-content:space-between}.tile.indigo{background:var(--indigo)}.tile .tile-action{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.add-row{width:100%;background:var(--light-blue);color:var(--indigo);border-radius:10px;padding:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.person{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);width:100%;text-align:left}.person .avatar{width:50px;height:50px;border-radius:10px;object-fit:cover;flex:none;background:var(--sage)}.person .p-name{font-size:16px;font-weight:500}.person .p-id{font-size:13px;color:var(--muted)}.section-label{color:var(--green-dark);font-size:13px;font-weight:500;margin:18px 0 4px}.section-label.indigo{color:var(--indigo)}.stat-tabs{display:flex;gap:12px;margin:16px 0 8px}.stat-box{flex:1;border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;align-items:baseline;gap:8px}.stat-box.active{background:var(--indigo);border-color:var(--indigo);color:#fff}.stat-box .num{font-size:30px;font-weight:600}.stat-box .cap{font-size:12px}.meta-row{display:flex;gap:14px;padding:8px 0;border-bottom:1px solid var(--line)}.meta-row .k{width:56px;color:var(--green-dark);font-size:13px}.meta-row .v{font-weight:500;font-size:15px}.cal{border-radius:12px;overflow:hidden;border:1px solid var(--line);margin:6px 0 14px}.cal-head{background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-weight:600}.cal-head.indigo{background:var(--indigo)}.cal-head button{color:#fff;display:grid;place-items:center}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.cal-grid .dow{background:var(--navy);color:#fffc;text-align:center;padding:8px 0;font-size:12px;font-weight:600}.cal-head.indigo+.cal-grid .dow,.cal-grid.indigo .dow{background:var(--indigo)}.cal-cell{aspect-ratio:1 / .82;display:grid;place-items:center;font-size:14px;color:var(--ink);position:relative;background:#fff}.cal-cell.muted{color:#c7c9d6}.cal-cell.selected{background:var(--indigo);color:#fff}.cal-cell.today:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:2px solid var(--green);border-radius:50%}.cal-cell.weekend-head{background:var(--green)}.cal-day-label{color:var(--green-dark);font-size:13px;margin:10px 0}.cal-day-label.indigo{color:var(--indigo)}.event-line{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}.event-line .t{color:var(--muted);font-size:13px}.empty-note{color:var(--muted);font-size:14px;padding:16px 0}.onb{flex:1;background:linear-gradient(180deg,#f3fbff,#eaf6ff 55%,#fff);display:flex;flex-direction:column;align-items:center;padding:40px 28px 30px}.onb>*{width:100%;max-width:360px}.onb-art{flex:1;display:grid;place-items:center}.onb-text{text-align:center;font-size:22px;font-weight:600;color:var(--indigo);line-height:1.35;margin-bottom:22px;max-width:280px}.dots-row{display:flex;gap:8px;justify-content:center;margin-bottom:18px}.dots-row span{width:8px;height:8px;border-radius:50%;background:var(--sage)}.dots-row span.on{width:22px;border-radius:5px;background:var(--green)}.mini-phone{width:190px;height:320px;border:5px solid var(--navy);border-radius:30px;position:relative;background:#fff;display:grid;place-items:center}.mini-phone:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:50%;background:var(--navy)}.splash{flex:1;background:linear-gradient(160deg,var(--navy) 0%,var(--indigo) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:14px}.splash .tagline{opacity:.85;font-size:15px;letter-spacing:.3px}.logo-wordmark{font-family:var(--font-logo);font-weight:700;color:var(--navy);display:inline-flex;align-items:center;gap:12px}.logo-wordmark.on-dark{color:#fff}.logo-dotgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.logo-dotgrid i{width:6px;height:6px;border-radius:50%;background:currentColor;display:block}.logo-mark-box{background:var(--navy);border-radius:12px;padding:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.logo-mark-box i{width:7px;height:7px;border-radius:50%;background:#fff}.scanner{background:#f1f2f5;border-radius:14px;padding:30px;display:grid;place-items:center;margin:14px 0;min-height:230px}.scan-frame{width:140px;height:140px;position:relative;display:grid;place-items:center}.scan-frame .corner{position:absolute;width:30px;height:30px;border:4px solid var(--green)}.scan-frame .tl{top:0;left:0;border-right:0;border-bottom:0;border-top-left-radius:6px}.scan-frame .tr{top:0;right:0;border-left:0;border-bottom:0;border-top-right-radius:6px}.scan-frame .bl{bottom:0;left:0;border-right:0;border-top:0;border-bottom-left-radius:6px}.scan-frame .br{bottom:0;right:0;border-left:0;border-top:0;border-bottom-right-radius:6px}.scan-id-card{background:#fff;border-radius:12px;padding:18px;display:flex;gap:16px;align-items:center;box-shadow:var(--shadow-card);margin:14px 0}.ring{width:64px;height:64px;border-radius:50%;border:5px solid var(--light-green);border-top-color:var(--green);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.check{width:70px;height:70px;border-radius:50%;background:var(--green);display:grid;place-items:center;color:#fff;margin:0 auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14142873;display:grid;place-items:center;z-index:60;padding:24px}.modal{background:#fff;border-radius:16px;width:100%;max-width:300px;overflow:hidden;box-shadow:0 20px 50px #0000004d;max-height:calc(100vh - 48px);overflow-y:auto}.modal .m-photo{width:100%;height:200px;object-fit:cover;background:var(--sage)}.modal .m-body{padding:18px}.modal .m-k{color:var(--green-dark);font-size:12px}.modal .m-v{font-size:18px;font-weight:600;margin-bottom:10px}@media (min-width: 821px){.modal{max-width:460px;border-radius:20px}.modal .m-photo{height:180px}.modal .m-body{padding:24px 28px}.modal .m-v{font-size:19px;margin-bottom:14px}}.photo-pick{border:1px dashed var(--line);border-radius:12px;background:#fafbfd;height:220px;display:grid;place-items:center;color:var(--muted);margin-bottom:14px}.spacer{flex:1}.mt-auto{margin-top:auto}.gap-10>*+*{margin-top:10px}.center{text-align:center}.row-between{display:flex;align-items:center;justify-content:space-between}