@font-face{font-family:Montserrat;src:url(/fonts/montserrat.ttf) format("truetype");font-weight:100 900;font-style:normal}*{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}:root{--green: #88a260;--darkgreen: #496724;--lightgreen: #88a26022;--red: #ef948e;--darkred: #df6158;--lightred: #ef948e22;--beige: #eae0ce;--beige-dark: #d9ccb3;--white: #ffffff;--text-dark: #2c2c2c;--text-muted: #7a7a6e;--shadow: 0 2px 16px rgba(73,103,36,.1);--shadow-lg: 0 8px 32px rgba(73,103,36,.16);--radius: 16px;--radius-sm: 10px;--header-height: 64px;--footer-height: 64px;--accent: var(--green);--accent-dark: var(--darkgreen);--accent-light: var(--lightgreen)}.app-shell--pro{--accent: var(--red);--accent-dark: var(--darkred);--accent-light: var(--lightred)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Montserrat,sans-serif;font-size:15px;color:var(--text-dark);background:var(--beige);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:Montserrat,sans-serif;cursor:pointer;border:none;outline:none}input,textarea{font-family:Montserrat,sans-serif}.app-shell{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;background:var(--beige);position:relative;overflow:hidden;box-shadow:0 0 60px #00000026}.screen-wrapper{flex:1;overflow:hidden;position:relative}.screen-fill{position:absolute;inset:0;overflow-y:auto}.scroll-content{padding:16px 16px 24px;display:flex;flex-direction:column;gap:12px}.card{background:var(--white);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card-row{display:flex;align-items:center;gap:14px}.avatar{width:48px;height:48px;border-radius:50%;background:var(--lightgreen);border:2px solid var(--green);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--darkgreen);flex-shrink:0}.avatar-lg{width:80px;height:80px;font-size:28px}.avatar-square{border-radius:12px}.chevron{margin-left:auto;color:var(--text-muted);font-size:18px}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-green{background:var(--lightgreen);color:var(--darkgreen)}.badge-red{background:var(--lightred);color:var(--darkred)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 24px;color:var(--text-muted);text-align:center}.empty-state .empty-icon{font-size:48px;opacity:.4}.placeholder-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;padding:40px 24px;text-align:center;color:var(--text-muted)}.placeholder-screen .placeholder-icon{font-size:56px;opacity:.35}.placeholder-screen h3{font-size:18px;font-weight:600;color:var(--text-dark)}.content{width:100%;height:100%;display:flex;flex-direction:column;position:relative;font-size:1rem}.content-pad{padding:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;transition:all .2s ease;border:none;cursor:pointer;font-family:Montserrat,sans-serif;width:100%}.btn:active{transform:scale(.96)}.btn-green{background:var(--green);color:var(--white);box-shadow:0 4px 12px #88a2604d}.btn-green:hover{background:var(--darkgreen)}.btn-red{background:var(--red);color:var(--white);box-shadow:0 4px 12px #ef948e4d}.btn-red:hover{background:var(--darkred)}.link-red{color:var(--darkred)}.lang-btn-wrapper{position:relative;z-index:20}.lang-btn{display:flex;align-items:center;gap:6px;background:var(--white);border:1.5px solid var(--beige-dark);border-radius:99px;padding:6px 12px 6px 8px;color:var(--text-dark);font-size:12px;font-weight:600;cursor:pointer;box-shadow:var(--shadow)}.lang-btn img{width:20px;height:14px;object-fit:cover;border-radius:3px}.lang-chevron{font-size:10px;opacity:.8}.lang-dropdown{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--white);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);overflow:hidden;min-width:160px;z-index:30}.lang-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-dark);text-align:left;transition:background .15s}.lang-option img{width:22px;height:15px;object-fit:cover;border-radius:3px}.lang-option:hover{background:var(--beige)}.lang-option.active{color:var(--darkgreen);font-weight:700;background:var(--lightgreen)}