:root{--ink: #10231b;--muted: #5d6f66;--faint: #8fa39a;--line: #e3ece7;--bg: #eef4f0;--card: #ffffff;--em-950: #04231a;--em-900: #05301f;--em-800: #075e40;--em-700: #047857;--em-600: #059669;--em-500: #10b981;--em-100: #d1fae5;--em-50: #ecfdf5;--gold-600: #b45309;--gold-500: #f59e0b;--gold-400: #fbbf24;--gold-100: #fef3c7;--gold-50: #fffbeb;--red-700: #b91c1c;--red-600: #dc2626;--red-100: #fee2e2;--red-50: #fef2f2;--blue-700: #1d4ed8;--blue-600: #2563eb;--blue-100: #dbeafe;--grad-brand: linear-gradient(135deg, #064e3b 0%, #047857 60%, #059669 100%);--grad-deep: linear-gradient(165deg, #04231a 0%, #05301f 45%, #075e40 110%);--grad-gold: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--shadow-card: 0 1px 2px rgba(16, 35, 27, .05), 0 10px 28px -18px rgba(16, 35, 27, .35);--shadow-float: 0 6px 16px -6px rgba(16, 35, 27, .22), 0 24px 48px -24px rgba(16, 35, 27, .4);--shadow-cta: 0 4px 10px -2px rgba(4, 120, 87, .45), 0 16px 32px -12px rgba(4, 120, 87, .5);--shadow-gold: 0 4px 14px -4px rgba(245, 158, 11, .55);--r-lg: 22px;--r-md: 16px;--r-sm: 12px}*{box-sizing:border-box}html{font-size:18px}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.45;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;background:none;padding:0}input{font:inherit}.num{font-variant-numeric:tabular-nums}.shell{max-width:520px;margin:0 auto;min-height:100vh}.hero{background:var(--grad-deep);color:#fff;padding:22px 22px 30px;border-radius:0 0 30px 30px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(420px 200px at 88% -40px,rgba(251,191,36,.22),transparent 65%),radial-gradient(340px 220px at -60px 110%,rgba(16,185,129,.25),transparent 60%);pointer-events:none}.hero>*{position:relative}.hero .hi{font-size:1rem;color:#a9d5c2;margin:0;font-weight:600}.hero .biz{font-size:1.55rem;font-weight:800;margin:2px 0 0;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.hero .date{font-size:.9rem;color:#7fb8a1;margin:4px 0 0;font-weight:500}.hero .signout{position:absolute;top:20px;right:18px;color:#cfe8dd;font-size:.82rem;font-weight:700;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);padding:8px 14px;border-radius:999px;min-height:40px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.content{padding:20px 16px 132px}h2.screen{font-size:1.45rem;margin:2px 2px 16px;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}h2.screen .chip-ico{width:40px;height:40px;border-radius:13px;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--grad-brand);color:#fff;box-shadow:var(--shadow-cta)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;margin-bottom:14px;box-shadow:var(--shadow-card)}.bigline{font-size:1.3rem;font-weight:800;margin:0;letter-spacing:-.01em}.subline{font-size:1rem;color:var(--muted);margin:2px 0 0}.money{color:var(--em-700);font-weight:800}.avatar{width:46px;height:46px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:var(--em-50);color:var(--em-800);font-weight:800;font-size:1.15rem;border:2px solid var(--em-100)}.rowline{display:flex;align-items:center;gap:12px}.value-chip{display:inline-flex;align-items:center;gap:6px;background:var(--grad-gold);color:#4a2c00;font-weight:800;font-size:1.02rem;padding:7px 14px;border-radius:999px;box-shadow:var(--shadow-gold);white-space:nowrap}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:60px;border-radius:16px;font-size:1.12rem;font-weight:800;color:#fff;margin-top:10px;padding:10px 16px;transition:transform .06s ease,filter .15s ease}.btn:active{transform:scale(.97)}.btn.primary{background:var(--grad-brand);box-shadow:var(--shadow-cta)}.btn.danger-soft{background:var(--red-50);color:var(--red-700);border:2px solid var(--red-100)}.btn.danger{background:var(--red-600);box-shadow:0 10px 24px -10px #dc262699}.btn.gold-soft{background:var(--gold-50);color:var(--gold-600);border:2px solid var(--gold-100)}.btn.blue-soft{background:#eff6ff;color:var(--blue-700);border:2px solid var(--blue-100)}.btn.ghost{background:#fff;color:var(--ink);border:2px solid var(--line);font-weight:700}.btn.small{min-height:52px;font-size:1rem;width:auto;flex:1}.btn:disabled{opacity:.5}.feedback{background:linear-gradient(135deg,var(--em-50),#f2fdf8);border:2px solid var(--em-500);color:var(--em-800);border-radius:var(--r-md);padding:14px 16px;font-size:1.06rem;font-weight:700;margin-bottom:14px;display:flex;gap:10px;align-items:flex-start;box-shadow:var(--shadow-card)}.feedback.err{background:linear-gradient(135deg,var(--red-50),#fff5f5);border-color:var(--red-600);color:var(--red-700)}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 13px;font-size:.88rem;font-weight:800}.pill.green{background:var(--em-100);color:var(--em-800)}.pill.amber{background:var(--gold-100);color:var(--gold-600)}.pill.gray{background:#edf1ef;color:#4d5a54}.pill.gold{background:var(--grad-gold);color:#4a2c00;box-shadow:var(--shadow-gold)}.tabs{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:min(496px,calc(100% - 24px));background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-float);display:flex;justify-content:space-around;gap:2px;padding:8px;z-index:50}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:62px;padding:8px 2px;border-radius:18px;color:var(--muted);font-size:.78rem;font-weight:800;position:relative;transition:background .15s ease,color .15s ease}.tab.active{color:#fff;background:var(--grad-brand);box-shadow:var(--shadow-cta)}.tab .badge{position:absolute;top:2px;right:16%;background:var(--red-600);color:#fff;border:2px solid #fff;border-radius:999px;min-width:24px;height:24px;font-size:.82rem;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 6px}.login-wrap{min-height:100vh;background:var(--grad-deep);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:26px 18px}.login-wrap:before{content:"";position:absolute;inset:0;background:radial-gradient(560px 340px at 110% -10%,rgba(251,191,36,.2),transparent 60%),radial-gradient(480px 320px at -15% 108%,rgba(16,185,129,.28),transparent 58%),radial-gradient(300px 300px at 50% 50%,rgba(255,255,255,.04),transparent 70%)}.login{position:relative;width:100%;max-width:420px;background:#fff;border-radius:30px;padding:30px 26px 26px;box-shadow:0 30px 80px -20px #0000008c;text-align:center}.login .mark{width:76px;height:76px;margin:-68px auto 14px;border-radius:24px;background:var(--grad-brand);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-cta);color:#fff;position:relative}.login .mark .spark{position:absolute;right:-7px;top:-7px;width:30px;height:30px;border-radius:50%;background:var(--grad-gold);color:#4a2c00;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;border:3px solid #fff}.login h1{font-size:1.55rem;margin:0 0 4px;font-weight:800;letter-spacing:-.01em}.login p.intro{color:var(--muted);font-size:1rem;margin:0 0 14px}.login label{display:block;text-align:left;font-weight:800;margin:16px 0 8px;font-size:1.02rem}.login input{width:100%;min-height:64px;font-size:1.5rem;text-align:center;border:2px solid var(--line);border-radius:16px;letter-spacing:2px;background:#fafcfb;color:var(--ink);font-weight:700}.login input:focus{outline:none;border-color:var(--em-600);box-shadow:0 0 0 4px var(--em-100);background:#fff}.login .help{color:var(--muted);font-size:.92rem;text-align:left;margin-top:8px}.login .trust{margin-top:18px;color:var(--faint);font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px}.login .legal{margin-top:10px;color:var(--faint);font-size:.8rem;text-align:center;line-height:1.5}.login .legal a{color:var(--muted);font-weight:600;text-decoration:underline;display:inline-block;padding:4px 2px}.langpick{display:flex;gap:8px;justify-content:center;margin-bottom:4px}.langpick button{border:2px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font-weight:800;min-height:44px;color:var(--muted);font-size:.9rem}.langpick button.on{border-color:transparent;background:var(--grad-brand);color:#fff;box-shadow:var(--shadow-cta)}.hero-money{background:var(--grad-deep);color:#fff;border-radius:var(--r-lg);padding:22px;position:relative;overflow:hidden;box-shadow:var(--shadow-float);margin-bottom:14px}.hero-money:before{content:"";position:absolute;inset:0;background:radial-gradient(300px 160px at 100% 0%,rgba(251,191,36,.28),transparent 62%),radial-gradient(260px 180px at -10% 120%,rgba(16,185,129,.3),transparent 60%)}.hero-money>*{position:relative}.hero-money .label{display:flex;align-items:center;gap:8px;color:#a9d5c2;font-weight:700;font-size:1rem;margin:0}.hero-money .amount{font-size:3rem;font-weight:800;margin:4px 0 0;letter-spacing:-.02em;color:#fff}.hero-money .note{color:#7fb8a1;font-weight:600;margin:2px 0 0;font-size:.95rem}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;box-shadow:var(--shadow-card)}.stat .chip-ico{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.stat .chip-ico.gold{background:var(--gold-100);color:var(--gold-600)}.stat .chip-ico.amber{background:var(--gold-50);color:var(--gold-500)}.stat .chip-ico.blue{background:var(--blue-100);color:var(--blue-700)}.stat .chip-ico.green{background:var(--em-100);color:var(--em-800)}.stat .label{font-size:.92rem;color:var(--muted);font-weight:700;margin:0}.stat .value{font-size:1.65rem;font-weight:800;margin:1px 0 0;letter-spacing:-.01em}.stat .value.gold{color:var(--gold-600)}.stat .value.green{color:var(--em-700)}.stat .note{font-size:.85rem;color:var(--faint);margin:1px 0 0;font-weight:600}.quote{background:linear-gradient(135deg,var(--em-50),#fff);border:1px solid var(--em-100);border-left:5px solid var(--em-600);border-radius:var(--r-md);padding:14px 16px;margin-top:14px;color:var(--em-900);font-size:.98rem;font-weight:600;box-shadow:var(--shadow-card)}.cal{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow-card);margin-bottom:16px}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cal-head .month{font-size:1.15rem;font-weight:800;text-transform:capitalize}.cal-nav{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--em-50);color:var(--em-800);border:1px solid var(--em-100)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-dow{text-align:center;font-size:.72rem;font-weight:800;color:var(--faint);text-transform:uppercase;padding:6px 0}.cal-day{position:relative;height:52px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:.98rem;color:var(--ink)}.cal-day.out{color:#c3cfc9}.cal-day.today{box-shadow:inset 0 0 0 2px var(--em-500)}.cal-day.sel{background:var(--grad-brand);color:#fff;box-shadow:var(--shadow-cta)}.cal-day .dots{display:flex;gap:3px;height:6px;margin-top:2px}.cal-day .dot{width:6px;height:6px;border-radius:50%}.dot.green{background:var(--em-500)}.dot.amber{background:var(--gold-500)}.dot.gray{background:#b8c4be}.cal-day.sel .dot{background:#fff}.dayhead{font-size:1.05rem;font-weight:800;color:var(--muted);margin:18px 4px 10px;display:flex;align-items:center;gap:8px}.call-ico{width:48px;height:48px;border-radius:16px;flex:none;display:flex;align-items:center;justify-content:center}.call-ico.green{background:var(--em-100);color:var(--em-800)}.call-ico.amber{background:var(--gold-100);color:var(--gold-600)}.call-ico.blue{background:var(--blue-100);color:var(--blue-700)}.call-ico.red{background:var(--red-100);color:var(--red-700)}.call-ico.gray{background:#edf1ef;color:#5d6f66}.call-ico.gold{background:var(--grad-gold);color:#4a2c00;box-shadow:var(--shadow-gold)}.call-detail{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}.audio-box{background:var(--em-50);border:1px solid var(--em-100);border-radius:var(--r-sm);padding:10px;margin-bottom:10px}.audio-box audio{width:100%}.no-rec{display:flex;align-items:center;gap:8px;color:var(--faint);font-size:.92rem;font-weight:600;background:#f6f9f7;border:1px dashed var(--line);border-radius:var(--r-sm);padding:12px;margin-bottom:10px}.row2{display:flex;gap:10px}.empty{text-align:center;color:var(--muted);font-size:1.1rem;padding:44px 12px;font-weight:600}.empty .big-ico{width:84px;height:84px;margin:0 auto 14px;border-radius:28px;background:linear-gradient(135deg,var(--em-50),#fff);border:1px solid var(--em-100);display:flex;align-items:center;justify-content:center;color:var(--em-600);box-shadow:var(--shadow-card)}.slotgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.slotgrid .btn{margin-top:0}.divider{height:1px;background:var(--line);margin:14px 0}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}