:root{--bg: #dcd7ea;--ink: #1a1a1e;--muted: #8d879c;--line: #e6e2ee;--card: rgba(255, 255, 255, .78);--accent: #c45c2a;--wa: #1c7a48;--mail: #3a56b5;--work: #1f8f4e;--off: #e39b2b;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,video{max-width:100%}.phone{min-height:100%;max-width:480px;margin:0 auto;background:radial-gradient(120% 40% at 100% 0%,rgba(214,140,96,.18),transparent 42%),#f6f4fa;display:flex;flex-direction:column}.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:14px 16px 10px;background:#f6f4fadb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mark{width:42px;height:42px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:radial-gradient(130% 90% at 80% 0%,rgba(214,140,96,.32),transparent 58%),linear-gradient(165deg,#3a3a40b8,#101012b8);color:#fff;line-height:1}.mark span{display:block;font-size:9px;font-weight:700;line-height:1;letter-spacing:0;transform:translate(.5px)}.top h1{margin:0;font-size:22px;letter-spacing:-.04em}.eyebrow{display:block;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.profile{margin-left:auto;position:relative}.profile-btn{border:0;background:transparent;font-weight:650;font-size:14px;padding:6px 0}.menu{position:absolute;right:0;top:calc(100% + 6px);width:210px;padding:6px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 36px #281c4624;z-index:6}.menu button{width:100%;text-align:left;border:0;background:transparent;border-radius:10px;padding:8px 10px}.menu button.on,.menu button:hover{background:#f4f3f8}.menu small{display:block;color:var(--muted);font-size:11px}.screen>*{animation:lift .5s cubic-bezier(.2,.8,.2,1) both}.screen>*:nth-child(2){animation-delay:.04s}.screen>*:nth-child(3){animation-delay:.08s}.screen>*:nth-child(4){animation-delay:.12s}.screen>*:nth-child(5){animation-delay:.16s}.screen>*:nth-child(6){animation-delay:.2s}.screen>*:nth-child(n+7){animation-delay:.24s}@keyframes lift{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0}}.stat,.pill,.row,.job,.person{transition:transform .16s ease}.screen{flex:1;padding:6px 14px calc(108px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.stat:active,.pill:active,.row:active,.job:active,.person:active{transform:scale(.98)}.search{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:12px;background:#ffffffb3;border:1px solid #fff}.search input{flex:1;border:0;background:transparent;outline:none;min-width:0}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{background:#ffffffd1;border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:12px;text-align:left;box-shadow:0 8px 20px #281c460d}.stat.wide{grid-column:1 / -1}.stat b{display:block;margin-top:4px;font-size:22px;letter-spacing:-.04em}.stat span{color:var(--muted);font-size:12px}.stat.dark{background:radial-gradient(120% 90% at 100% 0%,rgba(214,140,96,.34),transparent 48%),linear-gradient(165deg,#2a2a30,#121214);color:#fff;border-color:#ffffff24}.stat.dark span{color:#d7c7bc}.stat.dark b{color:#fff}.stat em{display:block;margin-top:2px;font-style:normal;font-size:12px;font-weight:600}.pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pill{min-height:44px;padding:6px 8px;border-radius:14px;border:1px solid rgba(255,255,255,.8);background:#ffffffb8;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.pill i{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pill b{font-size:13px}.pill.off i{color:#8d5e10}.pill.wa{background:linear-gradient(180deg,#fffc,#e8f6edb3)}.pill.wa i{color:var(--wa)}.pill.mail{background:linear-gradient(180deg,#fffc,#e8ecfabf)}.pill.mail i{color:var(--mail)}.card{background:#ffffffdb;border:1px solid #fff;border-radius:18px;padding:12px;box-shadow:0 8px 20px #281c460a}.card h2{margin:0 0 8px;font-size:16px;letter-spacing:-.03em}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-head h2{margin:0}.row,.job{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;border:0;background:transparent;padding:8px 0;border-top:1px solid var(--line)}.row:first-of-type,.job:first-of-type{border-top:0}.row strong,.job strong{display:block;font-size:14px}.row small,.job small,.muted{color:var(--muted);font-size:12px}.amount{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.quote{padding:10px 0;border-top:1px solid var(--line)}.quote:first-of-type{border-top:0}.actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.btn{border:0;border-radius:10px;padding:8px 12px;background:#1c1c1e;color:#fff;font-size:12px;font-weight:650}.btn.ghost{background:#f3f1f6;color:var(--ink)}.btn.wide{width:100%}.link{border:0;background:transparent;color:var(--accent);font-weight:700;font-size:13px;padding:0}.mail{padding:10px 0;border-top:1px solid var(--line)}.tag{font-size:11px;font-weight:700}.tag.whatsapp{color:var(--wa)}.tag.email{color:var(--mail)}.tabs{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(480px,100%);--cols: 4;--plus: 64px;--i: 0;display:grid;grid-template-columns:1fr 1fr var(--plus) 1fr 1fr;padding:8px 8px calc(10px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#ffffffeb;border:1px solid rgba(255,255,255,.95);border-bottom:0;box-shadow:0 -8px 28px #281c4614;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:7;overflow:visible}.tabs.quiet:before{opacity:0}.tabs:before{content:"";position:absolute;z-index:0;top:8px;left:8px;width:calc((100% - 16px - var(--plus)) / var(--cols));height:52px;border-radius:16px;background:radial-gradient(120% 80% at 80% 0%,rgba(214,140,96,.35),transparent 55%),#1c1c1e;transform:translate(calc(var(--i) * 100%));transition:transform .32s cubic-bezier(.2,.8,.2,1)}.tabs[data-past="1"]:before{transform:translate(calc(var(--i) * 100% + var(--plus)))}.plus-dock{position:relative;height:52px;overflow:visible}.plus{position:absolute;z-index:3;left:50%;bottom:14px;width:56px;height:56px;margin-left:-28px;border:1px solid #c45c2a;border-radius:50%;background:#fff;color:#c45c2a;box-shadow:0 0 0 1px #c45c2a33,0 0 14px #c45c2a8c,0 8px 16px #281c461f;display:flex;align-items:center;justify-content:center;padding:0;line-height:0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.plus svg{display:block;width:22px;height:22px}.plus-dock.open .plus{box-shadow:0 0 0 1px #c45c2a59,0 0 18px #c45c2ab3}.radial{position:absolute;left:50%;bottom:42px;width:0;height:0;z-index:6;pointer-events:none}.radial button{pointer-events:auto;position:absolute;left:-26px;top:-26px;width:52px;height:52px;border:1px solid #f0d5c6;border-radius:50%;background:#fff;box-shadow:0 10px 24px #281c4629;font-size:10px;font-weight:700;transform:translate(var(--x),var(--y));animation:pop .2s cubic-bezier(.2,.8,.2,1) both}.tab{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;height:52px;border:0;background:transparent;border-radius:16px;padding:6px 0 4px;font-size:10px;font-weight:650;color:#8d879c}.tab-ico{width:22px;height:22px;display:grid;place-items:center}.tab.on{color:#fff}.tabs.quiet .tab.on{color:#8d879c}.back{border:0;background:transparent;color:var(--accent);font-weight:700;padding:0 0 4px;text-align:left}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--muted);margin-top:8px}.field input,.field textarea,.field select{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;font-weight:500;color:var(--ink)}.person{width:100%;text-align:left;border:1px solid var(--line);background:#f7f6fa;border-radius:14px;padding:10px;margin-bottom:8px}.person.on{box-shadow:inset 0 0 0 1.5px var(--accent)}.dots{display:flex;gap:4px;margin-top:8px}.dots i,.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#dddde4}.dots i.working,.dot.working{background:var(--work)}.dots i.off,.dot.off{background:var(--off)}.dots i.today{box-shadow:0 0 0 2px var(--accent)}.month{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:8px}.month b,.month span,.month button{text-align:center;font-size:11px}.month b{color:var(--muted);font-weight:700}.month span,.month button{padding:8px 0;border-radius:8px;border:0;background:#f4f3f8;font:inherit;font-weight:650}.month .working{background:#1f8f4e26}.month .off{background:#e39b2b47}.month .rest{background:#eeeef2;color:#9a9aa6}.month .today{box-shadow:inset 0 0 0 1.5px var(--accent)}.month .on{box-shadow:inset 0 0 0 2px #1a1a1e}.month .ask{box-shadow:inset 0 0 0 2px var(--accent)}.ask-state{font-size:12px;font-weight:700;margin:8px 0}.ask-state.pending{color:#8d5e10}.ask-state.approved{color:var(--work)}.ask-state.declined{color:#8d4458}.chev{float:right;color:var(--muted);background:transparent;border:0}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);display:flex;gap:12px;align-items:center;background:#1c1c1e;color:#fff;border-radius:12px;padding:10px 12px;z-index:8;font-size:13px}.toast button{border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:8px;padding:4px 8px}.sheet{position:fixed;z-index:30;top:0;bottom:0;left:50%;width:min(480px,100%);transform:translate(-50%);background:#1c182857;display:flex;flex-direction:column;justify-content:flex-end}.sheet .card{width:100%;max-height:calc(100% - 12px);overflow:auto;border-radius:20px 20px 0 0;padding:16px 16px calc(24px + env(safe-area-inset-bottom));background:#fff}.empty{color:var(--muted);font-size:13px;margin:8px 0}@media(prefers-reduced-motion:reduce){.screen>*,.tabs:before,.radial button,.stat,.pill,.row,.job,.person{animation:none;transition:none}}.note-photo{width:100%;border-radius:12px;margin-top:6px;max-height:180px;object-fit:cover}audio,video{width:100%;margin-top:6px}html.framed body{display:grid;place-items:center;background:radial-gradient(60vw 40vw at 20% 15%,rgba(255,255,255,.6),transparent 70%),radial-gradient(50vw 40vw at 85% 85%,rgba(186,160,230,.45),transparent 70%),var(--bg)}html.framed #root{width:390px;height:min(844px,calc(100vh - 40px));border:10px solid #1a1a1e;border-radius:48px;overflow:hidden;transform:translateZ(0);box-shadow:0 40px 90px #30285047}html.framed .phone{height:100%;min-height:0;overflow-y:auto;scrollbar-width:none}html.framed .phone::-webkit-scrollbar{display:none}