:root{--bg: #f8fafc;--bg-2: #ffffff;--panel: #ffffff;--panel-2: #f1f5f9;--line: #e2e8f0;--line-strong: #cbd5e1;--text: #0f172a;--text-2: #334155;--muted: #64748b;--muted-light: #94a3b8;--accent: #0284c7;--accent-cyan: #0ea5e9;--accent-orange: #de6434;--accent-coral: #c93647;--glow: rgba(2, 132, 199, .25);--glow-orange: rgba(222, 100, 52, .2);--ok: #16a34a;--danger: #dc2626;--radius: 14px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);overflow-x:hidden;max-width:100vw}body{font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}button{cursor:pointer}h1,h2,h3,.display{font-family:Syne,Inter,sans-serif;letter-spacing:-.04em}.app-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:13px 32px;background:#080d1af0;backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #00000059}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em;font-size:18px;color:#fff}.brand img{width:28px;height:28px}.nav-links{display:flex;gap:26px;color:#94a3b8;font-size:14px;font-weight:550}.nav-links a{position:relative;padding:6px 2px;color:#94a3b8;transition:color .15s ease}.nav-links a:hover{color:#fff}.nav-links a.active{color:#38bdf8;font-weight:650}.nav-links a.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:#0ea5e9;border-radius:99px}.nav-cta{display:flex;gap:12px;align-items:center}.nav-search-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#94a3b8;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.nav-search-btn:hover{color:#fff;background:#ffffff1f}.btn{border:0;border-radius:999px;padding:10px 18px;font-weight:650;font-size:13px;background:#f1f5f9;color:#0f172a;border:1px solid var(--line);transition:all .2s cubic-bezier(.16,1,.3,1)}.btn.primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 6px 18px var(--glow)}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0284c766}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--text-2);box-shadow:0 1px 2px #0f172a0a}.btn.ghost:hover{background:#f8fafc;border-color:var(--line-strong);color:var(--text)}.btn.danger{background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c}.btn.sm{padding:7px 14px;font-size:12px}.wrap{width:min(1180px,100% - 40px);margin:0 auto}.muted{color:var(--muted)}.cats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:10px 0 28px}.chip{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:550;box-shadow:0 1px 2px #0f172a0a}.chip.on{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:transparent}.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 4px 18px #0f172a0d}.card:hover{transform:translateY(-4px);border-color:#0ea5e973;box-shadow:0 12px 30px #0ea5e91f}.thumb{height:190px;background:#f1f5f9;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.card body,.card .meta{padding:14px 16px 16px}.card h3{margin:0 0 6px;font-size:16px;color:var(--text)}.tag{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.site-footer{border-top:1px solid var(--line);padding:28px 0 40px;margin-top:0;color:var(--muted);font-size:13px;background:#fff}.foot-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.form-card{width:min(440px,100% - 32px);margin:72px auto;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:0 12px 36px #0f172a14}label{display:block;font-size:12px;color:var(--muted);font-weight:600;margin:12px 0 6px}input,textarea{width:100%;background:#fff;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px 14px;outline:none;font-family:inherit;font-size:14px;box-shadow:0 1px 2px #0f172a0a;transition:border-color .2s ease,box-shadow .2s ease}input::placeholder,textarea::placeholder{color:var(--muted-light)}input:focus,textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #0ea5e929}select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px 36px 10px 14px;font-size:13.5px;font-weight:550;outline:none;cursor:pointer;box-shadow:0 1px 2px #0f172a0a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230284c7' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .2s ease,box-shadow .2s ease}select:hover{border-color:var(--line-strong)}select:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #0ea5e929}select option{background-color:#fff;color:var(--text);padding:10px 12px}.modal-backdrop{position:fixed;inset:0;z-index:1000;background:#0f172a73;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;animation:modal-fade-in .18s ease-out}.modal-dialog{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px #0f172a29,0 0 20px #0ea5e914;padding:24px;color:var(--text);animation:modal-scale-in .2s cubic-bezier(.16,1,.3,1)}.modal-dialog .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-dialog .modal-header h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-.02em;color:#0f172a}.modal-dialog .modal-header .modal-close{background:none;border:0;color:#64748b;font-size:18px;cursor:pointer;padding:4px;border-radius:6px;line-height:1}.modal-dialog .modal-header .modal-close:hover{color:#0f172a;background:#f1f5f9}.modal-dialog .modal-body{font-size:13.5px;color:#475569;line-height:1.55;margin-bottom:20px}.modal-dialog .modal-body p{margin:0 0 12px}.modal-dialog .modal-footer{display:flex;justify-content:flex-end;gap:10px}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}textarea{min-height:90px;resize:vertical}.err{color:#dc2626;font-size:13px;margin-top:10px;font-weight:500}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--text)}.table th{color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc}.badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;background:#e0f2fe;color:#0284c7}.badge.ok{background:#dcfce7;color:#16a34a}.badge.coral{background:#ffedd5;color:#ea580c}.slug-link{background:none;border:0;padding:0;color:var(--accent);font:inherit;cursor:pointer;font-weight:600}.slug-link:hover{text-decoration:underline;color:#0369a1}.slug-edit{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.slug-edit input{width:160px;padding:7px 10px;margin:0}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-hamburger{display:none;background:#fff;border:1px solid var(--line);color:#334155;border-radius:9px;padding:7px 8px;cursor:pointer;transition:all .2s ease;line-height:0}.nav-hamburger:hover{color:#0284c7;border-color:var(--line-strong);background:#f8fafc}.mobile-nav-backdrop,.mobile-nav-drawer{display:none}@keyframes drawerSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.app-nav{padding:12px 18px}.nav-links{display:none}.desk-only{display:none!important}.nav-hamburger{display:inline-flex;align-items:center;justify-content:center}.mobile-nav-backdrop{display:block;position:fixed;inset:0;z-index:90;background:#0f172a66;backdrop-filter:blur(6px);animation:backdropFadeIn .2s ease-out}.mobile-nav-drawer{display:flex;flex-direction:column;justify-content:space-between;position:fixed;inset:57px 0 0;z-index:95;background:#fff;border-bottom:1px solid var(--line);padding:20px 20px 32px;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 10px 40px #0f172a1f;animation:drawerSlideDown .22s cubic-bezier(.16,1,.3,1)}.mobile-nav-drawer .mobile-nav-links{display:flex;flex-direction:column;gap:6px}.mobile-nav-drawer .mobile-nav-links a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#475569;font-size:15px;font-weight:600;text-decoration:none;transition:all .18s ease}.mobile-nav-drawer .mobile-nav-links a .m-icon{font-size:18px}.mobile-nav-drawer .mobile-nav-links a.active,.mobile-nav-drawer .mobile-nav-links a:hover{color:#0284c7;background:#f1f5f9}.mobile-nav-drawer .mobile-nav-links a.active{color:#0284c7;background:#0284c71a;font-weight:700}.mobile-nav-drawer .mobile-nav-auth{display:flex;flex-direction:column;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.mobile-nav-drawer .mobile-nav-auth .mobile-user-card{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f8fafc;border-radius:12px;border:1px solid var(--line)}.mobile-nav-drawer .mobile-nav-auth .mobile-user-card .mobile-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}.mobile-nav-drawer .mobile-nav-auth .mobile-user-card .mobile-user-info{display:flex;flex-direction:column}.mobile-nav-drawer .mobile-nav-auth .mobile-user-card .mobile-user-info .mobile-user-name{font-size:14px;font-weight:600;color:#0f172a}.mobile-nav-drawer .mobile-nav-auth .mobile-user-card .mobile-user-info .mobile-user-email{font-size:12px;color:var(--muted)}.mobile-nav-drawer .mobile-nav-auth .mobile-cta{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 16px;font-size:14px;border-radius:12px;text-align:center}.grid-cards{grid-template-columns:repeat(2,1fr);gap:16px}.hero-home{padding-top:48px}}@media(max-width:640px){.app-nav{padding:12px 18px}.brand{font-size:16px;gap:8px}.brand img{width:24px;height:24px}.grid-cards{grid-template-columns:1fr;gap:14px}.wrap{width:calc(100% - 36px)}h1{font-size:clamp(22px,6vw,32px);line-height:1.15;word-break:break-word}h2{font-size:clamp(19px,5.5vw,26px);line-height:1.2;word-break:break-word}h3{font-size:clamp(16px,4.8vw,20px)}.cats{gap:6px;justify-content:flex-start;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:6px;margin-bottom:16px;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.site-footer{margin-top:48px;padding:24px 0 32px}.foot-row{flex-direction:column;text-align:center;gap:10px}.form-card{margin:24px auto;padding:20px 16px;width:100%}.modal-dialog{padding:18px 14px;border-radius:14px;width:calc(100% - 16px)}}