@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary:#334f2b;--primary-2:#45643b;--primary-soft:#e9f0e5;--sage:#dce7d6;--paper:#f7f5ef;--surface:#fffdfa;--card:#fff;--ink:#182018;--muted:#697068;--line:#e5e8df;--orange:#f2994a;--orange-soft:#fff3e5;--red:#ba3a34;--red-soft:#fff0ed;--shadow:0 16px 40px -30px rgba(34,55,31,.42),0 4px 16px -12px rgba(34,55,31,.18);--radius:16px;--font:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--font);min-width:320px}body{margin:0;min-height:100vh;background:radial-gradient(700px 420px at 100% -10%,rgba(198,216,189,.28),transparent 70%),var(--paper);overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{stroke-width:1.9}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(24px,3vw,32px);line-height:1.15;letter-spacing:-.035em;margin-bottom:6px}h2{font-size:18px;line-height:1.3;letter-spacing:-.02em;margin-bottom:6px}h3{font-size:14px;margin-bottom:4px}.muted{color:var(--muted);font-size:13px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#fffdfaf5;border-right:1px solid var(--line);padding:24px 18px;z-index:40;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:42px;height:42px;border-radius:12px}.brand div{display:flex;flex-direction:column;min-width:0}.brand strong{font-size:19px;line-height:1.1;color:var(--primary)}.brand span{font-size:10px;color:var(--muted);letter-spacing:.04em;margin-top:3px}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:34px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:46px;border-radius:12px;color:#555e55;font-weight:600;font-size:13px}.sidebar nav a:hover{background:#f1f4ee}.sidebar nav a.active{background:var(--primary-soft);color:var(--primary);font-weight:800}.sidebar-user{margin-top:auto;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px}.sidebar-user div{display:flex;flex-direction:column;min-width:0}.sidebar-user strong,.sidebar-user span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user strong{font-size:12px}.sidebar-user span{font-size:10px;color:var(--muted)}.sidebar-user button,.icon-button{width:40px;height:40px;border:0;border-radius:12px;background:#f4f5f1;display:grid;place-items:center;color:var(--muted);cursor:pointer}.main-content{margin-left:260px;min-height:100vh;padding:30px 34px 50px}.page{width:min(1160px,100%);margin:0 auto}.bottom-nav{display:none}.offline-bar{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:100;background:#252b25;color:#fff;border-radius:999px;padding:9px 15px;display:flex;align-items:center;gap:8px;font-size:11px;box-shadow:var(--shadow)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-header p{font-size:13px;color:var(--muted);margin:0}.page-header>.btn{flex-shrink:0}.page-header>div:first-child{min-width:0}.date-control{height:44px;background:var(--card);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--primary);box-shadow:0 2px 8px #28372308}.date-control svg{width:17px}.date-control input{border:0;background:transparent;color:var(--ink);font-size:12px;outline:0;min-width:122px}.card{background:var(--card);border:1px solid rgba(220,225,215,.9);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.btn{min-height:46px;border:1px solid transparent;border-radius:12px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13px;cursor:pointer;transition:transform .16s,background .16s,opacity .16s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{width:18px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 12px 24px -18px #285023cc}.btn-primary:hover{background:#263f21}.btn-secondary{background:#f9fbf7;border-color:#bdcbb6;color:var(--primary)}.btn-ghost{background:transparent;color:var(--primary)}.btn-danger{background:var(--red);color:#fff}.btn.compact{min-height:42px;padding:0 14px}.danger-text{color:var(--red)}.section-label,.eyebrow{display:block;font-size:10px;line-height:1.3;font-weight:800;letter-spacing:.12em;color:var(--primary);margin-bottom:6px}.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-title-row.outside{margin:28px 0 12px}.section-title-row>a{font-size:12px;color:var(--primary);font-weight:700}.section-title-row>a.btn-primary{color:#fff}.progress-track{height:8px;border-radius:999px;background:#edf0e9;overflow:hidden;width:100%}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#5d8052);transition:width .3s ease}.progress-badge{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:700}.avatar{border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;background:linear-gradient(145deg,#dfe9d9,#f7f3e7);color:var(--primary);border:1px solid #d7e1d0;font-weight:800}.avatar-sm{width:32px;height:32px;font-size:10px}.avatar-md{width:42px;height:42px;font-size:12px}.avatar-lg{width:72px;height:72px;font-size:21px}.status-badge{display:inline-flex;align-items:center;gap:5px;min-height:26px;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:700}.status-badge.neutral{background:#f0f2ee;color:#606660}.status-badge.progress{background:var(--orange-soft);color:#a75b13}.status-badge.success{background:#e8f3e4;color:#2f6b29}.status-badge.carry{background:#eef0ed;color:#596058}.status-badge.danger{background:var(--red-soft);color:var(--red)}.status-dot{width:7px;height:7px;border-radius:50%;border:1.5px solid currentColor}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-card{min-height:132px;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.metric-card strong{font-size:27px;letter-spacing:-.04em}.metric-card>span{font-size:12px;font-weight:700;margin-top:3px}.metric-card small{font-size:10px;color:var(--muted);margin-top:3px}.metric-icon{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.metric-icon svg{width:19px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.attention-list{display:flex;flex-direction:column;margin-top:12px}.attention-list a{min-height:62px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border-top:1px solid var(--line)}.attention-list a:first-child{border-top:0}.attention-list a div{display:flex;flex-direction:column}.attention-list a strong{font-size:12px}.attention-list a span{font-size:10px;color:var(--red)}.team-table{margin-top:12px}.team-row{display:grid;grid-template-columns:1.25fr 1fr 110px;gap:16px;align-items:center;min-height:66px;border-top:1px solid var(--line);padding:8px 4px}.team-row.team-head{min-height:32px;border:0;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.person-cell{display:flex;align-items:center;gap:10px;min-width:0}.person-cell>div{display:flex;flex-direction:column;min-width:0}.person-cell strong{font-size:12px}.person-cell span{font-size:10px;color:var(--muted)}.progress-cell{display:flex;align-items:center;gap:10px}.progress-cell strong{font-size:11px;min-width:34px}.presence{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px 9px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.presence.present{background:#e9f4e5;color:#2e6a29}.presence.missing{background:var(--red-soft);color:var(--red)}.attendance-hero{background:linear-gradient(135deg,#f0f5eb,#fbfcf8);display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.attendance-hero h2{font-size:22px}.attendance-hero p{margin:6px 0 0;color:var(--muted);font-size:12px}.attendance-time{display:flex;align-items:center;gap:10px;margin-top:9px}.attendance-time>svg{width:38px;height:38px;color:#3f7b37}.attendance-time div{display:flex;flex-direction:column}.attendance-time span{font-size:10px;color:var(--primary)}.attendance-time strong{font-size:24px}.mini-stats{display:flex;gap:16px;margin-top:13px;flex-wrap:wrap}.mini-stats span{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.mini-stats svg{width:14px;color:var(--primary)}.task-list{display:flex;flex-direction:column;gap:10px}.task-list.grid-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.task-card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:var(--shadow);display:block;transition:transform .16s,border-color .16s}.task-card:hover{transform:translateY(-2px);border-color:#bdcbb6}.task-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center}.task-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800}.task-copy{min-width:0}.task-copy h3,.task-copy p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-copy h3{font-size:13px}.task-copy p{font-size:10px;color:var(--muted);margin:0}.task-title-line{display:flex;align-items:center;gap:6px;min-width:0}.task-title-line .important{color:var(--orange);flex-shrink:0}.task-result{display:flex;align-items:center;justify-content:space-between;margin:14px 0 6px;font-size:10px;color:var(--muted)}.task-result strong{color:var(--primary)}.task-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.task-footer>span:last-child{font-size:9px;color:var(--muted)}.completion-hint{margin-top:10px;padding:8px 10px;border-radius:9px;background:var(--orange-soft);font-size:10px;color:#8c540f}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filter-input{min-height:44px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:0 10px;display:flex;align-items:center;gap:7px;color:var(--muted)}.filter-input svg{width:16px}.filter-input input,.filter-input select{border:0;outline:0;background:transparent;min-height:40px;font-size:11px;color:var(--ink);min-width:120px}.filter-input.search{flex:1;min-width:180px}.filter-input.search input{width:100%}.editor-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;align-items:start}.editor-side{display:flex;flex-direction:column;gap:16px}.stack-form{display:flex;flex-direction:column;gap:15px}.stack-form label,.stack-form fieldset{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#3e463d}.stack-form small{font-weight:500;color:var(--muted)}input,textarea,select{border:1px solid #dfe4db;border-radius:11px;background:#fff;color:var(--ink);padding:11px 12px;outline:none;font-size:13px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:#78916d;box-shadow:0 0 0 3px #334f2b1a}input:disabled,textarea:disabled,select:disabled{background:#f4f5f2;color:#7e847c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#f4f5f1;border-radius:11px;padding:3px}.segmented button{min-height:39px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.segmented button.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #28322314;font-weight:800}.segmented button.active.important{color:#a75b13}.staff-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.staff-picker label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:9px}.staff-picker label span{display:flex;flex-direction:column}.staff-picker input{width:17px;height:17px}.staff-picker small{font-size:9px}.locked-note,.privacy-note{font-size:10px;color:var(--muted);background:#f4f6f1;padding:10px;border-radius:9px}.action-row,.modal-actions{display:flex;gap:8px;justify-content:flex-end}.action-row .btn{flex:1}.task-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:center;margin-bottom:16px}.task-summary>.progress-track{grid-column:1/-1}.task-summary-ring{width:76px;height:76px;border-radius:50%;border:7px solid var(--primary-soft);border-right-color:var(--primary);display:flex;align-items:center;justify-content:center;flex-direction:column}.task-summary-ring strong{font-size:17px}.task-summary-ring span{font-size:8px;color:var(--muted)}.task-summary h2{margin-top:8px}.task-summary p{font-size:10px;color:var(--muted);margin:0}.summary-numbers{display:flex;gap:18px}.summary-numbers span{display:flex;flex-direction:column;font-size:9px;color:var(--muted)}.summary-numbers strong{font-size:12px;color:var(--ink);margin-top:4px}.evidence-list{display:flex;gap:8px;flex-direction:column;margin:14px 0}.evidence-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:10px}.evidence-item>span{width:34px;height:34px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.evidence-item svg{width:16px}.evidence-item>div{display:flex;flex-direction:column;min-width:0}.evidence-item strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.evidence-item small{font-size:8px;color:var(--muted)}.evidence-item a{font-size:9px;font-weight:700;color:var(--primary)}.evidence-item button{border:0;background:transparent;color:var(--red);cursor:pointer}.evidence-form{display:flex;flex-direction:column;gap:10px}.file-drop{position:relative;border:1px dashed #aebba8!important;border-radius:11px;padding:18px!important;align-items:center!important;justify-content:center!important;background:#fafcf9;cursor:pointer}.file-drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-drop svg{color:var(--primary)}.attendance-detail{max-width:700px}.attendance-timeline{display:flex;flex-direction:column;margin:16px 0}.attendance-timeline>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-height:80px;position:relative}.attendance-timeline>div:first-child:after{content:"";position:absolute;left:20px;top:60px;height:39px;border-left:1px dashed #aab8a5}.attendance-timeline>div>span{width:42px;height:42px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.attendance-timeline>div>div{display:flex;flex-direction:column}.attendance-timeline small{font-size:9px;color:var(--muted)}.attendance-timeline strong{font-size:20px}.attendance-timeline p{font-size:9px;color:var(--muted);margin:2px 0}.attendance-timeline a{font-size:10px;color:var(--primary);font-weight:700}.flag-box{display:flex;gap:10px;background:var(--orange-soft);color:#8d570e;border-radius:11px;padding:12px;margin-top:14px}.flag-box>svg{flex-shrink:0}.flag-box strong{font-size:11px}.flag-box p{font-size:9px;margin:4px 0}.attendance-table{min-width:0}.attendance-row{display:grid;grid-template-columns:minmax(180px,1fr) 100px 100px 100px;gap:12px;align-items:center;min-height:64px;border-top:1px solid var(--line)}.attendance-head{min-height:32px;border:0;font-size:9px;text-transform:uppercase;color:var(--muted)}.attendance-row>strong{font-size:11px}.flag-count,.ok-count{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:700}.flag-count{color:#a75b13}.ok-count{color:#377232}.flag-count svg,.ok-count svg{width:14px}.activity-list{margin-top:10px}.activity-list>div{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:64px;border-top:1px solid var(--line);position:relative}.activity-list>div:first-child{border-top:0}.activity-list.compact-list>div{grid-template-columns:auto minmax(0,1fr) auto;min-height:56px}.timeline-dot{width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.activity-list>div>div{min-width:0}.activity-list strong{font-size:11px}.activity-list p,.activity-list small{font-size:9px;color:var(--muted);margin:2px 0}.activity-list time{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:4px;white-space:nowrap}.activity-list time svg{width:13px}.team-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}.team-directory{padding:10px;position:sticky;top:20px}.team-directory>.filter-input{margin-bottom:8px}.team-directory>div{display:flex;flex-direction:column}.team-directory button{border:0;background:transparent;border-radius:11px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;padding:9px;text-align:left;cursor:pointer}.team-directory button.active{background:var(--primary-soft)}.team-directory button span{display:flex;flex-direction:column;min-width:0}.team-directory button strong{font-size:11px}.team-directory button small{font-size:9px;color:var(--muted)}.staff-detail{display:flex;flex-direction:column;gap:12px}.staff-identity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.staff-identity h2{font-size:22px}.staff-identity p{font-size:10px;color:var(--muted);margin:0}.staff-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.staff-stats .card{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px}.staff-stats svg{grid-row:1/3;color:var(--primary);width:20px}.staff-stats strong{font-size:18px}.staff-stats span{font-size:9px;color:var(--muted)}.settings-tabs{display:flex;gap:7px;margin-bottom:12px}.settings-tabs button{min-height:43px;border:1px solid var(--line);border-radius:11px;background:var(--card);display:flex;align-items:center;gap:7px;padding:0 13px;font-size:10px;font-weight:700;cursor:pointer}.settings-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.settings-tabs svg{width:16px}.settings-list{margin-top:14px}.settings-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(110px,180px) auto auto;gap:9px;align-items:center;min-height:64px;border-top:1px solid var(--line)}.settings-list>div:first-child{border:0}.settings-copy{display:flex;flex-direction:column;min-width:0}.settings-copy strong{font-size:11px}.settings-copy span{font-size:9px;color:var(--muted)}.settings-list select{font-size:10px;min-height:38px}.power-button{width:38px;height:38px;border:0;border-radius:10px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;cursor:pointer}.power-button.on{background:var(--primary-soft);color:var(--primary)}.power-button svg{width:16px}.settings-icon{width:42px;height:42px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.category-swatch{width:15px;height:42px;border-radius:999px;margin-left:12px}.profile-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}.profile-card{text-align:center}.profile-avatar{width:90px;height:90px;margin:0 auto 14px;position:relative}.profile-avatar>.avatar,.profile-avatar>img{width:90px;height:90px;border-radius:50%;object-fit:cover}.profile-avatar label{position:absolute;right:-4px;bottom:0;width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;cursor:pointer}.profile-avatar label svg{width:15px}.profile-avatar input{display:none}.profile-card h2{font-size:20px}.profile-card>p{font-size:10px;color:var(--muted)}.role-chip{display:inline-flex;align-items:center;gap:5px;background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800}.role-chip svg{width:14px}.profile-meta{display:grid;grid-template-columns:1fr 1fr;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0}.profile-meta span{display:flex;flex-direction:column;font-size:9px;color:var(--muted)}.profile-meta strong{font-size:11px;color:var(--ink);margin-top:3px}.success-message{background:#eaf4e6;color:#31702b;padding:10px;border-radius:9px;font-size:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#151d147a;display:grid;place-items:center;padding:16px;z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:min(520px,100%);max-height:min(90vh,760px);overflow:auto;background:var(--surface);border-radius:20px;padding:20px;box-shadow:0 30px 80px #10190e4d}.modal-wide{width:min(720px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.modal-head h2{margin:0}.camera-panel{display:flex;flex-direction:column;gap:12px}.camera-preview{width:100%;height:min(52vh,430px);object-fit:cover;border-radius:15px;background:#1f251f;transform:scaleX(-1)}.gps-state{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;background:var(--orange-soft);color:#925c14;font-size:10px}.gps-state.ok{background:var(--primary-soft);color:var(--primary)}.gps-state svg{width:17px;flex-shrink:0}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.auth-story{padding:8vw;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:linear-gradient(145deg,#253d21,#43613a);color:#fff}.auth-story h1{font-size:clamp(38px,5vw,70px);max-width:760px}.auth-story p{max-width:560px;color:#ffffffb8;line-height:1.7}.auth-story .eyebrow{color:#cde0c4}.auth-orbit{position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-80px;top:-80px}.auth-orbit:before,.auth-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1);top:70px;right:70px;bottom:70px;left:70px}.auth-orbit:after{top:140px;right:140px;bottom:140px;left:140px}.auth-orbit>svg{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:90px;height:90px;transform:translate(-50%,-50%);color:#dcebd5}.auth-orbit span{position:absolute;background:#ffffff1f;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 14px;font-size:10px}.auth-orbit span:nth-of-type(1){left:8%;top:45%}.auth-orbit span:nth-of-type(2){right:13%;top:27%}.auth-orbit span:nth-of-type(3){right:18%;bottom:18%}.auth-form-wrap{display:grid;place-items:center;padding:30px;background:var(--surface)}.auth-form{width:min(390px,100%);display:flex;flex-direction:column;gap:18px}.auth-brand{margin-bottom:22px}.auth-form h2{font-size:30px}.auth-form>div>p{font-size:12px;color:var(--muted)}.auth-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700}.input-with-icon{height:52px;border:1px solid #dfe4db;border-radius:12px;display:flex;align-items:center;padding:0 12px}.input-with-icon:focus-within{border-color:#78916d;box-shadow:0 0 0 3px #334f2b1a}.input-with-icon>svg{width:18px;color:var(--muted)}.input-with-icon input{border:0;box-shadow:none!important;flex:1;height:48px}.input-with-icon button{border:0;background:transparent;color:var(--muted);display:grid;place-items:center}.input-with-icon button svg{width:17px}.check-label{flex-direction:row!important;align-items:center}.check-label input{width:17px;height:17px}.auth-form>.btn{min-height:54px}.auth-help{font-size:10px!important;text-align:center;color:var(--muted)}.form-error{padding:10px 12px;border-radius:10px;background:var(--red-soft);color:var(--red);font-size:10px}.page-error{margin-bottom:12px}.center-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 30% 10%,#edf3e9,transparent 45%),var(--paper)}.password-card{width:min(520px,100%);padding:30px}.password-card>p{color:var(--muted);font-size:12px;line-height:1.6}.large-icon{width:54px;height:54px;background:var(--primary-soft);color:var(--primary);border-radius:15px;display:grid;place-items:center;margin-bottom:16px}.security-note{display:flex;align-items:center;gap:8px;margin-top:16px;padding:10px;border-radius:10px;background:#f4f6f2;color:var(--muted);font-size:9px}.security-note svg{width:15px;color:var(--primary)}.empty-state{text-align:center;padding:30px 14px;display:flex;align-items:center;flex-direction:column}.empty-icon{width:46px;height:46px;border-radius:15px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;margin-bottom:10px}.empty-state h3{font-size:13px}.empty-state p{font-size:10px;color:var(--muted);max-width:330px;line-height:1.5}.empty-state .btn{margin-top:6px}.error-state{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #f0cbc5;background:var(--red-soft);border-radius:12px;color:var(--red);margin:12px 0}.error-state>svg{flex-shrink:0}.error-state div{flex:1}.error-state strong{font-size:11px}.error-state p{font-size:9px;margin:3px 0}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--primary)}.loading-screen p{font-size:11px}.brand-mark{width:58px;height:58px;border-radius:17px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:800}.skeleton-stack{display:flex;flex-direction:column;gap:12px}.skeleton-stack div{height:130px;border-radius:16px;background:linear-gradient(90deg,#ecefe9 20%,#f8faf7,#ecefe9 80%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:900px){.sidebar{display:none}.main-content{margin:0;padding:20px 18px calc(100px + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));height:70px;padding:6px;background:#fffdfaf5;border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 55px -30px #1e321b80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50}.bottom-nav.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:14px;color:#777d75;font-size:8px;font-weight:700;min-width:0}.bottom-nav a svg{width:19px;height:19px}.bottom-nav a.active{background:var(--primary);color:#fff}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.editor-grid{grid-template-columns:1fr}.team-layout{grid-template-columns:220px minmax(0,1fr)}.auth-page{grid-template-columns:1fr}.auth-story{display:none}.profile-grid{grid-template-columns:260px minmax(0,1fr)}}@media(max-width:640px){body{background:var(--paper)}.main-content{padding:18px 14px calc(98px + env(safe-area-inset-bottom))}.page-header{align-items:flex-start;margin-bottom:18px}.page-header h1{font-size:24px}.page-header p{font-size:11px}.page-header{flex-wrap:wrap}.page-header>.date-control{margin-left:auto}.page-header>.btn{min-height:42px;padding:0 12px}.card{padding:16px}.metrics-grid{gap:9px}.metric-card{min-height:112px}.metric-card strong{font-size:23px}.task-list.grid-list{grid-template-columns:1fr}.attendance-hero{align-items:flex-start;flex-direction:column}.attendance-hero>.btn{width:100%;min-height:54px}.mini-stats{gap:10px}.team-row{grid-template-columns:minmax(0,1fr) 100px}.team-row>*:nth-child(3),.team-head>*:nth-child(3){display:none}.progress-cell{gap:5px}.task-summary{grid-template-columns:auto minmax(0,1fr)}.summary-numbers{grid-column:1/-1}.form-row,.staff-picker{grid-template-columns:1fr}.editor-grid{display:block}.editor-side{margin-top:12px}.task-summary-ring{width:62px;height:62px}.filter-bar{display:grid;grid-template-columns:1fr 1fr}.filter-input.search{grid-column:1/-1}.filter-input input,.filter-input select{min-width:0;width:100%;font-size:16px}.filter-input{min-width:0}.attendance-row{grid-template-columns:minmax(140px,1fr) 70px 70px}.attendance-row>*:nth-child(4){display:none}.team-layout{display:block}.team-directory{position:static;margin-bottom:12px}.team-directory>div{display:grid;grid-template-columns:1fr 1fr}.staff-stats{gap:7px}.profile-grid{grid-template-columns:1fr}.profile-card{order:2}.settings-tabs{overflow:auto}.settings-tabs button{white-space:nowrap}.settings-list>div{grid-template-columns:auto minmax(0,1fr) auto auto}.settings-list select{grid-column:2/5;width:100%;margin-bottom:7px}.settings-list .btn{padding:0 9px;min-height:38px}.auth-form-wrap{padding:24px 18px}.password-card{padding:20px}.camera-preview{height:48vh}.modal{padding:16px}.settings-list>div{padding:8px 0}.category-swatch{margin-left:8px}.activity-list>div{grid-template-columns:auto minmax(0,1fr) auto}.activity-list>div>.avatar{display:none}.activity-list time{font-size:8px}.section-title-row.outside h2{font-size:15px}}@media(max-width:390px){.bottom-nav{left:7px;right:7px}.bottom-nav a{font-size:7px}.main-content{padding-inline:11px}.metrics-grid{grid-template-columns:1fr 1fr}.metric-card{padding:13px}.metric-icon{width:32px;height:32px;right:12px;top:12px}.team-directory>div{grid-template-columns:1fr}.settings-tabs{margin-inline:-2px}.section-title-row.outside{align-items:center}.section-title-row.outside .btn{font-size:0;width:44px;padding:0}.section-title-row.outside .btn svg{margin:0}.date-control{max-width:165px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}