:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;line-height:1.6;font-weight:400;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .15);--glass-shadow-lg: 0 16px 64px rgba(0, 0, 0, .2);--gradient-coral: linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%);--gradient-amber: linear-gradient(135deg, #f9a825 0%, #ffd54f 100%);--gradient-rose-gold: linear-gradient(135deg, #e8a87c 0%, #c38d5f 100%);--gradient-warm-pink: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--text-primary: rgba(0, 0, 0, .95);--text-secondary: rgba(0, 0, 0, .75);--text-tertiary: rgba(0, 0, 0, .5);color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,#8b451326,#cd853f1a,#f4a4601f);z-index:-1;pointer-events:none}.glass{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:2px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass:hover{transform:translateY(-4px);box-shadow:var(--glass-shadow-lg);border-color:#0003}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;color:#000000f2}h2{font-size:1.75rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}h3{font-size:1.25rem;font-weight:600;color:var(--text-primary)}p{color:var(--text-secondary);line-height:1.6}a{font-weight:500;color:#000;text-decoration:underline;transition:color .2s}a:hover{color:#000000b3}button{border-radius:16px;border:none;padding:12px 24px;font-size:.95rem;font-weight:600;font-family:inherit;background:#000;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0003}button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d;background:#000000d9}button:active{transform:translateY(0)}button:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.btn-primary{background:#000;border:none;color:#fff;font-weight:600;box-shadow:0 8px 24px #0000004d}.btn-primary:hover{box-shadow:0 12px 32px #0006;transform:translateY(-2px);background:#000000d9}.btn-success{background:#000;border:none;color:#fff;box-shadow:0 8px 24px #0000004d}.btn-success:hover{background:#000000d9}.btn-danger{background:#000;border:none;color:#fff;box-shadow:0 8px 24px #0000004d}.btn-danger:hover{background:#000000d9}input,textarea,select{width:100%;padding:12px 16px;border-radius:12px;border:2px solid rgba(0,0,0,.2);background:#ffffffe6;color:#000;font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}input::placeholder,textarea::placeholder{color:#0006}input:focus,textarea:focus,select:focus{outline:none;border-color:#000;background:#fff;box-shadow:0 0 0 3px #0000001a}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading{animation:shimmer 2s infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:1000px 100%}.app{width:100%;min-height:100vh;padding:20px}.header{background:#ffffffd9;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:2px solid rgba(0,0,0,.1);border-radius:24px;padding:24px;text-align:center;margin-bottom:32px;box-shadow:0 8px 32px #00000026;position:sticky;top:20px;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1)}.header:hover{border-color:#0003;box-shadow:0 12px 48px #0003}.header h1{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;margin:0;color:#000}.notification-banner{background:#ffffffd9;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:2px solid rgba(0,0,0,.1);border-radius:24px;padding:32px;text-align:center;margin-bottom:32px;box-shadow:0 8px 32px #00000026;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.notification-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.notification-banner:hover:before{left:100%}.notification-banner:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0003;border-color:#0003}.notification-banner h2{font-size:1.75rem;font-weight:600;margin-bottom:12px;color:#000}.notification-banner p{color:#000000bf;font-size:1rem;margin-bottom:24px;line-height:1.6}.notification-banner button{background:#000;color:#fff;border:none;padding:14px 32px;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #0000004d}.notification-banner button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0006;background:#000000d9}.notification-banner button:active{transform:translateY(0)}.notification-banner button:disabled{opacity:.5;cursor:not-allowed;transform:none}.notification-banner.success{background:#11998e26;border-color:#38ef7d4d}.notification-banner.success button{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 8px 24px #38ef7d66}.notification-banner.error{background:#ee097926;border-color:#ff6a004d}.notification-banner.error button{background:linear-gradient(135deg,#ee0979,#ff6a00);box-shadow:0 8px 24px #ee097966}.articles-container{max-width:900px;margin:0 auto;padding:0}.article-card{background:#fffc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(0,0,0,.1);border-radius:24px;overflow:hidden;margin-bottom:24px;box-shadow:0 8px 32px #00000026;transition:all .4s cubic-bezier(.4,0,.2,1)}.article-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #0003;border-color:#0003}.article-image{width:100%;height:240px;object-fit:cover;background:linear-gradient(135deg,#ff7e5f33,#feb47b33);transition:transform .4s cubic-bezier(.4,0,.2,1)}.article-card:hover .article-image{transform:scale(1.05)}.article-content{padding:28px}.article-date{color:#0009;font-size:.875rem;font-weight:500;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.article-title{font-size:1.75rem;font-weight:700;margin-bottom:16px;color:#000;letter-spacing:-.01em;line-height:1.3}.article-body{color:#000c;line-height:1.7;margin-bottom:24px;font-size:1rem}.article-link{display:inline-block;background:#000;color:#fff;padding:12px 28px;border-radius:14px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #0000004d}.article-link:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0006;background:#000000d9}.article-link:active{transform:translateY(0)}.loading{text-align:center;padding:80px 20px;color:#000000b3;font-size:1.1rem}.loading:after{content:"...";animation:ellipsis 1.5s infinite}@keyframes ellipsis{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.error{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(220,38,38,.4);color:#000000e6;padding:24px;margin-bottom:24px;border-radius:20px;box-shadow:0 8px 24px #00000026}.empty-state{text-align:center;padding:80px 20px;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(0,0,0,.1);border-radius:24px;margin:20px 0}.empty-state h2{font-size:1.5rem;margin-bottom:12px;color:#000c}.empty-state p{color:#0009}@media(max-width:768px){.app{padding:16px}.header{padding:20px;margin-bottom:24px;top:16px}.header h1{font-size:1.5rem}.notification-banner{padding:24px;margin-bottom:24px}.notification-banner h2{font-size:1.4rem}.article-card{margin-bottom:20px}.article-image{height:200px}.article-content{padding:20px}.article-title{font-size:1.4rem}.article-link{padding:10px 24px;font-size:.9rem}}@media(max-width:480px){.app{padding:12px}.header{padding:16px;border-radius:20px}.notification-banner{padding:20px;border-radius:20px}.article-card{border-radius:20px}.article-image{height:180px}.article-content{padding:16px}.article-title{font-size:1.25rem}}.admin-container{max-width:1400px;margin:0 auto;padding:32px;min-height:100vh}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:28px;background:#fffc;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:2px solid rgba(0,0,0,.1);border-radius:24px;box-shadow:0 8px 32px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-header:hover{border-color:#0003;box-shadow:0 12px 48px #0003}.admin-header h1{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;color:#000;margin:0}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:#fffc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(0,0,0,.1);border-radius:24px;padding:32px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #00000026}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff7e5f,#feb47b);opacity:0;transition:opacity .3s}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-6px);border-color:#0003;box-shadow:0 16px 48px #0003}.stat-card h3{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#0009;margin-bottom:12px}.stat-card .stat-value{font-size:3rem;font-weight:700;color:#000;letter-spacing:-.02em}.article-form{background:#fffc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(0,0,0,.1);border-radius:24px;padding:32px;margin-bottom:40px;box-shadow:0 8px 32px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1)}.article-form:hover{border-color:#0003}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:10px;font-weight:600;font-size:.95rem;color:#000;letter-spacing:.01em}.form-group input,.form-group textarea{width:100%;padding:14px 18px;border:2px solid rgba(0,0,0,.2);border-radius:14px;font-size:1rem;font-family:inherit;background:#ffffffe6;color:#000;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input::placeholder,.form-group textarea::placeholder{color:#0006}.form-group textarea{min-height:180px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#000;background:#fff;box-shadow:0 0 0 3px #0000001a}.form-actions{display:flex;gap:16px;flex-wrap:wrap}.btn{padding:14px 28px;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:#000;color:#fff;box-shadow:0 8px 24px #0000004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0006;background:#000000d9}.btn-success{background:#000;color:#fff;box-shadow:0 8px 24px #0000004d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0006;background:#000000d9}.btn-danger{background:#000;color:#fff;box-shadow:0 8px 24px #0000004d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0006;background:#000000d9}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-small{padding:10px 20px;font-size:.9rem}.admin-articles{background:#fffc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(0,0,0,.1);border-radius:24px;padding:32px;box-shadow:0 8px 32px #00000026}.admin-articles h2{margin-bottom:24px;font-size:1.75rem;font-weight:700;color:#000;letter-spacing:-.01em}.article-tabs{display:flex;gap:8px;margin-bottom:28px;padding:8px;background:#0000000d;border-radius:16px;border:2px solid rgba(0,0,0,.1)}.article-tab{padding:12px 24px;background:transparent;border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;color:#0009;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.article-tab:hover{color:#000000d9;background:#0000000d}.article-tab.active{color:#fff;background:#000;box-shadow:0 4px 16px #0000004d}.admin-article-item{background:#fff9;border:2px solid rgba(0,0,0,.1);border-radius:18px;padding:24px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-article-item:hover{background:#ffffffbf;border-color:#0003;transform:translate(4px)}.admin-article-info{flex:1}.admin-article-info h3{font-size:1.25rem;font-weight:600;margin-bottom:8px;color:#000;letter-spacing:-.01em}.admin-article-info p{color:#000000b3;margin-bottom:6px;font-size:.9rem;line-height:1.5}.admin-article-info .status-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;margin-top:10px;letter-spacing:.02em}.status-badge.draft{background:#fbbf2433;color:#92400e;border:2px solid rgba(251,191,36,.5);font-weight:700}.status-badge.sent{background:#22c55e33;color:#14532d;border:2px solid rgba(34,197,94,.5);font-weight:700}.admin-article-actions{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}.alert{padding:18px 24px;border-radius:16px;margin-bottom:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid;font-size:.95rem}.alert-success{background:#22c55e33;color:#14532d;border-color:#22c55e80;border-width:2px}.alert-error{background:#ef444433;color:#7f1d1d;border-color:#ef444480;border-width:2px}.alert-info{background:#3b82f633;color:#1e3a8a;border-color:#3b82f680;border-width:2px}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.login-card{background:#fffc;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:2px solid rgba(0,0,0,.1);padding:48px;border-radius:28px;box-shadow:0 16px 64px #0003;width:100%;max-width:480px}.login-card h1{margin-bottom:32px;text-align:center;font-size:2rem;color:#000}.login-card .form-group{margin-bottom:24px}.login-card .btn{width:100%}@media(max-width:1024px){.admin-container{padding:24px}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media(max-width:768px){.admin-container{padding:20px}.admin-header{flex-direction:column;gap:20px;align-items:flex-start}.admin-header h1{font-size:1.75rem}.admin-stats{grid-template-columns:1fr;gap:16px}.stat-card{padding:24px}.stat-card .stat-value{font-size:2.5rem}.article-form,.admin-articles{padding:24px}.admin-article-item{flex-direction:column;padding:20px}.admin-article-actions{width:100%}.btn-small{flex:1}.article-tabs{flex-direction:column;gap:6px}.article-tab{text-align:left}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}@media(max-width:480px){.admin-container{padding:16px}.admin-header{padding:20px;border-radius:20px}.admin-header h1{font-size:1.5rem}.article-form,.admin-articles{padding:20px;border-radius:20px}.stat-card{padding:20px}.login-card{padding:32px 24px}}@media(prefers-reduced-motion:no-preference){.admin-container{scroll-behavior:smooth}}