@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #000;--text: #fff;--text2: rgba(255,255,255,.45);--text3: rgba(255,255,255,.18);--glass: rgba(255,255,255,.035);--glass2: rgba(255,255,255,.055);--glass-border: rgba(255,255,255,.06);--accent: #ff6b8a;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:0}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden}.app{max-width:430px;margin:0 auto;min-height:100dvh;padding-top:calc(12px + var(--safe-top));padding-bottom:calc(80px + var(--safe-bottom))}.tab-bar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:2px;padding:4px;background:#ffffff0f;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:100px;border:.5px solid rgba(255,255,255,.08);z-index:100;margin-bottom:var(--safe-bottom)}.tab{display:flex;align-items:center;gap:6px;background:none;border:none;color:#ffffff4d;font-size:12px;font-weight:500;cursor:pointer;padding:10px 16px;border-radius:100px;transition:all .3s ease;position:relative;letter-spacing:-.01em;white-space:nowrap}.tab.active{background:#ffffff1a;color:#fff}.tab-icon{font-size:15px;line-height:1}.pending-count{background:var(--accent);color:#fff;font-size:8px;font-weight:800;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 3px;position:absolute;top:2px;right:6px}.header{padding:24px 24px 20px;display:flex;justify-content:space-between;align-items:flex-end}.header h1{font-size:28px;font-weight:700;letter-spacing:-.04em}.header-sub{font-size:13px;color:var(--text3);margin-top:4px}.card{background:var(--glass);border-radius:24px;padding:22px;margin:5px 16px;border:.5px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.badge{font-size:11px;padding:5px 12px;border-radius:100px;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge-love{background:#ff6b8a1a;color:#ff6b8a}.badge-meal{background:#fb923c1a;color:#fb923c}.badge-checkin{background:#6cb4ee1a;color:#6cb4ee}.badge-reminder{background:#b093f51a;color:#b093f5}.card-message{font-size:16px;line-height:1.65;color:#fffc;margin-bottom:16px}.card-meta{font-size:12px;color:var(--text3);display:flex;justify-content:space-between}.card-actions{display:flex;gap:8px;margin-top:18px}.btn{flex:1;padding:14px;border-radius:16px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;letter-spacing:-.02em}.btn:active{transform:scale(.96)}.btn-approve{background:#fff;color:#000}.btn-edit{background:#ffffff0f;color:#ffffff80;border:none}.btn-skip{background:#ffffff08;color:#fff3;border:none}.btn-primary{background:#fff;color:#000;width:100%;padding:16px;border-radius:16px;border:none;font-size:15px;font-weight:600;cursor:pointer;margin-top:16px;letter-spacing:-.02em}.btn-primary:active{transform:scale(.98)}.contact-row{display:flex;align-items:center;gap:16px;padding:16px 24px;cursor:pointer;border-radius:20px;margin:2px 8px;transition:background .2s}.contact-row:active{background:var(--glass)}.contact-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--glass)}.contact-info{flex:1}.contact-name{font-size:16px;font-weight:600;letter-spacing:-.02em}.contact-detail{font-size:13px;color:var(--text3);margin-top:3px}.history-item{padding:18px 24px;border-bottom:.5px solid rgba(255,255,255,.04)}.history-msg{font-size:15px;line-height:1.55;color:#ffffffa6}.history-meta{font-size:12px;color:var(--text3);margin-top:8px;display:flex;gap:16px}.section-title{font-size:11px;font-weight:500;color:var(--text3);text-transform:uppercase;letter-spacing:.1em;padding:24px 24px 8px}.empty{text-align:center;padding:100px 24px}.empty-icon{font-size:32px;margin-bottom:16px;opacity:.15}.empty-text{font-size:14px;color:var(--text3)}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:200;display:flex;align-items:flex-end;justify-content:center}.modal{background:#0a0a0a;border-radius:32px 32px 0 0;width:100%;max-width:430px;padding:32px 24px calc(32px + var(--safe-bottom));max-height:85vh;overflow-y:auto}.modal h2{font-size:24px;font-weight:700;margin-bottom:24px;letter-spacing:-.04em}.modal-close{background:#ffffff0f;border:none;color:#ffffff4d;font-size:13px;cursor:pointer;float:right;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}textarea{width:100%;background:var(--glass);border:.5px solid var(--glass-border);border-radius:18px;padding:16px;color:var(--text);font-size:15px;font-family:inherit;resize:vertical;min-height:120px;line-height:1.6}textarea:focus{outline:none;border-color:#ffffff1f}input[type=text],input[type=date],input[type=number],select{width:100%;background:var(--glass);border:.5px solid var(--glass-border);border-radius:16px;padding:14px 16px;color:var(--text);font-size:15px;font-family:inherit}input:focus,select:focus{outline:none;border-color:#ffffff1f}label{display:block;font-size:11px;color:var(--text3);margin-bottom:6px;margin-top:18px;font-weight:500;text-transform:uppercase;letter-spacing:.08em}
