:root{--paper: #f2f5f3;--surface: #ffffff;--surface-2: #f0f4f1;--ink: #12211a;--muted: #5f6d65;--faint: #8a9790;--line: #e7ede9;--line-strong: #d6ded9;--green: #1f8a5b;--green-deep: #0e2a1f;--green-deep-2: #123528;--green-soft: #e2efe8;--green-hero: linear-gradient(160deg, #0e2a1f, #123528);--nav-idle: #9fb3a8;--on-green: #eef5f0;--amber: #f5c65d;--amber-soft: #fdf0d5;--amber-ink: #8a5a06;--danger: #9b3324;--danger-soft: #f7e5e3;--radius-hero: 28px;--radius-card: 20px;--radius-row: 16px;--radius-pill: 22px;--shadow: 0 1px 3px rgba(18, 33, 26, .07);--shadow-lg: 0 10px 30px rgba(18, 33, 26, .16);--app-max: 460px;--sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, Menlo, Monaco, monospace;font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:#e7ebe8;color:var(--ink);line-height:1.5;font-size:15px}button{font-family:inherit}a{color:var(--green);text-decoration:none}h1,h2,h3{margin:0;line-height:1.15}.app-shell{max-width:var(--app-max);margin:0 auto;min-height:100vh;background:var(--paper);position:relative;box-shadow:0 0 40px #12211a14}.screen{padding-bottom:108px;min-height:100vh}.pad{padding-left:22px;padding-right:22px}.hero{background:var(--green-hero);color:var(--on-green);border-radius:0 0 var(--radius-hero) var(--radius-hero);padding:18px 22px 22px}.hero--flat{border-radius:0}.hero__row{display:flex;justify-content:space-between;align-items:center;gap:12px}.hero__label{font-size:13px;opacity:.65}.hero__big{font-weight:700;font-size:40px;line-height:1.1;letter-spacing:-1.5px;margin-top:2px}.hero__big.xl{font-size:48px;letter-spacing:-2px}.avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex:none}.avatar--hero{background:#2e6b4f;color:var(--on-green)}.hero__tiles{display:flex;gap:10px;margin-top:18px}.htile{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-row);padding:12px 14px}.htile__k{font-size:11px;opacity:.65}.htile__v{font-size:18px;font-weight:700;margin-top:2px}.htile__v.amber{color:var(--amber)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px 4px}.topbar h1{font-size:26px;font-weight:700;letter-spacing:-.8px}.backbtn{width:34px;height:34px;border-radius:50%;background:#ffffff1f;border:none;color:inherit;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center}.sec{display:flex;justify-content:space-between;align-items:baseline;padding:22px 22px 10px}.sec__t{font-size:16px;font-weight:700;letter-spacing:-.2px}.sec__a{font-size:12.5px;font-weight:600;color:var(--green);background:none;border:none;cursor:pointer;padding:0}.group-label{padding:18px 22px 6px;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--faint)}.list{display:flex;flex-direction:column;gap:8px;margin:0 22px}.row{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:var(--radius-row);padding:13px 15px;box-shadow:var(--shadow);border:none;width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit}.row__grow{flex:1;min-width:0}.row__title{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__amt{font-size:15px;font-weight:700;text-align:right;white-space:nowrap}.cat-ico{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex:none}.chip{display:inline-block;padding:5px 11px;border-radius:14px;font-size:11.5px;font-weight:700;background:var(--surface-2);color:#3c4a42}.chip--muted{font-weight:600}.status{font-size:10.5px;font-weight:800;letter-spacing:.3px}.status--pending{color:var(--amber-ink)}.status--approved{color:var(--green)}.status--rejected{color:var(--danger)}.pill-count{display:inline-block;padding:5px 11px;border-radius:var(--radius-pill);background:var(--amber-soft);color:var(--amber-ink);font-size:11.5px;font-weight:700}.role-chip{padding:6px 12px;border-radius:14px;font-size:11px;font-weight:700;letter-spacing:.3px}.role-chip--admin{background:var(--green-deep);color:var(--on-green)}.role-chip--manager{background:var(--green-soft);color:var(--green)}.role-chip--employee{background:var(--surface-2);color:#3c4a42}.pills{display:flex;gap:8px;padding:14px 22px 2px;overflow-x:auto;scrollbar-width:none}.pills::-webkit-scrollbar{display:none}.pill{flex:none;padding:9px 15px;border-radius:20px;background:var(--surface);color:#3c4a42;font-size:12.5px;font-weight:600;white-space:nowrap;border:none;cursor:pointer}.pill--on{background:var(--green-deep);color:var(--on-green);font-weight:700}.seg{margin:16px 22px 0;display:flex;background:#e3e9e5;border-radius:24px;padding:4px}.seg__b{flex:1;padding:9px;text-align:center;font-size:13px;font-weight:600;color:var(--muted);border:none;background:none;border-radius:20px;cursor:pointer}.seg__b--on{background:var(--green-deep);color:var(--on-green);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-pill);padding:13px 18px;font-size:15px;font-weight:700;cursor:pointer;background:var(--surface);color:var(--ink)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--green);color:#fff}.btn--dark{background:var(--green-deep);color:var(--on-green)}.btn--ghost{background:transparent;border:1.5px solid var(--line-strong);color:var(--ink)}.btn--danger{background:transparent;border:1.5px solid var(--line-strong);color:var(--danger)}.btn--block{width:100%}.btn--sm{padding:9px 15px;font-size:13px}.btn-pilltop{display:inline-flex;align-items:center;gap:6px;background:var(--green-deep);color:var(--on-green);border:none;border-radius:20px;padding:9px 15px;font-size:13px;font-weight:700;cursor:pointer}.card{background:var(--surface);border-radius:var(--radius-card);padding:16px;box-shadow:var(--shadow);margin:0 22px}.card+.card{margin-top:10px}.cta-card{margin:18px 22px 0;background:var(--amber);border-radius:var(--radius-card);padding:16px 18px;display:flex;align-items:center;gap:12px;cursor:pointer;border:none;width:calc(100% - 44px);text-align:left}.cta-card__t{font-size:15px;font-weight:800;color:var(--green-deep)}.cta-card__s{font-size:12px;color:#4a3d15;margin-top:2px}.cta-card__ico{width:44px;height:44px;border-radius:50%;background:var(--green-deep);color:var(--amber);display:flex;align-items:center;justify-content:center;font-size:24px;flex:none}.dashed{margin:6px 22px 0;border:2px dashed #b8c7bf;border-radius:var(--radius-card);padding:16px;text-align:center;font-size:13.5px;font-weight:600;color:var(--muted);background:none;cursor:pointer;width:calc(100% - 44px)}.vscroll{display:flex;gap:10px;padding:0 22px;overflow-x:auto;scrollbar-width:none}.vscroll::-webkit-scrollbar{display:none}.vcard{flex:none;width:150px;background:var(--surface);border-radius:18px;padding:14px;box-shadow:var(--shadow);border:none;text-align:left;cursor:pointer;color:inherit}.photo-ph{border-radius:12px;background:repeating-linear-gradient(45deg,#e7ede9 0,#e7ede9 10px,#f0f4f1 10px,#f0f4f1 20px);display:flex;align-items:center;justify-content:center;font:9px var(--mono);color:#7d8a82}.bar{display:flex;height:10px;border-radius:5px;overflow:hidden}.field{margin:14px 22px 0}.field>span{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:8px}input,select,textarea{width:100%;padding:14px 16px;border:none;border-radius:var(--radius-row);background:var(--surface);color:var(--ink);font:inherit;font-size:15px;box-shadow:var(--shadow)}input:focus,select:focus,textarea:focus{outline:2px solid var(--green)}textarea{min-height:64px;resize:vertical}.choice{display:flex;flex-wrap:wrap;gap:8px;margin:8px 22px 0}.choice__b{padding:10px 16px;border-radius:var(--radius-pill);background:var(--surface);color:#3c4a42;font-size:13px;font-weight:600;border:none;cursor:pointer;box-shadow:var(--shadow)}.choice__b--on{background:var(--green);color:#fff;font-weight:700}.dropzone{margin:8px 22px 0;min-height:104px;border-radius:18px;background:repeating-linear-gradient(45deg,#e7ede9 0,#e7ede9 10px,#f0f4f1 10px,#f0f4f1 20px);border:2px dashed #b8c7bf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;padding:10px}.dropzone__ico{width:28px;height:28px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}.dropzone__t{font:11px var(--mono);color:var(--muted)}.bottomnav{position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:calc(var(--app-max) - 36px);max-width:calc(100vw - 36px);display:flex;align-items:center;gap:6px;background:var(--green-deep);border-radius:var(--radius-hero);padding:8px;z-index:40;box-shadow:var(--shadow-lg)}.navitem{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--nav-idle);padding:9px 0;border:none;background:none;cursor:pointer;border-radius:22px;position:relative}.navitem--on{color:var(--on-green);background:var(--green);font-weight:700}.navitem span.t{font-size:10.5px;font-weight:600}.navitem--on span.t{font-weight:700}.navico{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:15px}.navbadge{position:absolute;top:2px;right:22%;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:var(--amber);color:var(--green-deep);font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center}.fab{width:52px;height:52px;border-radius:50%;background:var(--amber);color:var(--green-deep);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:600;margin:-16px 4px 0;box-shadow:0 6px 14px #f5c65d73;border:none;cursor:pointer;flex:none}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a140f66;z-index:60;display:flex;justify-content:center}.sheet{width:100%;max-width:var(--app-max);background:var(--green-deep);color:var(--on-green);min-height:100vh;overflow-y:auto;display:flex;flex-direction:column}.sheet__body{background:var(--paper);color:var(--ink);border-radius:28px 28px 0 0;padding:22px;flex:1;margin-top:4px}.sheet__amount{text-align:center;padding:26px 22px 22px}.sheet__amount .k{font-size:12px;letter-spacing:1px;text-transform:uppercase;opacity:.55}.amount-input{background:transparent;box-shadow:none;border:none;text-align:center;color:var(--on-green);font-weight:700;font-size:52px;letter-spacing:-2px;padding:4px 0 0}.amount-input:focus{outline:none}.sheet__label{font-size:13px;font-weight:700;color:var(--muted);margin-top:20px}.sheet__label:first-child{margin-top:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a140f66;z-index:60;display:flex;align-items:flex-end;justify-content:center}.modal{width:100%;max-width:var(--app-max);background:var(--paper);border-radius:24px 24px 0 0;padding:22px 0 30px;max-height:92vh;overflow-y:auto}.modal h2{font-size:20px;font-weight:700;padding:0 22px 6px}.muted{color:var(--muted)}.center{text-align:center}.empty{text-align:center;padding:48px 24px;color:var(--muted)}.alert{margin:12px 22px 0;padding:12px 15px;border-radius:var(--radius-row);font-size:13.5px}.alert--error{background:var(--danger-soft);color:var(--danger)}.alert--info{background:var(--amber-soft);color:var(--amber-ink)}.alert--ok{background:var(--green-soft);color:var(--green)}.copybox{font:12px var(--mono);background:var(--surface);border-radius:12px;padding:10px;word-break:break-all;margin-top:8px}.receipt-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;background:var(--surface-2);color:#3c4a42;border-radius:14px;padding:5px 11px;text-decoration:none}.spinner{padding:40px;text-align:center;color:var(--muted)}.auth{min-height:100vh;background:var(--green-hero);display:flex;flex-direction:column;justify-content:center;padding:24px;max-width:var(--app-max);margin:0 auto}.auth__brand{display:flex;align-items:center;gap:10px;color:var(--on-green);font-weight:700;font-size:20px;margin-bottom:22px}.auth__mark{width:40px;height:40px;border-radius:12px;background:var(--amber);color:var(--green-deep);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px}.auth__card{background:var(--paper);border-radius:24px;padding:24px 22px 28px}.auth__card h1{font-size:24px;font-weight:700;letter-spacing:-.5px}.auth__card .field{margin:14px 0 0}.brand-mark-sm{width:30px;height:30px;border-radius:9px;background:var(--amber);color:var(--green-deep);display:flex;align-items:center;justify-content:center;font-weight:800}