/* KimiPost Восток: тема Семея и Усть-Каменогорска. */
:root { --blue:#0f9b8e; --blue-dark:#08756f; --navy:#123252; --bg:#eff8f7; --line:#d8ece8; --success:#098568; --shadow:0 14px 34px rgba(12,86,93,.12); }
body { background:radial-gradient(circle at 80% 8%,#bdf4e8 0,transparent 25%),radial-gradient(circle at 20% 94%,#d9e8ff 0,transparent 27%),#eff8f7; }
.login { background:radial-gradient(circle at 14% 14%,#20b7a1 0,transparent 28%),radial-gradient(circle at 88% 82%,#ffbd72 0,transparent 25%),linear-gradient(140deg,#102e50,#0a6d75); }
.logo,.shop-logo { background:linear-gradient(145deg,#16b8a2,#087a91); box-shadow:0 8px 18px #0f9b8e55; }.side { background:linear-gradient(180deg,#123252,#0b5d6b); }.nav.active { background:linear-gradient(90deg,#12a694,#087b91); }.nav:hover { background:#d8fff016; }.nav.out { color:#ffd4c9; }.profile { background:#ddf8f2; color:#146c68; }.action { background:linear-gradient(135deg,#0f9b8e,#087b91); box-shadow:0 7px 16px #0c8b8550; }.action.secondary { background:#e5f6f3; color:#087b78; }.action:hover { box-shadow:0 10px 20px #0c8b855c; }.card::after { background:#c6f5e6; }.card:nth-child(2)::after { background:#c9e6ff; }.card:nth-child(3)::after { background:#ffe8ba; }.card:nth-child(4)::after { background:#dce9ff; }.api-state { border-color:#bdebd7; background:#effcf7; color:#08795f; }
.season-scene { background:linear-gradient(125deg,#dff8f388,#c9e7ff55 55%,#fff3d688); }.season-scene::before { background:linear-gradient(135deg,#67ddc7,#b5f4da); animation:east-aura 14s ease-in-out infinite alternate; }.season-scene::after { background:linear-gradient(135deg,#8ac5ff,#ffd386); animation:east-aura 18s ease-in-out -7s infinite alternate; }.season-scene i { width:14px; height:3px; border-radius:99px; background:#27a896; opacity:.35; transform:rotate(-25deg); animation:east-wind calc(8s + var(--i)*.2s) ease-in-out infinite; }
@keyframes east-aura { 0% { transform:translate3d(0,0,0) scale(1) rotate(0deg); } 100% { transform:translate3d(-40px,34px,0) scale(1.18) rotate(18deg); } }
@keyframes east-wind { 0% { transform:translateX(-35px) rotate(-25deg); opacity:0; } 25%,75% { opacity:.48; } 100% { transform:translateX(220px) rotate(-25deg); opacity:0; } }
.dark body { --bg:#0d2530; background:radial-gradient(circle at 80% 8%,#145650 0,transparent 25%),#0d2530; }.dark .side { background:linear-gradient(180deg,#081e32,#073f4a); }.dark .profile { background:#174b50; color:#c6f6e9; }.dark .action.secondary { background:#183e47; color:#a4eee3; }