:root{color:#16211f;background:#f5f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--app-green: #0f766e;--app-green-dark: #115e59;--app-blue: #4a90df;--app-blue-dark: #2f76d2;--app-ink: #16211f;--app-muted: #64736f;--app-line: #dbe4df;--app-surface: #ffffff;--app-soft: #eef6f2;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{border:0}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;background:#f4f5f6}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:calc(64px + var(--safe-top));padding:calc(8px + var(--safe-top)) 8px 8px;border-bottom:1px solid #d8dde2;background:#fff}.brand-lockup{display:flex;align-items:center;min-width:0;flex:1;gap:8px}.brand-lockup img{width:36px;height:36px;border-radius:0;object-fit:contain;background:#fff}.brand-lockup strong,.page-title{display:block;overflow:hidden;color:var(--app-ink);font-size:1.05rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.brand-lockup span,.page-kicker{display:block;color:var(--app-muted);font-size:.78rem;line-height:1.2}.main-content{width:min(720px,100%);margin:0 auto;padding:0 0 calc(84px + var(--safe-bottom))}.form-content{padding-bottom:calc(76px + var(--safe-bottom))}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);width:min(720px,100%);margin:0 auto;padding:0 0 var(--safe-bottom);border-top:1px solid #d8dde2;background:#fff}.bottom-nav a{display:flex;min-height:72px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:0;color:var(--app-muted)}.bottom-nav a.active{background:var(--app-blue);color:#fff}.bottom-nav span{display:block;max-width:68px;font-size:.73rem;line-height:1.05;text-align:center}.section-stack{display:grid;gap:14px}.card{border:1px solid var(--app-line);border-radius:8px;background:var(--app-surface);box-shadow:0 12px 28px #115e590f}.card-pad{padding:16px}.hero-panel{display:grid;gap:16px;padding:18px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#0f766ef5,#134e4af0),var(--app-green);box-shadow:0 20px 38px #0f766e2e}.hero-panel h1,.page-heading h1{margin:0;font-size:1.45rem;line-height:1.1;letter-spacing:0}.hero-panel p,.page-heading p,.muted{margin:0;color:var(--app-muted)}.hero-panel p{color:#ffffffc7}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{display:grid;gap:4px;padding:12px;border-radius:8px;background:#ffffff1f}.metric strong{font-size:1.15rem}.metric span{color:#ffffffb8;font-size:.78rem}.page-heading{display:grid;gap:4px;margin-bottom:16px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.list{display:grid;gap:10px}.list-item{display:grid;gap:8px;padding:14px}.list-item-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.list-item h2,.list-item h3,.card h2{margin:0;color:var(--app-ink);font-size:.98rem;line-height:1.2}.list-item p,.card p{margin:0;color:var(--app-muted);font-size:.9rem;line-height:1.45}.badge{display:inline-flex;width:fit-content;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;color:#0f513f;background:#dff4ea;font-size:.76rem;font-weight:700;white-space:nowrap}.badge.warn{color:#7a4b00;background:#fff1cb}.badge.danger{color:#7f1d1d;background:#fee2e2}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:8px;color:#fff;background:var(--app-green);font-weight:750;cursor:pointer}.button.secondary{color:var(--app-green-dark);background:var(--app-soft)}.icon-button{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:8px;color:var(--app-green-dark);background:var(--app-soft)}.top-actions{display:flex;align-items:center;gap:2px}.top-icon-button{display:inline-flex;width:40px;height:40px;flex:0 0 40px;align-items:center;justify-content:center;color:#1f2933;background:transparent;cursor:pointer}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:none;background:#0000006b}.drawer-scrim.visible{display:block}.side-menu{position:fixed;top:0;bottom:0;left:0;z-index:40;display:grid;grid-template-rows:auto 1fr auto;width:min(304px,84vw);background:#fff;box-shadow:0 18px 42px #0f172a33;transform:translate(-104%);transition:transform .18s ease}.side-menu.open{transform:translate(0)}.side-menu-brand{display:flex;align-items:center;gap:12px;padding:calc(14px + var(--safe-top)) 18px 16px;border-bottom:1px solid #e5e7eb}.side-menu-brand img{width:36px;height:36px;object-fit:contain}.side-menu nav{display:grid;align-content:start;padding:8px 0}.side-menu a{display:flex;align-items:center;gap:18px;min-height:48px;padding:0 20px;color:#17212b;font-size:.95rem}.side-menu a svg{color:#68727d}.side-menu-account{display:grid;gap:4px;padding:16px 20px calc(18px + var(--safe-bottom));border-top:1px solid #e5e7eb;color:#68727d}.side-menu-account strong{color:#5f6b77;font-size:.9rem;font-weight:500}.field{display:grid;gap:6px}.field label,.field span,.field legend{color:var(--app-muted);font-size:.82rem;font-weight:500}.field input,.field select,.field textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid #c8d0d8;border-radius:4px;color:var(--app-ink);background:#fff}.field textarea{min-height:92px;resize:vertical}.login-page{display:grid;min-height:100vh;align-items:center;padding:28px 18px;background:linear-gradient(180deg,#0f766e1f,#f5f7f400),#f5f7f4}.login-card{display:grid;width:min(420px,100%);gap:18px;margin:0 auto;padding:24px}.login-brand{display:grid;gap:10px;justify-items:start}.login-brand img{width:84px;height:84px;border-radius:12px;object-fit:contain;border:1px solid var(--app-line);background:#fff}@media(min-width:640px){.bottom-nav span{display:inline;font-size:.78rem;font-weight:700}.bottom-nav a{gap:8px}}.appsheet-screen{position:relative;min-height:calc(100vh - 140px);background:#fff}.section-title,.table-title{margin:0;padding:12px 14px 10px;color:#1f2933;font-size:1.25rem;font-weight:500;letter-spacing:0}.appsheet-group{border-top:1px solid #e2e6ea;border-bottom:1px solid #e2e6ea;background:#fff}.appsheet-group h2{margin:0;padding:12px 14px;border-bottom:1px solid #e8ebee;background:#f5f6f7;font-size:1rem;font-weight:650}.appsheet-group button,.grouped-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;width:100%;min-height:38px;padding:0 10px;border-bottom:1px solid #e8ebee;background:#fff;color:#1f2933;text-align:left}.appsheet-group small,.grouped-row small,.employee-group-heading small,.date-group small{padding:2px 6px;border-radius:5px;color:#6b7280;background:#e6eaee;font-size:.78rem}.chart-panel{margin-top:8px;padding:14px;border-top:1px solid #e2e6ea;border-bottom:1px solid #e2e6ea;background:#fff}.chart-panel h2{margin:0 0 12px;font-size:1.2rem;font-weight:500}.chart-legend{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#4b5563;font-size:.8rem}.chart-legend span{width:24px;height:14px;border-radius:3px;background:#2c7fb8}.bar-chart{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;height:190px;padding:18px 40px 0;border-bottom:1px solid #d8dde2;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#dce3ea 36px)}.bar-chart i{width:34px;justify-self:center;background:#2c7fb8}.appsheet-list{gap:0;border-top:1px solid #e2e6ea;background:#fff}.appsheet-list .list-item{border-bottom:1px solid #e2e6ea;border-radius:0;box-shadow:none}.table-back-title{min-height:39px;padding:8px 14px;border-bottom:1px solid #e2e6ea;background:#fff;color:#1f2933;font-size:1rem;font-weight:600}.table-back-title:before{content:"<";margin-right:12px;color:#7b8794}.data-table{overflow-x:auto;background:#fff}.data-table-head,.data-table-row{display:grid;grid-template-columns:118px 112px 132px;min-width:430px}.data-table-head strong{padding:12px;border-right:1px solid #e2e6ea;border-bottom:1px solid #d8dde2;font-size:.82rem}.date-group,.employee-group-heading{display:flex;align-items:center;gap:10px;min-height:39px;padding:8px 14px;border-bottom:1px solid #e2e6ea;background:#f5f6f7}.data-table-row{position:relative;border-bottom:1px solid #e2e6ea}.data-table-row span{padding:11px 12px;font-size:.86rem}.data-table-row .badge,.data-table-row small{display:none}.vacation-row{min-height:92px}.row-actions{display:flex;justify-content:flex-end;gap:16px}.row-actions button{color:#5f6b77;background:transparent}.fab{position:fixed;right:max(18px,calc((100vw - 720px)/2 + 18px));bottom:calc(92px + var(--safe-bottom));z-index:25;display:flex;width:58px;height:58px;align-items:center;justify-content:center;border-radius:14px;color:#fff;background:var(--app-blue);box-shadow:0 8px 20px #2f76d25c}.detail-record{display:grid;gap:18px;padding:18px 22px;background:#fff}.detail-record div{position:relative;display:grid;gap:6px}.detail-record span{color:#6b7280;font-size:.82rem}.detail-record strong{color:#1f2933;font-size:1rem;font-weight:500}.detail-record svg{position:absolute;right:0;bottom:0;color:#68727d}.calendar-tabs{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:18px;padding:14px 18px 0;background:#fff}.calendar-tabs button{min-height:34px;color:#4b5563;background:transparent}.calendar-tabs .active{border-bottom:2px solid var(--app-blue-dark);color:#111827;font-weight:700}.calendar-tabs button:last-child{margin-left:58px;color:var(--app-blue-dark)}.calendar-range{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:14px 18px 10px;text-align:center}.week-grid{overflow-x:auto;background:#fff}.week-grid>div:first-child,.week-day{display:inline-grid;width:calc((100% - 44px) / 7);min-width:44px;min-height:46px;align-content:center;text-align:center}.week-grid>div:first-child{width:44px}.week-day strong{font-size:1.15rem;font-weight:500}.week-day span{font-size:.74rem}.week-row{display:grid;grid-template-columns:44px repeat(7,minmax(44px,1fr));min-height:40px}.week-row span,.week-row div{border-top:1px solid #dfe5eb;border-right:1px solid #e8edf2;color:#4b5563;font-size:.72rem}.mobile-form{min-height:calc(100vh - 64px);background:#fff}.form-back{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;color:#1f2933;background:#fff}.form-fields{display:grid;gap:22px;padding:10px 18px 96px}.form-action-bar{position:fixed;right:0;bottom:0;left:0;z-index:32;display:grid;grid-template-columns:1fr 1fr;width:min(720px,100%);min-height:calc(64px + var(--safe-bottom));margin:0 auto;padding-bottom:var(--safe-bottom);border-top:1px solid #d8dde2;background:#fff}.form-action-bar button{color:#1f2933;background:#fff;font-weight:600}.form-action-bar button:last-child{color:#1976d2}.stepper{display:grid;grid-template-columns:1fr 42px 42px;border:1px solid #c8d0d8;border-radius:4px;background:#fff}.stepper input{border:0}.stepper button{color:#5f6b77;background:transparent}.stepper.disabled{background:#f9fafb;opacity:.72}.photo-field{display:flex;min-height:66px;align-items:center;justify-content:center;border:1px solid #c8d0d8;border-radius:4px;color:#5f6b77;background:#fff}.segmented-field{margin:0;padding:0;border:0}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.segmented-control button{min-height:48px;border:1px solid #c8d0d8;color:#39424e;background:#f8fafc}.segmented-control button.active{border-color:var(--app-blue);color:#fff;background:var(--app-blue)}.mini-table{display:grid;grid-template-columns:1fr 112px;margin-top:12px;overflow-x:auto;border-top:1px solid #e2e6ea;border-left:1px solid #e2e6ea}.mini-table>*{padding:10px;border-right:1px solid #e2e6ea;border-bottom:1px solid #e2e6ea;font-size:.84rem}.app-shell{background:linear-gradient(180deg,#2f76d214,#f4f7fa00 210px),#f4f7fa}.app-header{width:min(720px,100%);margin:0 auto;border-right:1px solid rgba(216,221,226,.7);border-left:1px solid rgba(216,221,226,.7);box-shadow:0 8px 22px #1f29370f}.brand-lockup strong{color:#17212b;font-weight:650}.top-icon-button{border-radius:8px;transition:background .14s ease,color .14s ease}.top-icon-button:hover{color:var(--app-blue-dark);background:#edf5ff}.main-content{overflow:hidden;border-right:1px solid rgba(216,221,226,.7);border-left:1px solid rgba(216,221,226,.7)}.appsheet-screen{min-height:calc(100vh - 142px);padding:10px;background:linear-gradient(180deg,#fff,#fff) padding-box,#f4f7fa}.section-title,.table-title,.table-back-title{border-radius:8px 8px 0 0;color:#17212b;background:#fff}.appsheet-group,.chart-panel,.data-table,.appsheet-list,.detail-record{overflow:hidden;border:1px solid #dfe6ee;border-radius:8px;box-shadow:0 10px 24px #1f29370d}.appsheet-group{margin-bottom:12px}.appsheet-group h2{background:#f7f9fb}.appsheet-group button,.grouped-row{min-height:46px;padding:0 14px;transition:background .14s ease}.appsheet-group button:hover,.grouped-row:hover{background:#f6faff}.appsheet-group small,.grouped-row small,.employee-group-heading small,.date-group small{color:#516173;background:#e8eef5;font-weight:650}.chart-panel{margin-top:0;margin-bottom:12px}.bar-chart{border-radius:8px;background:linear-gradient(180deg,#ffffffd6,#ffffffd6),repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#dce3ea 36px)}.bar-chart i{width:38px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#3f9be5,#2f76d2)}.appsheet-list{background:#fff}.appsheet-list .list-item,.vacation-row{padding:15px;transition:background .14s ease}.appsheet-list .list-item:hover,.vacation-row:hover{background:#f8fbff}.list-item-title h2{color:#17212b;font-weight:700}.data-table{margin-top:0}.data-table-head{background:#f7f9fb}.data-table-head strong{color:#17212b;font-weight:750}.date-group,.employee-group-heading{background:#f4f7fa}.data-table-row{min-height:48px;background:#fff;transition:background .14s ease}.data-table-row:hover{background:#f8fbff}.data-table-row span{overflow:hidden;align-self:center;text-overflow:ellipsis;white-space:nowrap}.bottom-nav{overflow:hidden;border:1px solid rgba(216,221,226,.86);border-bottom:0;border-radius:14px 14px 0 0;box-shadow:0 -10px 28px #1f293714}.bottom-nav a{position:relative;min-height:70px}.bottom-nav a.active{background:linear-gradient(180deg,#5aa4eb,#3f8fdb)}.bottom-nav a.active:before{position:absolute;top:0;width:34px;height:3px;border-radius:0 0 4px 4px;background:#fff;content:""}.fab{bottom:calc(98px + var(--safe-bottom));border-radius:18px;background:linear-gradient(180deg,#5aa4eb,#3f8fdb);box-shadow:0 12px 28px #2f76d25c}.side-menu{border-radius:0 18px 18px 0}.side-menu-brand{background:linear-gradient(180deg,#fff,#f7faff)}.side-menu a:hover{background:#f2f7ff}.mobile-form{min-height:calc(100vh - 64px);padding:10px 10px 0;background:#f4f7fa}.form-back,.form-fields{background:#fff}.form-back{border:1px solid #dfe6ee;border-bottom:0;border-radius:8px 8px 0 0}.form-fields{gap:20px;border:1px solid #dfe6ee;border-radius:0 0 8px 8px;box-shadow:0 10px 24px #1f29370d}.field input,.field select,.field textarea,.stepper,.photo-field{border-color:#cfd8e3;box-shadow:inset 0 1px #1f293705}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--app-blue);box-shadow:0 0 0 3px #4a90df24;outline:none}.photo-field{background:linear-gradient(180deg,#fff,#f8fbff)}.form-action-bar{overflow:hidden;border:1px solid rgba(216,221,226,.86);border-bottom:0;border-radius:14px 14px 0 0;box-shadow:0 -10px 28px #1f293714}.form-action-bar button:last-child{background:#f5f9ff;font-weight:750}.detail-record{margin:10px}.mini-table{overflow:hidden;border-color:#dfe6ee;border-radius:8px}.expenses-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;padding:18px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#2f76d2f5,#0f766ee6),var(--app-blue);box-shadow:0 14px 28px #2f76d238}.expenses-hero div{display:grid;gap:4px}.expenses-hero span,.expenses-hero small{color:#ffffffc7;font-size:.82rem}.expenses-hero strong{font-size:1.8rem;line-height:1.05}.filter-panel{display:grid;gap:10px;margin-bottom:10px;padding:12px;border:1px solid #dfe6ee;border-radius:10px;background:#fff;box-shadow:0 10px 24px #1f29370d}.filter-title{display:flex;align-items:center;gap:8px;color:#516173}.filter-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.filter-scroll button{min-height:34px;flex:0 0 auto;padding:0 12px;border:1px solid #d4dee9;border-radius:999px;color:#516173;background:#f8fbff;font-weight:650}.filter-scroll button.active{border-color:#2f76d23d;color:#fff;background:linear-gradient(180deg,#5aa4eb,#3f8fdb)}.expenses-list{overflow:hidden;border:1px solid #dfe6ee;border-radius:10px;background:#fff;box-shadow:0 10px 24px #1f29370d}.date-group.polished{gap:8px;background:#f7f9fb}.expense-card{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px;border-bottom:1px solid #e7edf3;background:#fff}.expense-card:last-child{border-bottom:0}.expense-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:10px;color:var(--app-blue-dark);background:#eef6ff}.expense-main{display:grid;min-width:0;gap:4px}.expense-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.expense-title strong{overflow:hidden;color:#17212b;text-overflow:ellipsis;white-space:nowrap}.expense-main span,.expense-main small{overflow:hidden;color:#697789;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.expense-side{display:grid;justify-items:end;gap:7px;color:#607084}.expense-side strong{color:#17212b;font-size:.95rem;white-space:nowrap}.profile-screen{min-height:calc(100vh - 142px);padding:12px;background:#f4f7fa}.profile-hero{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;padding:18px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#0f766ef5,#2f76d2eb),var(--app-green);box-shadow:0 14px 28px #115e5933}.profile-avatar{display:flex;width:58px;height:58px;align-items:center;justify-content:center;border-radius:16px;color:#0f513f;background:#fff;font-weight:800}.profile-identity{display:grid;min-width:0;gap:3px}.profile-identity h2,.profile-identity p{margin:0}.profile-identity h2{overflow:hidden;font-size:1.2rem;text-overflow:ellipsis;white-space:nowrap}.profile-identity p,.profile-identity span{color:#ffffffc7;font-size:.86rem}.profile-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-contact-grid article,.profile-training-panel{border:1px solid #dfe6ee;border-radius:10px;background:#fff;box-shadow:0 10px 24px #1f29370d}.profile-contact-grid article{display:grid;gap:7px;min-width:0;padding:14px;color:var(--app-blue-dark)}.profile-contact-grid span{color:#697789;font-size:.78rem}.profile-contact-grid strong{overflow:hidden;color:#17212b;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.profile-training-panel{display:grid;gap:14px;padding:16px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-heading h2,.panel-heading p{margin:0}.panel-heading h2{color:#17212b;font-size:1.05rem}.panel-heading p{color:#697789;font-size:.86rem}.training-grid{display:grid;gap:8px}.training-grid article{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #e3eaf1;border-radius:8px;background:#f9fbfd}.training-grid div{display:grid;min-width:0;gap:3px}.training-grid strong{overflow:hidden;color:#17212b;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.training-grid span{color:#697789;font-size:.78rem}.training-grid small{padding:4px 8px;border-radius:999px;color:#0f513f;background:#dff4ea;font-weight:750}.training-grid small.warn{color:#7a4b00;background:#fff1cb}