:root{font-family:Inter,SF Pro Display,-apple-system,Segoe UI,system-ui,sans-serif;line-height:1.5;color-scheme:light;--mint-50: #F1FFF6;--mint-100: #E8FFF3;--mint-200: #D9FFE9;--mint-300: #BFF6DF;--mint-500: #7BE3B2;--green-600: #1FA37A;--green-800: #0D5C47;--ink-900: #0B3B2F;--ink-600: #4C6F66;--ink-on-dark: #EAF7F3;--success: #33C27F;--warning: #F5C543;--error: #E45D5D;--info: #47D6FF;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-pill: 999px;--shadow-soft: 0 10px 30px #0a3a2a22;--shadow-strong: 0 20px 60px #0a3a2a33;--shadow-glow: 0 0 40px rgba(31, 163, 122, .15);--shadow-card: 0 8px 32px rgba(11, 59, 47, .08);color:var(--ink-900);background-color:var(--mint-100);--surface-0: #ffffff;--surface-soft: rgba(255, 255, 255, .8);--border-soft: rgba(31, 163, 122, .24);--border-strong: rgba(13, 92, 71, .32);--text-primary: var(--ink-900);--text-secondary: var(--ink-600);--text-muted: #6d948a}*{box-sizing:border-box}body,#root{min-height:100vh}#gradient-background{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;pointer-events:none!important;background:linear-gradient(135deg,#e8f5e8,#c8e6c9,#a5d6a7,#81c784,#66bb6a),radial-gradient(ellipse 120% 150% at 30% 40%,rgba(123,227,178,.85) 0%,rgba(191,246,223,.65) 35%,rgba(241,255,246,.35) 60%,rgba(232,255,243,.15) 80%,transparent 100%),radial-gradient(ellipse 130% 140% at 70% 60%,rgba(31,163,122,.75) 0%,rgba(13,92,71,.55) 40%,rgba(76,175,80,.35) 65%,rgba(129,199,132,.15) 85%,transparent 100%),radial-gradient(ellipse 110% 160% at 50% 20%,rgba(27,94,32,.65) 0%,rgba(56,142,60,.45) 45%,rgba(129,199,132,.25) 70%,rgba(178,235,242,.1) 90%,transparent 100%),radial-gradient(ellipse 140% 130% at 20% 80%,rgba(0,77,64,.55) 0%,rgba(0,121,107,.35) 50%,rgba(77,182,172,.25) 75%,rgba(123,227,178,.1) 95%,transparent 100%);background-size:100% 100%,450% 450%,500% 500%,400% 400%,480% 480%;animation:seamlessFade 18s ease-in-out infinite,gentlePulse 22s ease-in-out infinite alternate!important;z-index:-1!important;opacity:1!important}#gradient-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 40% 30% at 40% 30%,rgba(255,255,255,.8) 0%,rgba(200,255,200,.4) 40%,transparent 70%),radial-gradient(ellipse 50% 40% at 70% 70%,rgba(76,175,80,.7) 0%,rgba(129,199,132,.4) 35%,transparent 60%),radial-gradient(ellipse 30% 50% at 80% 20%,rgba(27,94,32,.6) 0%,rgba(56,142,60,.3) 30%,transparent 55%);background-size:300% 300%,400% 400%,250% 250%;animation:dramaticGlow 20s ease-in-out infinite;opacity:.9}@keyframes dramaticGlow{0%{background-position:0% 0%,100% 100%,50% 50%;filter:brightness(1) saturate(1);transform:scale(1) rotate(0)}25%{background-position:60% 20%,20% 80%,90% 10%;filter:brightness(1.5) saturate(1.8);transform:scale(1.08) rotate(2deg)}50%{background-position:90% 70%,10% 30%,30% 90%;filter:brightness(.6) saturate(2.2);transform:scale(.95) rotate(-1deg)}75%{background-position:30% 80%,70% 20%,80% 60%;filter:brightness(1.2) saturate(1.5);transform:scale(1.05) rotate(1.5deg)}to{background-position:0% 0%,100% 100%,50% 50%;filter:brightness(1) saturate(1);transform:scale(1) rotate(0)}}body{margin:0;color:var(--text-primary);display:flex;justify-content:center;position:relative;min-height:100vh;overflow-x:hidden}@keyframes seamlessFade{0%{background-position:0% 50%,20% 30%,80% 70%,50% 10%,10% 80%;filter:brightness(1) contrast(1.1) saturate(1.2)}25%{background-position:25% 75%,60% 50%,40% 90%,80% 40%,30% 60%;filter:brightness(1.2) contrast(1.15) saturate(1.4)}50%{background-position:50% 0%,90% 80%,10% 20%,30% 90%,70% 30%;filter:brightness(.9) contrast(1.3) saturate(1.6)}75%{background-position:75% 25%,30% 60%,70% 40%,60% 70%,90% 10%;filter:brightness(1.1) contrast(1.2) saturate(1.3)}to{background-position:100% 50%,20% 30%,80% 70%,50% 10%,10% 80%;filter:brightness(1) contrast(1.1) saturate(1.2)}}@keyframes gentlePulse{0%{filter:hue-rotate(0deg) saturate(1.2) brightness(1);transform:scale(1);opacity:.95}33%{filter:hue-rotate(-8deg) saturate(1.4) brightness(1.15);transform:scale(1.015);opacity:1}67%{filter:hue-rotate(-15deg) saturate(1.6) brightness(.85);transform:scale(.99);opacity:.9}to{filter:hue-rotate(0deg) saturate(1.2) brightness(1);transform:scale(1);opacity:.95}}@media (prefers-reduced-motion: reduce){#gradient-background{animation:none;background:linear-gradient(45deg,#f1fff6,#e0f7fa,#e8f5e8)!important;filter:none}#gradient-background:before{animation:none;background:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){#gradient-background{animation-duration:25s,30s;background-size:250% 250%,300% 300%,280% 280%,250% 250%,200% 200%;filter:none}#gradient-background:before{animation-duration:35s;background-size:300% 300%,400% 400%,250% 250%;opacity:.6}}@media (max-width: 480px){#gradient-background{animation:floatingClouds 15s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,rgba(241,255,246,.8) 0%,rgba(232,255,243,.6) 30%,transparent 60%),radial-gradient(circle at 70% 70%,rgba(178,235,242,.7) 0%,rgba(224,247,250,.5) 25%,transparent 55%),linear-gradient(135deg,#f1fff6,#e0f7fa,#e8f5e8);background-size:200% 200%,250% 250%,150% 150%;filter:none}#gradient-background:before{animation:magicGlow 20s ease-in-out infinite;background-size:300% 300%,350% 350%,200% 200%;opacity:.4}}img{display:block}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}input,textarea,select{border-radius:var(--radius-md);border:1px solid rgba(31,163,122,.22);background:#ffffffdb;color:var(--text-primary);padding:14px;transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--mint-500);box-shadow:0 0 0 4px #7be3b22e}textarea{resize:vertical;min-height:110px}.app-shell{width:100%;max-width:720px;min-width:320px;padding:24px 16px 96px;display:flex;flex-direction:column;gap:20px;position:relative;z-index:2;margin:0 auto}.topbar{position:sticky;top:0;border-radius:var(--radius-lg);border:1px solid rgba(31,163,122,.2);background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:16px;padding:16px 20px;z-index:12}.topbar__avatar{width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;background:#7be3b22e;display:flex;align-items:center;justify-content:center;font-weight:650;color:var(--green-600);font-size:17px}.topbar__avatar img{width:100%;height:100%;object-fit:cover}.topbar__meta{display:flex;flex-direction:column;gap:2px}.topbar__name{font-weight:700;font-size:18px}.topbar__username{color:var(--text-muted);font-size:15px;font-weight:500}.section{display:flex;flex-direction:column;gap:24px;padding:32px;border-radius:var(--radius-lg);border:1px solid rgba(31,163,122,.2);background:#ffffffe6;box-shadow:0 8px 32px #0b3b2f14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;width:100%;box-sizing:border-box}.section__title{font-size:36px;font-weight:900;color:var(--ink-900);letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,var(--ink-900) 0%,var(--green-600) 50%,var(--ink-900) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section__subtitle{color:var(--text-secondary);font-size:20px;font-weight:600;line-height:1.4;opacity:.85}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);border:1px solid transparent;padding:16px 28px;font-weight:650;letter-spacing:.01em;transition:all .2s ease;background:linear-gradient(135deg,var(--mint-500),var(--green-600));color:var(--ink-on-dark);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-strong);filter:brightness(1.05)}.button:disabled{opacity:.6;cursor:not-allowed}.button--ghost{background:#ffffffa6;color:var(--text-primary);border-color:#1fa37a52;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.button--ghost:hover:not(:disabled){background:#7be3b22e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.banner{padding:14px 16px;border-radius:var(--radius-md);font-size:14px}.banner--success{background:#33c27f2e;border:1px solid rgba(51,194,127,.46);color:var(--success)}.banner--error{background:#e45d5d1f;border:1px solid rgba(228,93,93,.28);color:var(--error)}.banner--warning{background:#f5c5432e;border:1px solid rgba(245,197,67,.46);color:var(--warning)}.banner--info{background:#47d6ff2e;border:1px solid rgba(71,214,255,.46);color:var(--info)}.form{display:grid;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.field__label{font-size:14px;color:var(--text-secondary)}.field__hint{font-size:12px;color:var(--text-muted)}.stat-grid{display:grid;gap:14px}@media (min-width: 620px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-card{display:flex;flex-direction:column;gap:12px;border-radius:var(--radius-lg);padding:28px;border:1px solid rgba(31,163,122,.2);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 32px #0b3b2f14;width:100%;box-sizing:border-box}.stat-card--promo{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(31,163,122,.3);box-shadow:0 20px 40px #0b3b2f1a,0 8px 24px #1fa37a26;position:relative;cursor:pointer}.stat-card--promo:before{background:linear-gradient(90deg,var(--mint-500) 0%,var(--green-600) 50%,var(--mint-500) 100%);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite;height:3px}@keyframes shimmer{0%{background-position:0% 0}50%{background-position:100% 0}to{background-position:0% 0}}.stat-card--promo:hover{transform:translateY(-4px);box-shadow:0 25px 50px #0b3b2f26,0 12px 30px #1fa37a33}.stat-card--promo:active{transform:translateY(-2px)}.stat-card--promo .stat-card__value{font-family:JetBrains Mono,Inter,monospace;background:linear-gradient(135deg,var(--green-600) 0%,var(--mint-500) 25%,#FFD700 40%,#FFA500 60%,var(--mint-500) 75%,var(--green-600) 100%);background-size:400% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:.12em;font-size:48px;text-align:center;animation:promoShimmer 3.5s ease-in-out infinite;text-transform:uppercase;line-height:1.1;filter:drop-shadow(0 2px 4px rgba(31,163,122,.3))}@keyframes promoShimmer{0%{background-position:0% 50%;transform:scale(1)}25%{background-position:50% 50%;transform:scale(1.02)}50%{background-position:100% 50%;transform:scale(1)}75%{background-position:50% 50%;transform:scale(.98)}to{background-position:0% 50%;transform:scale(1)}}.stat-card__value{font-size:48px;font-weight:900;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(135deg,var(--green-600) 0%,var(--mint-500) 50%,var(--green-600) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:subtleShimmer 6s ease-in-out infinite}@keyframes subtleShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.stat-card__label{color:var(--text-secondary);font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.deal-list{display:grid;gap:16px;margin:0;padding:0;list-style:none;width:100%}.deal-card{border-radius:var(--radius-lg);padding:26px;border:1px solid rgba(31,163,122,.2);background:#ffffffe6;box-shadow:0 8px 32px #0b3b2f14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:18px;cursor:pointer;width:100%;box-sizing:border-box}.deal-card__heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.deal-card__title{font-size:22px;font-weight:700;letter-spacing:-.01em}.deal-card__amount{font-weight:800;font-size:20px;background:linear-gradient(135deg,var(--green-600) 0%,var(--mint-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.deal-card__meta{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--text-muted)}.badge{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);font-size:12px;letter-spacing:.01em;background:#1fa37a1f;color:var(--green-600)}.badge--status-pending{background:#f5c5433d;color:var(--warning)}.badge--status-rejected,.badge--status-cancelled{background:#e45d5d2e;color:var(--error)}.badge--status-new{background:#7be3b238;color:var(--green-600)}.empty-state{padding:24px;border-radius:var(--radius-lg);border:1px dashed rgba(31,163,122,.35);text-align:center;color:var(--text-muted)}.bottom-nav-spacer{height:76px}.bottom-nav{position:fixed;inset:auto 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#fffffff5;border-top:1px solid rgba(31,163,122,.26);box-shadow:0 -12px 32px #0b3b2f14;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:12px 16px;gap:12px}.bottom-nav__button{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding:12px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-muted);font-weight:600}.bottom-nav__button--active{background:#7be3b233;color:var(--text-primary)}.deal-card__details{display:grid;gap:12px;font-size:14px;color:var(--text-secondary);padding-top:16px;border-top:1px solid rgba(31,163,122,.15)}.deal-card__rating{display:flex;align-items:center;gap:8px;margin-top:8px}.deal-card__rating-dots{display:flex;gap:4px;align-items:center}.deal-card__rating-dot{width:8px;height:8px;border-radius:50%;background:var(--mint-300);transition:all .2s ease;border:1px solid rgba(31,163,122,.2)}.deal-card__rating-dot--filled{background:var(--warning);border-color:var(--warning);box-shadow:0 0 8px #f5c54366}.deal-card__rating-value{font-size:13px;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--green-600),var(--mint-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.deal-card__status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.01em;background:#1fa37a1f;color:var(--green-600);border:1px solid rgba(31,163,122,.2)}.deal-card__status-badge--paid{background:#33c27f2e;color:var(--success);border-color:#33c27f4d}.deal-card__status-badge--pending{background:#f5c5433d;color:var(--warning);border-color:#f5c5434d}.deal-card__status-badge--rejected{background:#e45d5d2e;color:var(--error);border-color:#e45d5d4d}@media (min-width: 720px){.section{padding:30px}.deal-card{padding:24px}}@media (max-width: 540px){.section{padding:22px}.button{width:100%}}