@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#243b53;background:#f4f7f9;font-synthesis:none;--navy: #102a43;--navy-2: #163d5c;--blue: #1677a8;--teal: #14a59a;--green: #14866d;--amber: #d88b2c;--red: #c84c55;--ink: #243b53;--muted: #6b7f91;--line: #dbe4ea;--surface: #fff;--shadow: 0 12px 35px rgba(16, 42, 67, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(20,165,154,.24);outline-offset:2px}.app-loader,.table-loader{min-height:220px;display:grid;place-items:center}.app-loader{min-height:100vh}.app-loader span,.table-loader span{width:34px;height:34px;border:3px solid #dbe4ea;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.06fr) minmax(420px,.94fr)}.login-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(145deg,#0b263d,#123c56 58%,#116b72 130%);padding:clamp(34px,5vw,72px);display:flex;align-items:center}.login-hero:before{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(135deg,black,transparent 75%);mask-image:linear-gradient(135deg,black,transparent 75%)}.hero-copy{position:relative;z-index:1;max-width:620px}.hero-copy .brand-mark{margin-bottom:80px}.eyebrow{margin-bottom:10px;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;color:var(--teal)}.hero-copy .eyebrow{color:#72ddd3}.hero-copy h1{font-size:clamp(2.8rem,5vw,5.4rem);line-height:.98;letter-spacing:-.055em;margin:0 0 30px}.hero-copy h1 em{color:#65d1c8;font-style:normal}.hero-copy>p:not(.eyebrow){max-width:550px;color:#c9d9e3;font-size:1.06rem;line-height:1.75}.hero-points{display:flex;flex-wrap:wrap;gap:20px 30px;margin-top:48px}.hero-points span{font-size:.82rem;color:#d9e5ec;display:flex;align-items:center;gap:9px}.hero-points i{color:#64d2c8;font:700 .68rem Manrope;font-style:normal}.hero-footer{position:absolute;bottom:30px;left:clamp(34px,5vw,72px);color:#91aaba}.hero-orb{position:absolute;border-radius:50%;border:1px solid rgba(108,220,211,.2)}.orb-one{width:430px;height:430px;right:-180px;top:-120px;box-shadow:0 0 0 70px #6cdcd306,0 0 0 140px #6cdcd305}.orb-two{width:230px;height:230px;left:-100px;bottom:-80px}.login-panel{display:grid;place-items:center;padding:40px;background:#f8fafb}.login-card{width:min(100%,440px)}.login-brand{display:none;align-items:center;gap:12px;margin-bottom:44px;font:800 1.3rem Manrope;color:var(--navy)}.login-brand b,.brand b{color:var(--teal)}.login-heading{margin-bottom:34px}.login-heading h2{font-size:2.1rem;color:var(--navy);letter-spacing:-.04em;margin-bottom:10px}.login-heading>p:last-child{color:var(--muted)}.field-label{display:block;margin:18px 0 8px;font-size:.83rem;font-weight:700;color:#3d5265}.input-with-icon{display:flex;align-items:center;height:52px;border:1px solid var(--line);border-radius:10px;background:#fff;transition:.2s}.input-with-icon:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px #14a59a17}.input-with-icon>svg{width:18px;margin-left:16px;color:#8da1b1}.input-with-icon input{min-width:0;flex:1;height:100%;border:0;background:transparent;padding:0 13px;outline:0;color:var(--ink)}.input-with-icon button{display:grid;place-items:center;border:0;background:transparent;color:#8094a5;padding:12px 16px;cursor:pointer}.input-with-icon button svg{width:18px}.login-help{color:#8193a2;font-size:.76rem;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:24px}.login-help svg{width:14px}.brand-mark{width:46px;height:46px;display:inline-grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--teal),#117b8a);box-shadow:0 8px 20px #14a59a3b}.brand-mark svg{width:25px}.brand-mark-light{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);box-shadow:none;color:#6addd3}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;padding:9px 16px;font-weight:700;font-size:.84rem;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button svg{width:17px;height:17px}.button-primary{color:#fff;background:linear-gradient(135deg,var(--blue),#12658f);box-shadow:0 7px 18px #1677a82e}.button-primary:hover:not(:disabled){box-shadow:0 10px 22px #1677a842}.button-secondary{color:#385268;border-color:var(--line);background:#fff}.button-light{color:var(--navy);background:#fff;box-shadow:0 10px 25px #0000001f}.button-danger{color:#ad343f;background:#fff;border-color:#efcdd0}.button-attendance{color:#fff;background:linear-gradient(135deg,var(--teal),#107f83);box-shadow:0 7px 18px #14a59a33}.button-attendance:hover:not(:disabled){box-shadow:0 10px 22px #14a59a47}.button-camera{color:#fff;background:linear-gradient(135deg,var(--teal),#107f83);box-shadow:0 7px 18px #14a59a2e}.button-full{width:100%;margin-top:25px;min-height:50px}.text-button{border:0;background:transparent;color:var(--red);display:inline-flex;gap:5px;align-items:center;cursor:pointer;font-size:.78rem;margin-top:12px}.text-button svg{width:14px}.alert{border-radius:9px;padding:12px 15px;margin-bottom:20px;font-size:.86rem;border:1px solid}.alert-error{color:#9b333b;background:#fff3f3;border-color:#f2c7ca}.alert-success{color:#126451;background:#edf9f5;border-color:#bce6d9}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#d6e2e9;position:fixed;width:250px;height:100vh;z-index:20;display:flex;flex-direction:column;padding:25px 17px}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px}.brand .brand-mark{width:38px;height:38px;border-radius:10px}.brand .brand-mark svg{width:21px}.brand>span:last-of-type{display:flex;flex-wrap:wrap;align-items:baseline;font-size:1.1rem}.brand small{flex-basis:100%;color:#7690a3;font:500 .61rem DM Sans;letter-spacing:.04em;margin-top:1px}.sidebar nav{flex:1}.nav-caption{padding:0 13px;margin:8px 0 9px;color:#6f899d;text-transform:uppercase;letter-spacing:.13em;font-size:.62rem;font-weight:700}.sidebar nav a{min-height:45px;display:flex;align-items:center;gap:13px;padding:0 13px;margin:4px 0;border-radius:8px;color:#a9bdca;font-size:.85rem;font-weight:600}.sidebar nav a svg{width:19px}.sidebar nav a.active{color:#fff;background:#2db5aa24;box-shadow:inset 3px 0 #35bbb0}.sidebar nav a:hover{color:#fff;background:#ffffff0d}.sidebar-foot{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding:20px 8px 0}.sidebar-foot div{display:flex;flex-direction:column}.sidebar-foot strong{font-size:.68rem}.sidebar-foot small{color:#6f899d;font-size:.61rem}.security-dot{width:8px;height:8px;border-radius:50%;background:#45d7b7;box-shadow:0 0 0 4px #45d7b71a}.sidebar-close,.menu-button{display:none!important}.app-main{grid-column:2;min-width:0}.topbar{height:70px;display:flex;align-items:center;position:sticky;top:0;z-index:10;background:#ffffffed;border-bottom:1px solid #e4ebef;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0 clamp(20px,3.5vw,48px)}.topbar-spacer{flex:1}.profile-menu{position:relative}.profile-trigger{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--ink);cursor:pointer;padding:5px;border-radius:9px}.profile-trigger>svg{width:16px;color:#8ba0af}.user-initials,.user-avatar{width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;flex:0 0 auto;color:#fff;background:linear-gradient(145deg,var(--blue),var(--teal));font-size:.7rem;font-weight:800}.user-initials.large{width:58px;height:58px;border-radius:15px;font-size:1rem}.user-avatar{color:#40627a;background:#eaf2f6}.user-avatar svg{width:17px}.profile-copy{display:flex;flex-direction:column;text-align:left}.profile-copy strong{font-size:.78rem}.profile-copy small{font-size:.66rem;color:var(--muted)}.profile-dropdown{position:absolute;right:0;top:52px;width:190px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.profile-dropdown a,.profile-dropdown button{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:10px;border-radius:7px;color:#3e5668;font-size:.8rem;cursor:pointer}.profile-dropdown a:hover,.profile-dropdown button:hover{background:#f1f6f8}.profile-dropdown svg{width:16px}.content{padding:clamp(24px,3.5vw,48px);max-width:1500px;margin:auto}.page-stack{display:flex;flex-direction:column;gap:24px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.page-header h1{color:var(--navy);font-size:clamp(1.7rem,3vw,2.25rem);letter-spacing:-.045em;margin-bottom:6px}.page-header p:last-child{color:var(--muted);margin-bottom:0;font-size:.9rem}.header-actions{display:flex;gap:10px}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:18px;color:#5e7688;font-size:.78rem;font-weight:700}.back-link svg{width:16px}.panel{background:var(--surface);border:1px solid #e2e9ed;border-radius:13px;box-shadow:0 4px 18px #1430460a}.welcome-banner{overflow:hidden;position:relative;padding:clamp(28px,4vw,48px);border-radius:15px;color:#fff;background:linear-gradient(125deg,#12324b,#164b62 65%,#137b79 125%);display:flex;align-items:center;justify-content:space-between}.welcome-banner:after{content:"";width:300px;height:300px;border-radius:50%;position:absolute;right:-80px;top:-160px;border:1px solid rgba(255,255,255,.13);box-shadow:0 0 0 55px #ffffff06,0 0 0 110px #ffffff05}.welcome-banner>*{position:relative;z-index:1}.welcome-banner h1{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:8px;letter-spacing:-.05em}.welcome-banner p:last-child{max-width:580px;color:#c9d9e3;margin-bottom:0}.welcome-banner .eyebrow{color:#63d8ce}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat-card{display:flex;align-items:center;gap:17px;padding:23px;background:#fff;border:1px solid #e2e9ed;border-radius:13px}.stat-icon{width:49px;height:49px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}.stat-icon svg{width:22px}.stat-icon.blue{color:var(--blue);background:#e9f4f9}.stat-icon.green{color:var(--green);background:#e9f7f2}.stat-icon.amber{color:var(--amber);background:#fff5e6}.stat-card div{display:grid;grid-template-columns:auto auto;align-items:end}.stat-card small{grid-column:1;color:#6f8392;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.stat-card strong{grid-column:1;color:var(--navy);font:800 1.8rem Manrope;line-height:1.2}.stat-card p{grid-column:1;color:#91a0ac;margin:2px 0 0;font-size:.7rem}.panel-heading{padding:23px 25px 0}.panel-heading h2{margin-bottom:0;color:var(--navy)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:18px;gap:8px}.quick-grid a{min-width:0;display:flex;align-items:center;gap:14px;padding:17px;border-radius:10px}.quick-grid a:hover{background:#f4f8fa}.quick-grid a>svg{margin-left:auto;width:17px;color:#92a5b2}.quick-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;color:var(--teal);background:#eaf7f5;flex:0 0 auto}.quick-icon svg{width:18px}.quick-grid strong{display:block;color:#263f52;font-size:.86rem}.quick-grid p{color:#7b8d9a;font-size:.72rem;margin:3px 0 0;line-height:1.4}.data-panel{overflow:hidden}.toolbar{min-height:75px;padding:14px 20px;border-bottom:1px solid #e7edef;display:flex;align-items:center;justify-content:space-between;gap:15px}.search-box{display:flex;align-items:center;gap:0;width:min(100%,580px);position:relative}.search-box>svg{position:absolute;left:14px;width:18px;color:#8297a6}.search-box input{min-width:0;flex:1;height:42px;padding:0 15px 0 43px;border:1px solid var(--line);border-radius:8px 0 0 8px;outline:0}.search-box input:focus{border-color:var(--teal)}.search-box .button{border-radius:0 8px 8px 0;margin-left:-1px}.result-count{white-space:nowrap;color:#758a99;font-size:.75rem;font-weight:600}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.8rem}th{padding:12px 18px;color:#748897;background:#f8fafb;text-align:left;text-transform:uppercase;letter-spacing:.06em;font-size:.63rem}td{padding:14px 18px;border-top:1px solid #e8eef1;color:#41586a}tbody tr:hover{background:#fbfcfd}.person-cell{min-width:200px;display:flex;align-items:center;gap:11px}.person-cell div{display:flex;flex-direction:column}.person-cell strong{color:#293f51;font-size:.82rem}.person-cell small{color:#8496a3;font-size:.7rem;margin-top:2px}.people-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;padding:18px 0 4px}.person-catalog-card{overflow:hidden;min-width:0;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 5px 18px #1430460f;transition:transform .18s,box-shadow .18s}.person-catalog-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #1430461c}.catalog-photo{position:relative;display:grid;place-items:center;aspect-ratio:4 / 3;overflow:hidden;color:#7690a1;background:#eaf1f4}.catalog-photo>img{width:100%;height:100%;object-fit:cover}.catalog-photo>svg{width:58px;height:58px}.photo-count{position:absolute;top:10px;right:10px;color:#fff;background:#0c202fc7;border-radius:999px;padding:5px 8px;font-size:.64rem;font-weight:800}.catalog-body{padding:15px}.catalog-body h2{overflow:hidden;margin:0;color:var(--navy);font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.catalog-body p{color:var(--muted);margin-top:4px;font-size:.73rem}.catalog-body dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.catalog-body dl div{min-width:0}.catalog-body dt{color:#8496a3;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.catalog-body dd{overflow:hidden;color:#40586a;font-size:.71rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.catalog-actions{justify-content:flex-end;border-top:1px solid #edf1f3;padding-top:11px}.avatar{display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#e9f1f5;color:#6d8799;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.avatar svg{width:45%}.avatar-small{width:37px;height:37px}.avatar-medium{width:52px;height:52px}.avatar-large{width:112px;height:112px;border:5px solid white;box-shadow:0 6px 20px #1430461f}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.01em}.truncate-cell{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-column{width:120px;text-align:center}.row-actions{display:flex;justify-content:center;gap:4px}.icon-button{width:34px;height:34px;border:0;border-radius:7px;display:inline-grid;place-items:center;background:transparent;color:#60798b;cursor:pointer}.icon-button:hover{background:#eaf3f7;color:var(--blue)}.icon-button.danger:hover{background:#fff0f1;color:var(--red)}.icon-button svg{width:16px}.pagination{padding:16px 20px;display:flex;align-items:center;justify-content:flex-end;gap:15px;border-top:1px solid var(--line)}.pagination span{color:#718493;font-size:.75rem}.empty-state{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.empty-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;color:#6d8798;background:#edf3f6}.empty-icon svg{width:25px}.empty-state h3{color:var(--navy);margin:17px 0 6px}.empty-state p{color:var(--muted);font-size:.85rem}.form-layout{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start;gap:22px}.photo-panel{padding:25px;text-align:center;position:sticky;top:94px}.photo-preview{width:142px;height:142px;overflow:hidden;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;color:#7891a2;background:#edf3f6;border:5px solid white;box-shadow:0 5px 18px #1430461f}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-preview svg{width:35px}.photo-panel h3{color:var(--navy);font-size:1rem;margin-bottom:6px}.photo-panel p{color:var(--muted);font-size:.72rem;line-height:1.5}.photo-panel .button{margin-top:8px}.photo-actions{display:grid;gap:8px;margin-top:8px}.photo-actions .button{width:100%;margin-top:0}.photo-grid-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0 10px}.photo-editor-item,.photo-empty{position:relative;overflow:hidden;aspect-ratio:1;display:grid;place-items:center;border-radius:10px;color:#7891a2;background:#edf3f6}.photo-editor-item img{width:100%;height:100%;object-fit:cover}.photo-editor-item>span{position:absolute;left:6px;bottom:6px;color:#fff;background:#102a43d1;border-radius:999px;padding:3px 7px;font-size:.58rem;font-weight:800}.photo-editor-item>button{position:absolute;top:5px;right:5px;width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:#ad2b34e6;cursor:pointer}.photo-editor-item>button svg{width:14px}.photo-empty{grid-column:1 / -1;min-height:120px;aspect-ratio:auto;gap:4px;font-size:.7rem}.photo-empty svg{width:32px}.photo-total{display:block;color:var(--muted);font-size:.68rem;text-align:center}.camera-error{color:#a13b44!important;background:#fff2f3;border:1px solid #f0c9cc;border-radius:8px;padding:9px;margin:12px 0 0!important;font-size:.68rem!important}.camera-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px}.camera-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#071a28c2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:default}.camera-dialog{position:relative;width:min(100%,720px);max-height:calc(100vh - 44px);overflow-y:auto;padding:22px;border-radius:15px;background:#fff;box-shadow:0 24px 70px #00000059}.camera-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:17px}.camera-heading h2{color:var(--navy);margin:0;font-size:1.25rem}.camera-viewport{overflow:hidden;width:100%;aspect-ratio:4 / 3;display:grid;place-items:center;border-radius:12px;background:#0a1720}.camera-viewport video{width:100%;height:100%;object-fit:cover;transform:scaleX(1)}.camera-help{color:var(--muted);text-align:center;margin:13px 0;font-size:.75rem}.camera-controls{display:flex;justify-content:center;gap:10px}.camera-controls .button{min-width:160px}.form-panel{padding:clamp(20px,3vw,34px)}.form-section+.form-section{border-top:1px solid #e7edef;margin-top:30px;padding-top:30px}.section-heading{display:flex;align-items:center;gap:13px;margin-bottom:23px}.section-heading>span{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:#e8f5f4;color:var(--teal);font:800 .7rem Manrope;flex:0 0 auto}.section-heading>span svg{width:17px}.section-heading h2{color:var(--navy);font-size:1rem;margin:0}.section-heading p{color:#8193a0;font-size:.72rem;margin:2px 0 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-field{display:flex;flex-direction:column;gap:7px;min-width:0}.form-field-wide{grid-column:1 / -1}.form-field>span{color:#4b6172;font-size:.77rem;font-weight:700}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:11px 12px;outline:0;transition:.15s}.form-field input,.form-field select{height:44px}.form-field textarea{resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #14a59a14}.form-field .has-error{border-color:var(--red)}.field-error{color:var(--red);font-size:.68rem}.network-fieldset{min-width:0;margin:0;padding:0;border:0}.network-fieldset legend{color:#4b6172;font-size:.77rem;font-weight:700;margin-bottom:10px}.network-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.network-option{min-height:46px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:10px 12px;color:#526b7d;background:#fff;cursor:pointer;transition:.15s}.network-option:hover{border-color:#94bbb8}.network-option.selected{border-color:var(--teal);color:#16746c;background:#eaf8f6}.network-option input{width:17px;height:17px;accent-color:var(--teal)}.network-option span{font-size:.77rem;font-weight:800}.network-other-field{margin-top:16px}.health-warning-option{width:min(100%,360px)}.health-warning-option input{accent-color:var(--red)}.health-warning-option.selected{border-color:var(--red);color:#a52f3a;background:#fff0f1}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e7edef;margin-top:34px;padding-top:24px}.switch-field{align-self:end;min-height:44px;display:flex;align-items:center;gap:11px;cursor:pointer}.switch-field input{position:absolute;opacity:0}.switch{width:42px;height:23px;border-radius:20px;background:#b8c5ce;padding:3px;transition:.2s}.switch:after{content:"";display:block;width:17px;height:17px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px #0003}.switch-field input:checked+.switch{background:var(--teal)}.switch-field input:checked+.switch:after{transform:translate(19px)}.switch-field div{display:flex;flex-direction:column}.switch-field strong{font-size:.76rem}.switch-field small{font-size:.65rem;color:var(--muted)}.narrow-page{max-width:880px;margin:auto}.profile-overview{padding:28px;display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,#fff,#f4faf9)}.profile-overview h2{margin:0 0 4px;color:var(--navy);font-size:1.5rem}.profile-overview p:not(.eyebrow){color:var(--muted);font-size:.84rem}.person-gallery{position:relative;flex:0 0 260px;overflow:hidden;border-radius:13px;background:#eaf1f4}.gallery-photo{position:relative;aspect-ratio:4 / 3;display:grid;place-items:center;overflow:hidden;color:#7891a2}.gallery-photo>img{width:100%;height:100%;object-fit:cover}.gallery-photo>svg{width:55px;height:55px}.attention-strip{width:100%;padding:10px 12px;color:#fff;background:#c92735;text-align:center;font-size:.76rem;font-weight:900;letter-spacing:.14em}.gallery-arrow{position:absolute;top:50%;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:#0c202fbf;transform:translateY(-50%);cursor:pointer}.gallery-arrow svg{width:20px}.gallery-previous{left:9px}.gallery-next{right:9px}.gallery-counter{position:absolute;right:10px;bottom:9px;color:#fff;background:#0c202fbf;border-radius:999px;padding:4px 8px;font-size:.62rem;font-weight:800}.status-badge,.role-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;font-size:.66rem;font-weight:700;white-space:nowrap}.status-badge svg,.role-badge svg{width:12px;height:12px}.status-badge.active{color:#14745d;background:#e9f7f2}.status-badge.inactive{color:#9a4650;background:#fceef0}.role-badge{color:#416276;background:#edf3f6}.role-admin{color:#76541d;background:#fff4df}.role-editor{color:#185f84;background:#e8f4fa}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.detail-card{padding:23px}.detail-title{display:flex;align-items:center;gap:10px;padding-bottom:17px;border-bottom:1px solid #e8eef1}.detail-title span{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:var(--blue);background:#eaf4f8}.detail-title svg{width:17px}.detail-title h2{color:var(--navy);font-size:.93rem;margin:0}.detail-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:18px}.detail-row{display:flex;flex-direction:column;gap:4px}.detail-row small{color:#8496a3;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em}.detail-row strong{color:#405667;font-size:.82rem}.detail-map-link{display:inline-flex;align-items:center;align-self:end;gap:6px;width:fit-content;border-radius:999px;padding:7px 10px;color:#12678b;background:#e7f4fa;font-size:.68rem;font-weight:700}.detail-map-link svg{width:14px;height:14px}.metadata-panel{padding:15px 20px;display:flex;flex-wrap:wrap;gap:12px 30px;color:#8293a0}.metadata-panel small{font-size:.67rem}.attendance-panel{overflow:hidden}.attendance-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border-bottom:1px solid #e7edef}.attendance-heading h2{color:var(--navy);margin:0 0 3px;font-size:1.2rem}.attendance-heading>div>p:last-child{color:var(--muted);margin:0;font-size:.72rem}.attendance-form{margin:22px 26px;padding:24px;border:1px solid #cde6e3;border-radius:12px;background:linear-gradient(145deg,#f7fcfb,#fff)}.readonly-field{height:44px;display:flex;align-items:center;gap:9px;border:1px solid #d8e4e8;border-radius:8px;padding:0 12px;color:#496273;background:#f2f6f8;font-size:.82rem;font-weight:600}.readonly-field svg{width:17px;color:var(--teal)}.field-hint{color:#8295a2;font-size:.66rem;line-height:1.4}.attendance-list{padding:4px 26px 22px}.attendance-item{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:15px;padding:20px 0;border-bottom:1px solid #e7edef}.attendance-item:last-child{border-bottom:0}.attendance-item:not(:last-child):before{content:"";position:absolute;top:54px;bottom:-8px;left:19px;width:1px;background:#dbe7e9}.attendance-marker{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:var(--teal);background:#e9f7f5;z-index:1}.attendance-marker svg{width:19px}.attendance-body{min-width:0}.attendance-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.attendance-meta time{display:inline-flex;align-items:center;gap:5px;color:#778b99;font-size:.69rem}.attendance-meta time svg{width:13px}.attendance-body>p{margin:12px 0 10px;color:#405667;font-size:.84rem;line-height:1.65;white-space:pre-wrap}.attendance-body>small{color:#8496a3;font-size:.67rem}.provider-badge{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:.66rem;font-weight:800}.provider-municipal_guard{color:#185f84;background:#e8f4fa}.provider-seas{color:#14745d;background:#e9f7f2}.provider-caps_ad{color:#76541d;background:#fff4df}.attendance-empty{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.attendance-empty>span{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;color:#668395;background:#edf3f6}.attendance-empty svg{width:23px}.attendance-empty h3{margin:15px 0 5px;color:var(--navy);font-size:.95rem}.attendance-empty p{color:var(--muted);margin:0;font-size:.76rem}.account-summary{padding:22px;display:flex;align-items:center;gap:15px}.account-summary h2{color:var(--navy);margin:0 0 3px;font-size:1.05rem}.account-summary p{color:var(--muted);margin:0;font-size:.75rem}.activity-panel{padding:5px 22px}.activity-item{display:flex;align-items:center;gap:14px;padding:17px 3px;border-bottom:1px solid #e7edef}.activity-item:last-child{border-bottom:0}.activity-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;color:var(--blue);background:#eaf4f8}.activity-icon svg{width:17px}.activity-item>div:nth-child(2){flex:1}.activity-item strong{color:#334d60;font-size:.8rem}.activity-item p{margin:3px 0 0;color:#8395a2;font-size:.7rem}.activity-time{text-align:right;display:flex;flex-direction:column}.activity-time time{color:#637b8c;font-size:.7rem}.activity-time small{color:#9aabb6;font-size:.62rem;margin-top:2px}.alert-info{color:#285f7d;background:#edf7fb;border-color:#c5e2ee}.field-attendance-page{max-width:1180px;margin:0 auto}.field-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.context-card{min-width:0;display:flex;flex-direction:column;gap:5px;border:1px solid #dfe9ed;border-radius:10px;padding:14px 15px;background:#f8fbfc}.context-card small{color:#8295a2;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em}.context-card strong{overflow:hidden;color:#365064;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.field-form-grid{margin-top:6px}.location-capture-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:15px;border:1px dashed #b9ccd5;border-radius:12px;padding:18px;background:#f8fbfc}.location-capture-card.has-location{border-style:solid;border-color:#a9ded1;background:#f2fbf8}.location-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;color:#5f7d90;background:#e8f0f4}.location-capture-card.has-location .location-icon{color:var(--green);background:#dff5ec}.location-icon svg{width:22px}.location-capture-card strong{color:var(--navy);font-size:.87rem}.location-capture-card p{margin:4px 0 0;color:var(--muted);font-size:.72rem;line-height:1.5}.location-actions{display:flex;align-items:center;gap:8px}.location-actions .text-button{margin:0}.location-capture-card+.alert{margin:12px 0 0}.attendance-photo-editor{border:1px solid var(--line);border-radius:12px;padding:16px;background:#f8fafb}.attendance-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px}.attendance-photo-preview{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:9px;background:#e8eff2}.attendance-photo-preview img{width:100%;height:100%;object-fit:cover}.attendance-photo-preview button{position:absolute;top:6px;right:6px;width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:#a42b34e6;cursor:pointer}.attendance-photo-preview button svg{width:14px}.attendance-photo-placeholder{grid-column:1 / -1;min-height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:9px;color:#718999;background:#edf3f5;font-size:.74rem}.attendance-photo-placeholder svg{width:31px}.photo-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:12px}.photo-action-row>span{margin-left:auto;color:var(--muted);font-size:.72rem;font-weight:800}.privacy-grid{margin-top:16px}.privacy-note{display:flex;align-items:flex-start;gap:9px;margin-top:14px;color:#607988;background:#edf7f5;border-radius:9px;padding:11px 13px;font-size:.7rem;line-height:1.5}.privacy-note svg{width:17px;flex:0 0 auto;color:var(--green)}.referral-section-heading>button{margin-left:auto}.referral-empty{border:1px dashed #c8d6dc;border-radius:10px;padding:24px;color:var(--muted);background:#fafcfd;text-align:center;font-size:.78rem}.referral-editor-list{display:grid;gap:13px}.referral-editor{border:1px solid #dce7eb;border-radius:11px;padding:17px;background:#fbfcfd}.referral-editor-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.referral-editor-title strong{color:var(--navy);font-size:.8rem}.attendance-context-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.attendance-context-tags span,.attendance-context-tags a{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;color:#526e80;background:#edf3f6;font-size:.65rem;font-weight:700}.attendance-context-tags a{color:#12678b;background:#e7f4fa}.attendance-context-tags svg{width:13px;height:13px}.attendance-history-block{margin:13px 0;border:1px solid #e0e9ed;border-radius:10px;padding:13px;background:#fbfcfd}.attendance-history-block h3{display:flex;align-items:center;gap:7px;margin:0 0 10px;color:#3d5668;font:700 .75rem DM Sans}.attendance-history-block h3 svg{width:16px;color:var(--teal)}.attendance-history-block h3 span{margin-left:auto;color:#718795;background:#eaf1f4;border-radius:999px;padding:3px 7px;font-size:.6rem}.attendance-history-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:8px}.attendance-history-photos a{overflow:hidden;aspect-ratio:4 / 3;border-radius:7px;background:#e8eff2}.attendance-history-photos img{width:100%;height:100%;object-fit:cover}.privacy-history{display:flex;align-items:center;gap:5px;margin-top:9px;color:#6c8290!important}.privacy-history svg{width:13px;color:var(--green)}.referral-history-list{display:grid;gap:8px}.referral-history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e8eef1;padding-top:8px}.referral-history-item:first-child{border-top:0;padding-top:0}.referral-history-item>div{min-width:0;display:flex;flex-direction:column;gap:3px}.referral-history-item strong{color:#3c5567;font-size:.73rem}.referral-history-item small{color:#7f919d;font-size:.64rem}.referral-status{min-width:125px;border:0;border-radius:999px;padding:6px 9px;font-size:.64rem;font-weight:800}select.referral-status{cursor:pointer}.status-requested{color:#76541d;background:#fff4df}.status-accepted{color:#185f84;background:#e8f4fa}.status-refused{color:#9a4650;background:#fceef0}.status-completed{color:#14745d;background:#e9f7f2}.status-no_show{color:#5d6175;background:#eeeef4}.indicators-page{max-width:1450px}.indicator-filters{padding:20px}.indicator-filter-heading{display:flex;align-items:center;gap:11px;margin-bottom:17px}.indicator-filter-heading>svg{width:20px;color:var(--teal)}.indicator-filter-heading>div{display:flex;flex-direction:column}.indicator-filter-heading strong{color:var(--navy);font-size:.85rem}.indicator-filter-heading small{color:var(--muted);margin-top:2px;font-size:.68rem}.indicator-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(135px,1fr)) auto;align-items:end;gap:12px}.indicator-filter-actions{display:flex;gap:7px}.indicator-kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));gap:12px}.indicator-kpi{min-width:0;display:flex;align-items:center;gap:12px;border:1px solid #e0e8ec;border-radius:12px;padding:17px;background:#fff;box-shadow:0 4px 16px #1430460a}.indicator-kpi>span{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:var(--blue);background:#e8f4fa}.indicator-kpi>span svg{width:19px}.indicator-kpi>div{min-width:0;display:flex;flex-direction:column}.indicator-kpi strong{color:var(--navy);font:800 1.35rem Manrope}.indicator-kpi small{overflow:hidden;color:var(--muted);font-size:.63rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.indicator-kpi.tone-teal>span{color:#0f807a;background:#e5f6f4}.indicator-kpi.tone-amber>span{color:#a76519;background:#fff3df}.indicator-kpi.tone-red>span{color:#b43b46;background:#fcebed}.indicator-kpi.tone-green>span{color:#14745d;background:#e5f6ef}.indicator-kpi.tone-purple>span{color:#7655a5;background:#f1ebfa}.indicator-kpi.tone-navy>span{color:var(--navy);background:#e8eef3}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px}.panel-title-row h2{margin:0 0 4px;color:var(--navy);font-size:1.1rem}.panel-title-row p:last-child{margin:0;color:var(--muted);font-size:.7rem}.map-point-count{display:inline-flex;align-items:center;gap:6px;color:#4c6b7e;background:#edf4f6;border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:700;white-space:nowrap}.map-point-count svg{width:15px}.approach-map{height:470px;border-top:1px solid #e4ebee;border-radius:0 0 13px 13px;z-index:1}.approach-map .leaflet-popup-content p{margin:5px 0 0}.map-empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid #e4ebee;color:var(--muted);text-align:center}.map-empty svg{width:39px;color:#8299a7}.map-empty strong{margin-top:12px;color:var(--navy)}.map-empty p{margin:5px 0 0;font-size:.75rem}.indicator-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.distribution-card{padding:21px}.distribution-card h2{margin-bottom:18px;color:var(--navy);font-size:.95rem}.distribution-list{display:grid;gap:12px}.distribution-row>div{display:flex;justify-content:space-between;gap:15px;color:#52697a;font-size:.7rem}.distribution-row strong{color:var(--navy)}.distribution-row i{display:block;overflow:hidden;height:7px;margin-top:5px;border-radius:99px;background:#eaf0f3}.distribution-row b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--blue))}.recurrence-panel{overflow:hidden}.compact-empty{padding:25px;color:var(--muted);text-align:center;font-size:.75rem}.frequency-badge{display:inline-grid;min-width:30px;place-items:center;border-radius:99px;padding:5px 8px;color:#9b5c17;background:#fff1dc;font-weight:800}.button-compact{min-height:32px;padding:5px 10px;font-size:.7rem}@media(max-width:1050px){.quick-grid{grid-template-columns:1fr}.stat-card{padding:18px}.stat-card strong{font-size:1.45rem}.login-hero{padding:45px}.hero-points{display:none}.indicator-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.indicator-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.login-page{grid-template-columns:1fr}.login-hero{display:none}.login-panel{min-height:100vh;padding:28px}.login-brand{display:flex}.app-shell{grid-template-columns:1fr}.app-main{grid-column:1}.sidebar{transform:translate(-100%);transition:transform .22s;box-shadow:12px 0 35px #0003}.sidebar.is-open{transform:translate(0)}.sidebar-close{display:grid!important;margin-left:auto;color:#a9bdca}.menu-button{display:grid!important}.mobile-overlay{position:fixed;inset:0;z-index:19;border:0;background:#071a288c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.topbar{height:62px;padding:0 18px}.content{padding:24px 18px}.profile-copy{display:none}.stat-grid{grid-template-columns:1fr}.stat-card div{flex:1}.welcome-banner{align-items:flex-start;flex-direction:column;gap:25px}.page-header{align-items:flex-start;flex-direction:column}.page-header>.button,.header-actions{align-self:stretch}.page-header>.button{width:100%}.header-actions{width:100%;flex-wrap:wrap}.header-actions .button{flex:1 1 120px;min-width:0}.header-actions .button-attendance{flex-basis:100%}.toolbar{align-items:stretch;flex-direction:column}.result-count{order:-1}.form-layout{grid-template-columns:1fr}.photo-panel{position:static}.photo-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.details-grid{grid-template-columns:1fr}.attendance-heading{align-items:flex-start;flex-direction:column}.attendance-heading .button{width:100%}.field-context-grid{grid-template-columns:1fr}.location-capture-card{grid-template-columns:46px minmax(0,1fr)}.location-actions{grid-column:1 / -1}.location-actions .button{flex:1}.indicator-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.indicator-filter-actions{grid-column:1 / -1}.indicator-filter-actions .button{flex:1}.indicator-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-title-row{align-items:flex-start;flex-direction:column}.indicator-chart-grid{grid-template-columns:1fr}.approach-map{height:390px}}@media(max-width:520px){.login-panel{padding:24px 20px}.login-heading h2{font-size:1.8rem}.form-grid{grid-template-columns:1fr}.network-options{grid-template-columns:repeat(2,minmax(0,1fr))}.form-field-wide{grid-column:auto}.search-box{flex-wrap:wrap}.search-box input{border-radius:8px}.search-box .button{width:100%;border-radius:8px;margin:8px 0 0}.pagination{justify-content:space-between}.pagination span{display:none}.profile-overview{text-align:center;flex-direction:column}.person-gallery{width:min(100%,360px);flex-basis:auto}.people-catalog{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.detail-content{grid-template-columns:1fr}.activity-time{display:none}.form-actions .button{flex:1}.attendance-form{margin:15px;padding:18px}.attendance-list{padding:4px 18px 18px}.camera-modal{padding:0;align-items:end}.camera-dialog{width:100%;max-height:92vh;border-radius:18px 18px 0 0;padding:18px}.camera-controls{flex-direction:column-reverse}.camera-controls .button{width:100%}.referral-section-heading{align-items:flex-start;flex-wrap:wrap}.referral-section-heading>button{width:100%;margin-left:0}.photo-action-row .button{width:100%}.photo-action-row>span{width:100%;margin:0;text-align:center}.referral-history-item{align-items:flex-start;flex-direction:column}.referral-status{width:100%}.indicator-filter-grid{grid-template-columns:1fr}.indicator-filter-actions{grid-column:auto;flex-direction:column-reverse}.indicator-kpi-grid{grid-template-columns:1fr}.indicator-kpi small{white-space:normal}.approach-map{height:330px}}