@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-accent:#f1f5f9;--text-primary:#0f1e3a;--text-secondary:#64748b;--accent-color:#ff8031;--accent-hover:#e66b1f;--card-bg:#fff;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--navy:#042c53;--navy-900:#021c38;--navy-700:#0a3a6b;--navy-200:#dbe7f4;--navy-50:#f2f6fb;--accent-orange:#ff8031;--accent-orange-hover:#e66b1f;--surface-card:#fff;--surface-muted:#f5f7fa;--border-subtle:#e5eaf1;--text-muted:#6b7a90;--radius-sm:6px;--radius-md:10px;--shadow-card:0 1px 3px #081e3e0f, 0 1px 2px #081e3e0a;--admin-surface:var(--surface-card);--admin-surface-muted:var(--surface-muted);--admin-border:var(--border-subtle);--admin-muted:var(--text-muted);--admin-accent:var(--navy);--admin-accent-hover:var(--navy-700);--admin-accent-soft:#042c5314;--admin-stat-icon:var(--navy);--admin-shadow:var(--shadow-card)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-secondary);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4{color:var(--text-primary);font-family:Outfit,sans-serif;font-weight:700}.container{flex-direction:column;flex-grow:1;display:flex}@keyframes ticker-marquee{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.ticker-wrap{background-color:var(--navy);border-bottom:1px solid #ffffff14;align-items:center;width:100%;min-height:36px;margin-bottom:0;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -1px #0003}.live-badge{background:var(--accent-orange);color:#fff;letter-spacing:.12em;z-index:2;flex-shrink:0;align-items:center;gap:6px;height:36px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:11px;font-weight:800;display:inline-flex;position:relative;box-shadow:2px 0 6px #00000040}.live-badge:before{content:"";background:#fff;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 #ffffffb3}50%{opacity:.6;box-shadow:0 0 0 5px #fff0}}.ticker-viewport{flex:1;align-items:center;height:36px;display:flex;position:relative;overflow:hidden}.ticker-content{white-space:nowrap;will-change:transform;color:#f8fafc;align-items:center;gap:28px;padding-left:100%;font-size:12.5px;font-weight:600;animation:60s linear infinite ticker-marquee;display:inline-flex}.ticker-content:hover{animation-play-state:paused}.ticker-item{white-space:nowrap;align-items:baseline;gap:6px;display:inline-flex}.ticker-item .ticker-label{color:#94a3b8;letter-spacing:.02em;font-size:11.5px;font-weight:600}.ticker-item .ticker-value{color:#fff;font-variant-numeric:tabular-nums;font-weight:700}.ticker-change{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.ticker-change.up{color:var(--accent-orange)}.ticker-change.down{color:#60a5fa}.ticker-time{color:#cbd5e1;font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:600}header{z-index:1000;border-bottom:1px solid var(--border-color);width:100%;height:85px;box-shadow:var(--shadow-sm);background:#fff;justify-content:space-between;align-items:center;padding:0 4rem;display:flex;position:sticky;top:0}header .logo-container{cursor:pointer;border-right:1px solid #f1f5f9;align-items:center;gap:.75rem;padding-right:2rem;display:flex}header .logo-text{color:var(--text-primary);letter-spacing:-1px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800}.top-nav-menu{flex:1;gap:2.5rem;padding-left:2rem;list-style:none;display:flex}.top-nav-item{color:var(--text-primary);cursor:pointer;align-items:center;gap:.4rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.top-nav-item:hover{color:var(--accent-color)}.nav-dropdown{position:relative}.nav-dropdown-menu{border:1px solid var(--border-color);z-index:2000;background:#fff;border-radius:.75rem;min-width:220px;margin-top:.75rem;padding:.5rem 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 40px #0000001f}.nav-dropdown-menu:before{content:"";width:100%;height:.75rem;position:absolute;top:-.75rem;left:0}.nav-dropdown:hover .nav-dropdown-menu{display:block}.nav-dropdown-item{color:var(--text-primary);padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .15s;display:block}.nav-dropdown-item:hover{background:var(--bg-accent);color:var(--accent-color)}.header-right{align-items:center;gap:1.5rem;display:flex}.search-icon-btn,.global-icon-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;transition:color .2s;display:flex}.search-icon-btn:hover,.global-icon-btn:hover{color:var(--accent-color)}.header-search-wrapper{align-items:center;display:flex;position:relative}.header-search-input{opacity:0;width:0;color:var(--text-primary);background:0 0;border:1.5px solid #0000;border-radius:.625rem;outline:none;padding:0;font-family:Inter,sans-serif;font-size:.9rem;transition:all .3s}.header-search-input.open{border-color:var(--text-primary);opacity:1;width:200px;margin-right:.25rem;padding:.5rem 1rem}.header-search-input::placeholder{color:var(--text-secondary)}.btn-demo{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:.625rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #ff803166}.btn-demo:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-login-outline{border:1.5px solid var(--text-primary);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:.625rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.btn-login-outline:hover{background:var(--text-primary);color:#fff}main{width:100%;max-width:1400px;margin:0 auto;padding:3rem 4rem}.header-clock{color:var(--text-muted);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600}.header-admin-btn{letter-spacing:.04em;color:#fff;background:var(--navy);border:1px solid var(--navy);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:.55rem .95rem;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.header-admin-btn:hover{background:var(--navy-700);box-shadow:0 4px 10px #042c532e}.header-admin-btn svg{flex-shrink:0}.portal-search-wrap{width:100%;max-width:1400px;margin:0 auto;padding:2rem 4rem 1.25rem}.portal-search-form{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:12px;align-items:center;gap:0;max-width:860px;margin:0 auto;padding:.5rem .5rem .5rem 1.1rem;transition:box-shadow .15s,border-color .15s;display:flex;box-shadow:0 6px 20px #081e3e12,0 1px 3px #081e3e0d}.portal-search-form:focus-within{border-color:var(--navy);box-shadow:0 8px 28px #042c531f,0 1px 3px #042c5314}.portal-search-icon{color:var(--text-muted);flex-shrink:0}.portal-search-input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.9rem .85rem;font-family:inherit;font-size:.95rem}.portal-search-input::placeholder{color:var(--text-muted)}.portal-search-btn{color:#fff;background:var(--navy);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:.75rem 1.75rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;transition:background .15s}.portal-search-btn:hover{background:var(--navy-700)}.portal-hero-wrap{width:100%;max-width:1400px;margin:0 auto;padding:0 4rem 1.75rem}.portal-hero-card{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-900) 100%);min-height:170px;color:inherit;border-radius:14px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 28px #081e3e2e}.portal-hero-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #081e3e3d}.portal-hero-bg{opacity:.75;background-position:50%;background-size:cover;position:absolute;inset:0}.portal-hero-overlay{background:linear-gradient(90deg,#042c53eb 0%,#042c53a6 55%,#042c5333 100%);position:absolute;inset:0}.portal-hero-content{max-width:640px;padding:2.25rem 2.5rem;position:relative}.portal-hero-badge{letter-spacing:.14em;color:#fff;background:var(--accent-orange);border-radius:999px;margin-bottom:.9rem;padding:4px 10px;font-family:Outfit,sans-serif;font-size:.68rem;font-weight:800;display:inline-block}.portal-hero-title{color:#fff;text-shadow:0 2px 10px #00000059;margin:0 0 .6rem;font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:800;line-height:1.25}.portal-hero-desc{color:#e2e8f0;text-shadow:0 1px 4px #00000073;max-width:520px;margin:0;font-size:.92rem;line-height:1.55}@media (width<=900px){.portal-search-wrap,.portal-hero-wrap{padding-left:1rem;padding-right:1rem}.portal-hero-content{padding:1.5rem}.portal-hero-title{font-size:1.4rem}}.featured-news-section{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:2rem;padding:1.1rem 1.25rem 1rem}.featured-news-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;padding-bottom:.85rem;display:flex}.featured-news-title{color:var(--navy);letter-spacing:-.01em;align-items:center;gap:.5rem;margin:0;font-family:Outfit,sans-serif;font-size:1.02rem;font-weight:800;display:inline-flex}.featured-news-more{color:var(--text-muted);white-space:nowrap;font-size:.76rem;font-weight:600;text-decoration:none;transition:color .15s}.featured-news-more:hover{color:var(--accent-orange)}.featured-news-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.featured-news-item{border-bottom:1px solid var(--border-subtle)}.featured-news-item:last-child{border-bottom:none}.featured-news-link{color:inherit;align-items:center;gap:.85rem;padding:.7rem .3rem;text-decoration:none;transition:background .15s;display:flex}.featured-news-link:hover{background:var(--surface-muted)}.featured-news-link:hover .featured-news-headline{color:var(--accent-orange)}.featured-news-tag{min-width:56px;color:var(--navy);background:var(--navy-50);border:1px solid var(--navy-200);letter-spacing:.02em;white-space:nowrap;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 10px;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700;display:inline-flex}.featured-news-headline{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.92rem;font-weight:600;line-height:1.45;transition:color .15s;overflow:hidden}.featured-news-time{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:.74rem;font-weight:500}@media (width<=720px){.featured-news-link{flex-wrap:wrap;gap:.5rem .7rem}.featured-news-headline{white-space:normal;flex-basis:100%;order:3}.featured-news-time{order:2}}.portal-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:2rem;display:grid}.portal-main{min-width:0}.portal-sidebar{flex-direction:column;gap:1.25rem;display:flex;position:sticky;top:105px}.sidebar-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:1rem 1.1rem}.sidebar-card-title{color:var(--navy);align-items:center;gap:.4rem;margin-bottom:.75rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;display:flex}.sidebar-card-placeholder{color:var(--text-muted);text-align:center;padding:.75rem 0;font-size:.82rem}.sidebar-login-card .sidebar-login-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.sidebar-login-card .sidebar-login-header .sidebar-card-title{margin-bottom:0}.sidebar-login-signup{color:var(--text-muted);align-items:center;gap:2px;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.sidebar-login-signup:hover{color:var(--accent-orange)}.sidebar-login-form{flex-direction:column;gap:.5rem;display:flex}.sidebar-login-input{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-muted);width:100%;color:var(--text-primary);outline:none;padding:.55rem .7rem;font-family:inherit;font-size:.82rem;transition:border-color .15s}.sidebar-login-input:focus{border-color:var(--navy);background:#fff}.sidebar-login-btn{color:#fff;background:var(--navy);border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;margin-top:.25rem;padding:.6rem .7rem;font-family:inherit;font-size:.82rem;font-weight:700;transition:background .15s}.sidebar-login-btn:hover:not(:disabled){background:var(--navy-700)}.sidebar-login-btn:disabled{opacity:.6;cursor:not-allowed}.sidebar-login-error{color:#dc2626;border-radius:var(--radius-sm);background:#fef2f2;border:1px solid #fecaca;padding:.45rem .6rem;font-size:.72rem}.sidebar-login-links{justify-content:center;gap:.5rem;margin-top:.75rem;font-size:.72rem;display:flex}.sidebar-login-links a{color:var(--text-muted);text-decoration:none}.sidebar-login-links a:hover{color:var(--navy)}.sidebar-user-card .sidebar-user-top{align-items:center;gap:.65rem;margin-bottom:.85rem;display:flex}.sidebar-user-avatar{background:var(--navy-50);width:40px;height:40px;color:var(--navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user-meta{min-width:0}.sidebar-user-name{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-family:Outfit,sans-serif;font-size:.92rem;font-weight:700;overflow:hidden}.sidebar-user-role{color:var(--text-muted);font-size:.72rem}.sidebar-user-actions{gap:.5rem;display:flex}.sidebar-user-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:4px;padding:.5rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.sidebar-user-btn.primary{background:var(--navy);color:#fff}.sidebar-user-btn.primary:hover{background:var(--navy-700)}.sidebar-user-btn.ghost{border-color:var(--border-subtle);color:var(--text-muted);background:0 0}.sidebar-user-btn.ghost:hover{border-color:var(--navy);color:var(--navy)}.sidebar-partner-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.sidebar-partner-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-muted);transition:border-color .15s,background .15s}.sidebar-partner-item:hover{border-color:var(--navy-200);background:#fff}.sidebar-partner-link{color:inherit;padding:.6rem .75rem;text-decoration:none;display:block}.sidebar-partner-name{color:var(--navy);align-items:center;gap:4px;font-size:.84rem;font-weight:700;display:inline-flex}.sidebar-partner-name svg{opacity:.5}.sidebar-partner-desc{color:var(--text-muted);margin-top:2px;font-size:.72rem;line-height:1.4}.sidebar-weather-card{background:linear-gradient(180deg, var(--navy) 0%, var(--navy-900) 100%);border-color:var(--navy-900);color:#e2e8f0}.sidebar-weather-header{justify-content:space-between;align-items:center;gap:6px;margin-bottom:.85rem;display:flex}.sidebar-weather-port{color:#fff;align-items:center;gap:4px;min-width:0;font-size:.78rem;font-weight:700;display:inline-flex}.sidebar-weather-select{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;max-width:150px;font-family:inherit;font-size:.78rem;font-weight:700}.sidebar-weather-select option{color:var(--text-primary);background:#fff}.sidebar-weather-updated{color:#94a3b8;white-space:nowrap;font-size:.66rem}.sidebar-weather-main{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.9rem;display:flex}.sidebar-weather-temp{color:#fff;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:700;line-height:1.1}.sidebar-weather-desc{color:#cbd5e1;font-size:.72rem}.sidebar-weather-icon{font-size:2rem;line-height:1}.sidebar-weather-grid{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.sidebar-weather-cell{border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid #ffffff14;padding:.45rem .55rem}.sidebar-weather-label{color:#94a3b8;align-items:center;gap:3px;margin-bottom:2px;font-size:.64rem;display:inline-flex}.sidebar-weather-value{color:#fff;font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:700}@media (width<=1100px){.portal-grid{grid-template-columns:1fr;gap:1.5rem}.portal-sidebar{flex-flow:wrap;position:static}.portal-sidebar .sidebar-card{flex:280px}}.section-title{align-items:center;gap:.75rem;margin-bottom:2rem;font-size:1.75rem;font-weight:800;display:flex}.top-news-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.news-card{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:1.25rem;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.news-card:hover{border-color:#ff803133;transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.card-image-wrapper{width:100%;height:220px;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.news-card:hover .card-image{transform:scale(1.05)}.category-tag{color:#fff;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1e3ae6;border-radius:.5rem;padding:.35rem 1rem;font-size:.75rem;font-weight:700;position:absolute;top:1.25rem;right:1.25rem}.card-content{flex-grow:1;padding:1.75rem}.card-title{margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.4}.card-summary{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.news-list{flex-direction:column;gap:1.5rem;display:flex}.list-item{border:1px solid var(--border-color);background:#fff;border-radius:1rem;gap:2rem;padding:1.5rem;transition:all .2s;display:flex}.list-item:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md)}.list-image{object-fit:cover;border-radius:.75rem;width:240px;height:140px}.list-content h3{margin-bottom:.75rem;font-size:1.25rem}.list-content p{color:var(--text-secondary);line-height:1.5}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0f1e3a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{box-shadow:var(--shadow-lg);background:#fff;border-radius:1.5rem;width:100%;max-width:500px;padding:3rem;position:relative}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}@media (width<=1024px){header{height:70px;padding:0 1.5rem}header .logo-container{border:none;padding-right:1rem}header .logo-text{font-size:1.25rem}.top-nav-menu,.header-right{display:none}.top-nav-menu.mobile-open{z-index:1001;background:#fff;flex-direction:column;gap:1.5rem;width:100%;height:calc(100vh - 70px);padding:2rem;display:flex;position:fixed;top:70px;left:0;overflow-y:auto}.header-right.mobile-open{background:var(--bg-accent);border-top:1px solid var(--border-color);z-index:1002;flex-direction:column;gap:1rem;width:100%;padding:1.5rem;display:flex;position:fixed;bottom:0;left:0}.mobile-open .top-nav-item{border-bottom:1px solid var(--bg-accent);padding:.5rem 0;font-size:1.1rem}.mobile-menu-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}main{padding:1.5rem 1rem}.section-title{margin-bottom:1.5rem;font-size:1.5rem}.top-news-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}.list-item{flex-direction:column;gap:1rem;padding:1rem}.list-image{width:100%;height:200px}.news-list .ml-auto{justify-content:flex-end;width:100%;margin-top:.5rem;margin-left:0}.modal-content{width:calc(100% - 2rem);margin:1rem;padding:2rem 1.5rem}.user-info-container{flex-direction:column;align-items:flex-start;width:100%}.user-info-container .btn-login-outline{justify-content:center;width:100%}}@media (width>=1025px){.mobile-menu-toggle{display:none}}.admin-login-page{background:linear-gradient(135deg,#0f1e3a 0%,#1a2d5a 50%,#0f1e3a 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.admin-login-card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:44px 36px 32px;box-shadow:0 20px 60px #0000004d}.admin-login-logo{text-align:center;margin-bottom:28px}.admin-login-logo h1{color:var(--text-primary);letter-spacing:-.015em;margin-top:14px;font-family:Outfit,sans-serif;font-size:1.5rem}.admin-login-form{flex-direction:column;gap:14px;display:flex}.admin-input-group label{color:var(--text-secondary);letter-spacing:.02em;margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.admin-input-group input{border:1.5px solid var(--border-color);box-sizing:border-box;border-radius:10px;outline:none;width:100%;padding:13px 16px;font-family:inherit;font-size:.92rem;transition:border-color .15s,box-shadow .15s}.admin-input-group input:focus{border-color:var(--admin-accent);box-shadow:0 0 0 4px #042c531a}.admin-login-error{color:#ef4444;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;font-size:.82rem}.admin-login-btn{background:var(--admin-accent);color:#fff;letter-spacing:.02em;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:10px;padding:14px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;transition:background .15s,box-shadow .15s}.admin-login-btn:hover{background:var(--admin-accent-hover)}.admin-login-btn:disabled{opacity:.6;cursor:not-allowed}.admin-back-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;margin-top:22px;font-family:inherit;font-size:.82rem;transition:color .15s;display:flex}.admin-back-link:focus-visible{outline:2px solid var(--admin-accent);outline-offset:3px;border-radius:4px}.admin-page{background:var(--bg-secondary);min-height:100vh;font-family:Inter,sans-serif}.admin-header{border-bottom:1px solid var(--border-color);z-index:100;box-shadow:var(--shadow-sm);background:#fff;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.admin-header-left{align-items:center;gap:14px;min-width:0;display:flex}.admin-header-brand{align-items:center;display:flex}.admin-header-left h1{color:var(--text-primary);white-space:nowrap;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700}.admin-header-divider{background:var(--admin-border);flex-shrink:0;width:1px;height:28px}.admin-header-title-group{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-header-title{color:var(--text-primary);white-space:nowrap;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.2}.admin-header-subtitle{color:var(--admin-muted);white-space:nowrap;text-overflow:ellipsis;max-width:60ch;font-size:.76rem;line-height:1.3;overflow:hidden}.admin-header-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.admin-header-clock{color:var(--admin-muted);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:Outfit,sans-serif;font-size:.76rem;font-weight:600}.admin-user-email{color:var(--text-secondary);background:var(--admin-surface-muted);border:1px solid var(--admin-border);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:.8rem}@media (width<=1100px){.admin-sidebar{width:72px!important;min-width:72px!important}.admin-sidebar-tab{justify-content:center;padding:12px 6px}.admin-sidebar-tab span,.admin-sidebar-group-title,.admin-header-subtitle{display:none}.admin-header-title{font-size:.95rem}}@media (width<=760px){.admin-header{flex-wrap:wrap;gap:8px;padding:12px 16px}.admin-header-divider,.admin-header-title-group{display:none}.admin-header-right{gap:8px}.admin-header-clock{display:none}.admin-sidebar{width:64px!important;min-width:64px!important}}.admin-btn-outline{border:1.5px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.admin-btn-outline:hover{border-color:var(--admin-accent);color:var(--admin-accent)}.admin-btn-danger{color:#ef4444;cursor:pointer;background:#fef2f2;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.admin-btn-danger:hover{color:#fff;background:#ef4444}.admin-btn-primary{background:var(--admin-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:background .2s;display:flex}.admin-btn-primary:hover{background:var(--admin-accent-hover)}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:none;padding:24px 32px 12px;display:grid}.admin-stat-card{background:var(--admin-surface);border:1px solid var(--admin-border);box-shadow:var(--admin-shadow);border-radius:14px;align-items:center;gap:14px;padding:18px 22px;transition:border-color .15s,transform .15s;display:flex}.admin-stat-card:hover{border-color:var(--navy-200);transform:translateY(-1px)}.admin-stat-number{color:var(--text-primary);letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:800;line-height:1;display:block}.admin-stat-label{color:var(--admin-muted);margin-top:6px;font-size:.76rem;font-weight:500;display:block}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 32px 16px;display:flex}.admin-search-box{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:10px;align-items:center;gap:10px;width:320px;max-width:100%;padding:9px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.admin-search-box svg{color:var(--admin-muted);flex-shrink:0}.admin-search-box input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:.86rem}.admin-search-box input::placeholder{color:var(--admin-muted)}.admin-table-wrap{background:var(--admin-surface);border:1px solid var(--admin-border);box-shadow:var(--admin-shadow);border-radius:14px;max-height:calc(100vh - 280px);margin:0 32px 24px;overflow:auto}.admin-table{border-collapse:separate;border-spacing:0;width:100%}.admin-table thead{background:var(--admin-surface-muted);z-index:2;position:sticky;top:0}.admin-table thead th{background:var(--admin-surface-muted);text-align:left;color:var(--admin-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--admin-border);white-space:nowrap;padding:12px 14px;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700}.admin-table tbody td{border-bottom:1px solid var(--admin-border);color:var(--text-primary);white-space:nowrap;vertical-align:middle;padding:13px 14px;font-size:.83rem}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table td.num,.admin-table td.admin-td-num,.admin-table td.count{font-variant-numeric:tabular-nums;text-align:right}.admin-table td.tnum{font-variant-numeric:tabular-nums}.admin-td-center{text-align:center}.admin-td-muted{color:var(--admin-muted);font-size:.8rem}.admin-table td .admin-cell-truncate,.admin-table td .admin-url{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:260px;display:inline-block;overflow:hidden}.admin-table td .admin-url{color:var(--admin-muted);font-family:JetBrains Mono,Consolas,monospace;font-size:.72rem}.admin-title-cell{align-items:center;gap:12px;display:flex}.admin-thumb{object-fit:cover;border:1px solid var(--admin-border);border-radius:8px;flex-shrink:0;width:72px;height:42px}.admin-title-text{text-overflow:ellipsis;white-space:nowrap;max-width:400px;font-weight:500;line-height:1.3;display:block;overflow:hidden}.admin-link-small{color:var(--admin-accent);align-items:center;gap:4px;margin-top:2px;font-size:.75rem;text-decoration:none;display:inline-flex}.admin-badge{background:var(--admin-accent-soft);color:var(--admin-accent);letter-spacing:.02em;white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-block}.admin-badge.success{color:#166534;background:#dcfce7}.admin-badge.warn{color:#92400e;background:#fef3c7}.admin-badge.danger{color:#991b1b;background:#fef2f2}.admin-badge.muted{background:var(--admin-surface-muted);color:var(--admin-muted)}.admin-page .add-btn{background:var(--admin-accent);color:#fff;letter-spacing:.02em;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:0 16px;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:700;transition:background .15s,box-shadow .15s;display:inline-flex}.admin-page .add-btn:hover{background:var(--admin-accent-hover);box-shadow:0 4px 12px #042c532e}.admin-row-actions{white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:inline-flex}.admin-row-btn{letter-spacing:.02em;color:var(--text-primary);background:var(--admin-surface);border:1px solid var(--admin-border);cursor:pointer;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:6px 12px;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700;line-height:1;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s;display:inline-flex}.admin-row-btn svg{flex-shrink:0;width:13px;height:13px}.admin-row-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px #081e3e14}.admin-row-btn.edit{color:var(--admin-accent);border-color:var(--navy-200);background:var(--admin-accent-soft)}.admin-row-btn.edit:hover{background:var(--admin-accent);color:#fff;border-color:var(--admin-accent)}.admin-row-btn.delete{color:#b91c1c;background:#fff;border-color:#fecaca}.admin-row-btn.delete:hover{color:#fff;background:#b91c1c;border-color:#b91c1c}.admin-row-btn.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.admin-row-btn.success:hover{color:#fff;background:#16a34a;border-color:#16a34a}.admin-row-btn.muted{color:var(--admin-muted);border-color:var(--admin-border);background:var(--admin-surface)}.admin-row-btn.muted:hover{color:var(--text-primary);border-color:var(--navy-200);background:var(--admin-surface-muted)}.admin-inline-input{width:100%;color:var(--text-primary);background:var(--admin-surface);border:1px solid var(--admin-border);box-sizing:border-box;border-radius:6px;outline:none;padding:5px 8px;font-family:inherit;font-size:.82rem;transition:border-color .15s,box-shadow .15s}.admin-inline-input:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3px #042c531a}.admin-actions{gap:6px;display:flex}.admin-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.admin-action-btn.edit:hover{color:#fff;background:#4f46e5}.admin-action-btn.delete:hover{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.admin-loading,.admin-empty{color:var(--admin-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:220px;padding:72px 24px;display:flex}.admin-empty svg{background:var(--admin-accent-soft);width:60px;height:60px;color:var(--admin-accent);opacity:.9;border-radius:50%;padding:14px}.admin-empty p{text-align:center;max-width:360px;color:var(--admin-muted);margin:0;font-size:.86rem;line-height:1.5}.admin-spinner,.admin-loading-spinner{border:2.5px solid var(--admin-border);border-top-color:var(--admin-accent);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite admin-spin}.admin-loading-spinner{margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-content::-webkit-scrollbar{width:8px;height:8px}.admin-sidebar::-webkit-scrollbar{width:8px;height:8px}.admin-table-wrap::-webkit-scrollbar{width:8px;height:8px}.admin-body::-webkit-scrollbar{width:8px;height:8px}.admin-content::-webkit-scrollbar-track{background:var(--admin-surface-muted)}.admin-sidebar::-webkit-scrollbar-track{background:var(--admin-surface-muted)}.admin-table-wrap::-webkit-scrollbar-track{background:var(--admin-surface-muted)}.admin-body::-webkit-scrollbar-track{background:var(--admin-surface-muted)}.admin-content::-webkit-scrollbar-thumb{background:var(--navy-200);border:2px solid var(--admin-surface-muted);border-radius:6px}.admin-sidebar::-webkit-scrollbar-thumb{background:var(--navy-200);border:2px solid var(--admin-surface-muted);border-radius:6px}.admin-table-wrap::-webkit-scrollbar-thumb{background:var(--navy-200);border:2px solid var(--admin-surface-muted);border-radius:6px}.admin-body::-webkit-scrollbar-thumb{background:var(--navy-200);border:2px solid var(--admin-surface-muted);border-radius:6px}.admin-content::-webkit-scrollbar-thumb:hover{background:var(--navy-700)}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:var(--navy-700)}.admin-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--navy-700)}.admin-body::-webkit-scrollbar-thumb:hover{background:var(--navy-700)}.admin-page button:focus-visible,.admin-page a:focus-visible,.admin-page input:focus-visible,.admin-page select:focus-visible,.admin-page textarea:focus-visible{outline:2px solid var(--admin-accent);outline-offset:2px;border-radius:6px}.admin-modal-overlay{z-index:1000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:absolute;inset:0}.admin-modal{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:12px;width:100%;max-width:640px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 30px 80px #042c5347,0 10px 30px #081e3e1f}.admin-modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.admin-modal-header h2{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;display:flex}.admin-modal-header .admin-modal-icon{background:var(--admin-accent-soft);width:36px;height:36px;color:var(--admin-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:inline-flex}.admin-modal-header .admin-modal-icon.danger{color:#b91c1c;background:#fef2f2}.admin-modal-header .admin-modal-icon.warn{color:#b45309;background:#fffbeb}.admin-modal-close{color:var(--admin-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:background .15s,color .15s}.admin-modal-close:hover{background:var(--admin-surface-muted);color:var(--admin-accent)}.admin-modal-body{flex-direction:column;gap:16px;padding:24px 28px;display:flex}.admin-form-row label{color:var(--text-secondary);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.admin-form-row input,.admin-form-row textarea,.admin-form-row select{border:1.5px solid var(--border-color);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s}.admin-form-row input:focus,.admin-form-row textarea:focus{border-color:var(--admin-accent)}.admin-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-checkbox-row{padding-top:4px}.admin-checkbox-label{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-weight:500;display:flex}.admin-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--admin-accent)}.admin-preview-img{border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.admin-preview-img img{object-fit:cover;width:100%;max-height:200px}.admin-modal-footer{justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.admin-body{min-height:calc(100vh - 65px);display:flex}.admin-sidebar{border-right:1px solid var(--border-color);background:#fff;flex-direction:column;justify-content:space-between;width:220px;min-width:220px;height:calc(100vh - 65px);display:flex;position:sticky;top:65px;overflow-y:auto}.admin-sidebar-nav{flex-direction:column;gap:14px;padding:14px 10px;display:flex}.admin-sidebar-group{flex-direction:column;gap:2px;display:flex}.admin-sidebar-group-title{letter-spacing:.14em;text-transform:uppercase;color:var(--admin-muted);opacity:.75;padding:4px 14px 6px;font-family:Outfit,sans-serif;font-size:.66rem;font-weight:800}.admin-sidebar-footer{border-top:1px solid var(--admin-border);background:var(--admin-surface);flex-direction:column;gap:6px;padding:16px 10px;display:flex}.admin-sidebar-footer .admin-sidebar-tab{color:var(--admin-muted)}.admin-sidebar-footer .admin-sidebar-tab:hover{color:var(--admin-accent);background:var(--admin-accent-soft)}.admin-sidebar-tab{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;transition:all .2s;display:flex}.admin-sidebar-tab svg{flex-shrink:0}.admin-sidebar-tab:hover{color:var(--text-primary);background:var(--bg-accent)}.admin-sidebar-tab.active{color:var(--admin-accent);background:var(--admin-accent-soft);font-weight:600}.admin-sidebar-tab.active svg{color:var(--admin-accent)}.admin-sidebar-tab.logout{color:#ef4444}.admin-sidebar-tab.logout:hover{background:#fef2f2}.admin-content{flex:1;min-width:0;overflow-y:auto}.admin-menu-section{background:var(--admin-surface);border:1px solid var(--admin-border);box-shadow:var(--admin-shadow);border-radius:14px;margin:0 32px 24px;overflow:hidden}.admin-menu-header{border-bottom:1px solid var(--admin-border);background:var(--admin-surface);justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.admin-menu-header h2{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:8px;margin:0 0 2px;font-family:Outfit,sans-serif;font-size:.98rem;font-weight:700;display:flex}.admin-menu-header h2 svg{color:var(--admin-accent)}.admin-menu-header p{color:var(--admin-muted);margin:0;font-size:.76rem;line-height:1.45}.admin-menu-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.admin-menu-msg{border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:500;animation:.3s ease-out fadeIn}.admin-menu-msg.success{color:#16a34a;background:#f0fdf4}.admin-menu-msg.error{color:#ef4444;background:#fef2f2}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-menu-list{flex-direction:column;gap:16px;padding:20px 28px;display:flex}.admin-menu-item{background:var(--bg-accent);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:20px;padding:18px 20px;transition:border-color .2s,box-shadow .2s;display:flex}.admin-menu-item:hover{border-color:var(--admin-accent);box-shadow:0 2px 12px var(--admin-accent-soft)}.admin-menu-item-info{flex-shrink:0;align-items:center;gap:12px;min-width:180px;display:flex}.admin-menu-icon{background:var(--admin-accent-soft);width:40px;height:40px;color:var(--admin-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-menu-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.admin-menu-input-wrap{flex:1;position:relative}.admin-menu-input-icon{color:var(--text-secondary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-menu-input{border:1.5px solid var(--border-color);box-sizing:border-box;background:#fff;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 36px;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s}.admin-menu-input:focus{border-color:var(--admin-accent)}@media (width<=768px){.admin-header{flex-wrap:wrap;gap:8px;padding:12px 16px}.admin-body{flex-direction:column}.admin-sidebar{border-right:none;border-bottom:1px solid var(--border-color);flex-direction:row;width:100%;min-width:100%;height:auto;position:static;overflow-x:auto}.admin-sidebar-nav{flex-direction:row;flex:1;gap:4px;padding:8px}.admin-sidebar-tab{white-space:nowrap;padding:10px 14px;font-size:.82rem}.admin-sidebar-tab span{display:inline}.admin-sidebar-footer{border-top:none;border-left:1px solid var(--border-color);flex-direction:row;gap:4px;padding:8px}.admin-stats{grid-template-columns:1fr;padding:16px}.admin-toolbar{flex-direction:column;gap:12px;padding:0 16px 16px}.admin-search-box{width:100%}.admin-table-wrap{margin:0 16px 16px;overflow-x:auto}.admin-form-grid{grid-template-columns:1fr}.admin-user-email{display:none}.admin-menu-section{margin:0 16px 16px}.admin-menu-header{flex-direction:column;gap:12px;padding:16px 20px}.admin-menu-list{padding:16px 20px}.admin-menu-item{flex-direction:column;align-items:stretch;gap:12px}.admin-menu-item-info{min-width:auto}.admin-cat-add-inner{flex-direction:column}.admin-cat-view-row{flex-direction:column;align-items:flex-start;gap:12px}.admin-cat-edit-row{flex-direction:column}}.admin-cat-add{border-bottom:1px solid var(--border-color);background:#fff;padding:20px 28px}.admin-cat-add-inner{align-items:center;gap:12px;display:flex}.admin-cat-add-icon{color:var(--admin-accent);flex-shrink:0}.admin-cat-add-input{border:1.5px solid var(--border-color);box-sizing:border-box;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s}.admin-cat-add-input:focus{border-color:var(--admin-accent)}.admin-cat-list{flex-direction:column;gap:10px;padding:20px 28px;display:flex}.admin-cat-item{background:var(--bg-accent);border:1px solid var(--border-color);border-radius:10px;padding:14px 18px;transition:border-color .2s,box-shadow .2s}.admin-cat-item:hover{border-color:var(--admin-accent);box-shadow:0 2px 8px #042c530f}.admin-cat-view-row{justify-content:space-between;align-items:center;display:flex}.admin-cat-info{align-items:center;gap:12px;display:flex}.admin-cat-id{color:var(--text-secondary);background:#0000000a;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:.75rem}.admin-cat-edit-row{align-items:center;gap:12px;display:flex}.admin-cat-edit-input{border:2px solid var(--admin-accent);background:#fff;border-radius:8px;outline:none;flex:1;padding:8px 14px;font-family:Inter,sans-serif;font-size:.9rem}.auth-page{background:linear-gradient(135deg,#0f1e3a 0%,#1a2d5a 50%,#0f1e3a 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-card{background:#fff;border-radius:20px;width:100%;max-width:460px;padding:48px 40px;position:relative;box-shadow:0 24px 80px #0000004d}.auth-card-wide{max-width:580px}.auth-back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:28px;font-size:.85rem;transition:color .2s;display:flex}.auth-back-btn:hover{color:var(--accent-color)}.auth-logo-section{align-items:center;gap:10px;margin-bottom:32px;display:flex}.auth-logo-text{color:var(--text-primary);letter-spacing:-1px;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800}.auth-title{color:var(--text-primary);margin-bottom:8px;font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:800}.auth-subtitle{color:var(--text-secondary);margin-bottom:28px;font-size:.95rem;line-height:1.6}.auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.85rem;display:flex}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);margin-top:8px;padding-bottom:4px;font-size:.8rem;font-weight:700}.auth-password-hint{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:6px;margin-top:-4px;padding:8px 14px;font-size:.78rem;display:flex}.auth-pw-rules{flex-wrap:wrap;gap:8px;margin-top:-4px;margin-bottom:4px;display:flex}.auth-pw-rule{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.auth-pw-rule.ok{color:#16a34a;background:#f0fdf4}.auth-pw-rule.fail{color:#dc2626;background:#fef2f2}.auth-pw-match{align-items:center;gap:4px;margin:4px 0 0;font-size:.78rem;font-weight:600;display:flex}.auth-pw-match.ok{color:#16a34a}.auth-pw-match.fail{color:#dc2626}.auth-pw-toggle{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-pw-toggle:hover{color:#1e40af}.signup-steps{justify-content:center;align-items:center;gap:12px;margin:16px 0 20px;display:flex}.signup-step{color:#94a3b8;align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.signup-step.active{color:var(--text-primary)}.signup-step.done{color:#22c55e}.signup-step-num{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.signup-step.active .signup-step-num{color:#fff;background:#1e40af}.signup-step.done .signup-step-num{color:#fff;background:#22c55e}.signup-step-line{background:#e2e8f0;width:40px;height:2px}.auth-email-verify-row{align-items:stretch;gap:8px;display:flex}.auth-verify-btn{cursor:pointer;white-space:nowrap;color:#fff;background:#1e40af;border:none;border-radius:10px;align-items:center;gap:6px;padding:0 16px;font-size:.82rem;font-weight:600;transition:background .2s,transform .15s;display:flex}.auth-verify-btn:hover:not(:disabled){background:#1e3a8a;transform:translateY(-1px)}.auth-verify-btn:disabled{opacity:.5;cursor:not-allowed}.auth-verify-btn.verified{background:#22c55e}.auth-verify-btn.confirm{background:#f59e0b}.auth-verify-btn.confirm:hover:not(:disabled){background:#d97706}.auth-code-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;animation:.3s fadeInCard}.auth-code-timer{color:#64748b;margin:8px 0 0;font-size:.78rem}.auth-code-timer strong{color:#dc2626}.auth-verified-email{color:var(--text-primary);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:8px;margin-bottom:8px;padding:12px 16px;font-size:.9rem;display:flex}.auth-verified-badge{color:#22c55e;margin-left:auto;font-size:.75rem;font-weight:700}.auth-email-verified-tag{color:#16a34a;white-space:nowrap;background:#f0fdf4;border:1px solid #86efac;border-radius:10px;align-items:center;gap:6px;padding:0 16px;font-size:.82rem;font-weight:700;animation:.3s fadeInCard;display:flex}.auth-input-group{flex:1}.auth-input-group label{color:var(--text-primary);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.auth-input-wrapper{border:1.5px solid var(--border-color);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.auth-input-wrapper:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px #ff80311a}.auth-input-wrapper svg{color:var(--text-secondary);flex-shrink:0}.auth-input-wrapper input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-family:Inter,sans-serif;font-size:.9rem}.auth-input-wrapper input::placeholder{color:#94a3b8}.auth-input-row{gap:12px;display:flex}.auth-btn-primary{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:8px;padding:14px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:background .2s,transform .1s}.auth-btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.auth-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:.9rem}.auth-footer a{color:var(--accent-color);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-success-icon{justify-content:center;margin-bottom:24px;display:flex}.auth-hint{color:var(--text-secondary);text-align:center;margin-bottom:24px;font-size:.85rem}@media (width<=640px){.auth-card{padding:32px 24px}.auth-card-wide{max-width:100%}.auth-input-row{flex-direction:column;gap:16px}.auth-title{font-size:1.5rem}}.news-category-page{background:var(--bg-primary);min-height:100vh}.news-cat-banner{background:linear-gradient(135deg, #0f1e3a 0%, #1a2d5a 60%, var(--cat-color,#ff8031) 100%);padding:80px 0 40px}.news-cat-banner-inner{align-items:flex-end;gap:24px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.news-cat-back{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;align-items:center;gap:4px;margin-bottom:4px;padding:8px 16px;font-size:.85rem;transition:background .2s;display:flex}.news-cat-back:hover{background:#ffffff40}.news-cat-title{color:#fff;margin:0;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;line-height:1.1}.news-cat-subtitle{color:#ffffffb3;margin:6px 0 0;font-size:1rem}.news-cat-content{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.news-cat-loading{color:var(--text-secondary);flex-direction:column;align-items:center;gap:16px;padding:80px 0;display:flex}.news-cat-spinner{animation:1s linear infinite spin}.news-cat-empty{text-align:center;color:var(--text-secondary);padding:80px 0}.news-cat-empty-hint{opacity:.7;margin-top:8px;font-size:.85rem}.news-cat-tabs-wrapper{border-bottom:1px solid var(--border-color);z-index:10;background:#fff;position:sticky;top:0}.news-cat-tabs{gap:4px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.news-cat-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:14px 20px;font-size:.9rem;font-weight:500;transition:color .2s,border-color .2s;display:flex}.news-cat-tab:hover{color:var(--text-primary)}.news-cat-tab.active{color:var(--tab-color,var(--accent-color));border-bottom-color:var(--tab-color,var(--accent-color));font-weight:600}.news-cat-section-title{color:var(--text-primary);border-bottom:2px solid var(--border-color);margin-bottom:20px;padding-bottom:10px;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700}.news-cat-featured{margin-bottom:48px}.news-cat-featured-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.news-cat-card{border:1px solid var(--border-color);color:inherit;background:#fff;border-radius:14px;text-decoration:none;transition:transform .2s,box-shadow .2s;overflow:hidden}.news-cat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.news-cat-card-img{height:180px;position:relative;overflow:hidden}.news-cat-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.news-cat-card:hover .news-cat-card-img img{transform:scale(1.05)}.news-cat-card-badge{color:#fff;text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;top:12px;left:12px}.news-cat-card-body{padding:18px}.news-cat-card-body h3{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:1rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.news-cat-card-body p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:.83rem;line-height:1.5;display:-webkit-box;overflow:hidden}.news-cat-card-meta{color:var(--text-secondary);justify-content:space-between;font-size:.75rem;display:flex}.news-cat-card-meta span{align-items:center;gap:4px;display:flex}.news-cat-list-section{margin-top:16px}.news-cat-table-wrapper{overflow-x:auto}.news-cat-table{border-collapse:collapse;width:100%;font-size:.9rem}.news-cat-table thead{background:var(--bg-accent)}.news-cat-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--border-color);padding:12px 16px;font-size:.8rem;font-weight:600}.news-cat-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:14px 16px}.news-cat-row{cursor:pointer;transition:background .15s}.news-cat-row:hover{background:#ff80310a}.news-cat-row-title{font-weight:500}.news-cat-link-icon{opacity:0;vertical-align:middle;margin-left:6px;transition:opacity .2s}.news-cat-row:hover .news-cat-link-icon{opacity:.5}.col-no{text-align:center;width:60px;color:var(--text-secondary)}.col-author{width:140px}.col-date{width:110px;color:var(--text-secondary);white-space:nowrap}.col-views{width:90px;color:var(--text-secondary);white-space:nowrap}.col-comments,.col-likes{width:80px;color:var(--text-secondary);white-space:nowrap}.col-views svg{vertical-align:middle;margin-right:3px}.related-sites-count{color:var(--text-secondary);background:var(--bg-accent);border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:500}.related-sites-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px;display:grid}.related-site-card{border:1px solid var(--border-color);color:inherit;animation:.5s both fadeInCard;animation-delay:var(--card-delay,0s);background:#fff;border-radius:16px;text-decoration:none;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;overflow:hidden}@keyframes fadeInCard{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.related-site-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #0000001f}.related-site-preview{background:linear-gradient(135deg,#f0f4f8,#e2e8f0);height:200px;position:relative;overflow:hidden}.related-site-preview img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.related-site-card:hover .related-site-preview img{transform:scale(1.08)}.related-site-preview-fallback{color:#94a3b8;background:linear-gradient(135deg,#f8fafc,#e2e8f0);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex;position:absolute;inset:0}.related-site-overlay{color:#fff;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1e3ab3;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:600;transition:opacity .3s;display:flex;position:absolute;inset:0}.related-site-card:hover .related-site-overlay{opacity:1}.related-site-info{padding:18px 20px 20px}.related-site-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.related-site-favicon{border-radius:6px;flex-shrink:0;width:24px;height:24px}.related-site-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.3;overflow:hidden}.related-site-desc{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 14px;font-size:.84rem;line-height:1.6;display:-webkit-box;overflow:hidden}.related-site-url{color:var(--accent-color,#0ea5e9);background:#0ea5e90f;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.76rem;font-weight:500;transition:background .2s;display:inline-flex}.related-site-card:hover .related-site-url{background:#0ea5e91f}@media (width<=900px){.news-cat-featured-grid{grid-template-columns:1fr}.news-cat-title{font-size:1.8rem}.news-cat-banner-inner{flex-direction:column;align-items:flex-start;gap:16px}.col-author,.col-views{display:none}.related-sites-grid{grid-template-columns:1fr;gap:16px}.related-site-preview{height:160px}}@media (width>=901px) and (width<=1100px){.related-sites-grid{grid-template-columns:repeat(2,1fr)}}.whoweare-page{background:var(--bg-primary);min-height:100vh}.wwa-hero{text-align:center;background:url(https://images.unsplash.com/photo-1544256718-3bcf237f3974?q=80&w=1920&auto=format&fit=crop) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:480px;padding:120px 24px 80px;display:flex;position:relative}.wwa-hero-overlay{background:linear-gradient(#0f1e3ad9 0%,#0f1e3ab3 100%);position:absolute;inset:0}.wwa-hero-content{z-index:1;max-width:720px;position:relative}.wwa-hero-badge{color:#ff8031;letter-spacing:.1em;text-transform:uppercase;background:#ff803133;border-radius:20px;margin-bottom:24px;padding:6px 18px;font-size:.8rem;font-weight:700;display:inline-block}.wwa-hero-title{color:#fff;margin:0 0 20px;font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;line-height:1.2}.wwa-hero-desc{color:#ffffffbf;font-size:1.05rem;line-height:1.7}.wwa-section{padding:80px 24px}.wwa-section-dark{background:#f8fafc}.wwa-container{max-width:1100px;margin:0 auto}.wwa-label{color:var(--accent-color);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:700;display:inline-block}.wwa-heading{color:var(--text-primary);margin:0 0 24px;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;line-height:1.3}.wwa-center-header{text-align:center;margin-bottom:48px}.wwa-mission-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.wwa-mission-card{border:1px solid var(--border-color);text-align:center;background:#fff;border-radius:16px;padding:36px 28px;transition:transform .2s,box-shadow .2s}.wwa-mission-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.wwa-mission-icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:inline-flex}.wwa-mission-card h3{color:var(--text-primary);margin:0 0 12px;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700}.wwa-mission-card p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.65}.wwa-about-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;display:grid}.wwa-about-text p{color:var(--text-secondary);margin:0 0 16px;font-size:.95rem;line-height:1.75}.wwa-about-text strong{color:var(--accent-color)}.wwa-about-stats{grid-template-columns:1fr 1fr;gap:24px;display:grid}.wwa-stat{text-align:center;border:1px solid var(--border-color);background:#fff;border-radius:14px;padding:28px 20px;transition:transform .2s}.wwa-stat:hover{transform:translateY(-2px)}.wwa-stat-number{color:var(--accent-color);margin-bottom:4px;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;display:block}.wwa-stat-label{color:var(--text-secondary);font-size:.82rem;font-weight:500}.wwa-services-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.wwa-service-card{border:1px solid var(--border-color);background:#fff;border-radius:14px;padding:32px 24px;transition:transform .2s,box-shadow .2s}.wwa-service-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000014}.wwa-service-icon{color:var(--accent-color);margin-bottom:16px}.wwa-service-card h4{color:var(--text-primary);margin:0 0 10px;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700}.wwa-service-card p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.6}.wwa-cta{text-align:center;background:linear-gradient(135deg,#0f1e3a 0%,#1a2d5a 60%,#ff8031 160%);padding:80px 24px}.wwa-cta h2{color:#fff;margin:0 0 12px;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800}.wwa-cta p{color:#ffffffb3;margin:0 0 32px;font-size:1rem}.wwa-cta-btn{background:var(--accent-color);color:#fff;border-radius:10px;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,transform .1s;display:inline-flex}.wwa-cta-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.wwa-footer{text-align:center;background:#0a1628;padding:24px}.wwa-footer p{color:#fff6;margin:0;font-size:.82rem}@media (width<=900px){.wwa-hero-title{font-size:2rem}.wwa-hero{min-height:360px;padding:100px 20px 60px}.wwa-mission-grid{grid-template-columns:1fr}.wwa-about-grid{grid-template-columns:1fr;gap:40px}.wwa-services-grid{grid-template-columns:1fr 1fr}.wwa-heading{font-size:1.5rem}}@media (width<=600px){.wwa-services-grid{grid-template-columns:1fr}.wwa-about-stats{grid-template-columns:1fr 1fr;gap:16px}}.news-cat-section-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.news-cat-section-header .news-cat-section-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.news-cat-write-btn{background:var(--accent-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background .2s;display:inline-flex}.news-cat-write-btn:hover{background:var(--accent-hover)}.post-detail-page,.post-write-page{background:var(--bg-primary);min-height:100vh}.post-detail-container{max-width:800px;margin:0 auto;padding:100px 24px 80px}.post-detail-loading{text-align:center;color:var(--text-secondary);padding:120px 0}.post-detail-back{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:4px;margin-bottom:24px;padding:8px 14px;font-size:.85rem;transition:border-color .2s;display:inline-flex}.post-detail-back:hover{border-color:var(--text-primary);color:var(--text-primary)}.post-detail-type-badge{background:var(--accent-color);color:#fff;border-radius:6px;margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.post-detail-title{color:var(--text-primary);margin:0 0 16px;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;line-height:1.35}.post-detail-meta{color:var(--text-secondary);border-bottom:1px solid var(--border-color);gap:20px;margin-bottom:20px;padding-bottom:20px;font-size:.85rem;display:flex}.post-detail-meta span{align-items:center;gap:5px;display:flex}.post-detail-actions{gap:8px;margin-bottom:24px;display:flex}.post-action-btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:.82rem;transition:all .15s;display:inline-flex}.post-action-btn.edit:hover{border-color:var(--accent-color);color:var(--accent-color)}.post-action-btn.delete{color:#dc3545}.post-action-btn.delete:hover{background:#fff5f5;border-color:#dc3545}.post-detail-content{color:var(--text-primary);word-break:keep-all;font-size:1rem;line-height:1.85}.post-write-heading{color:var(--text-primary);margin:0 0 28px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}.post-write-form{flex-direction:column;gap:20px;display:flex}.post-write-field label{color:var(--text-secondary);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.post-write-field input,.post-write-field textarea{border:1px solid var(--border-color);width:100%;color:var(--text-primary);box-sizing:border-box;background:#fff;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.post-write-field input:focus,.post-write-field textarea:focus{border-color:var(--accent-color);outline:none}.post-write-field textarea{resize:vertical;min-height:300px}.post-write-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.post-write-cancel{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:8px;padding:10px 24px;font-size:.9rem;transition:border-color .2s}.post-write-cancel:hover{border-color:var(--text-primary)}.post-write-submit{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 28px;font-size:.9rem;font-weight:600;transition:background .2s;display:inline-flex}.post-write-submit:hover{background:var(--accent-hover)}.post-write-submit:disabled{opacity:.6;cursor:not-allowed}.rte-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:10px;transition:border-color .2s;overflow:hidden}.rte-wrapper:focus-within{border-color:var(--accent-color)}.rte-toolbar{border-bottom:1px solid var(--border-color);background:#f8fafc;flex-wrap:wrap;align-items:center;gap:2px;padding:8px 10px;display:flex}.rte-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.rte-btn:hover{color:var(--text-primary);background:#e2e8f0}.rte-sep{background:var(--border-color);width:1px;height:20px;margin:0 4px}.rte-editor{min-height:350px;color:var(--text-primary);outline:none;padding:16px 18px;font-size:.95rem;line-height:1.75;overflow-y:auto}.rte-editor:empty:before{content:attr(data-placeholder);color:#aaa;pointer-events:none}.rte-editor h2{color:var(--text-primary);margin:16px 0 8px;font-size:1.4rem;font-weight:700}.rte-editor h3{color:var(--text-primary);margin:14px 0 6px;font-size:1.15rem;font-weight:600}.rte-editor blockquote{border-left:3px solid var(--accent-color);color:#92400e;background:#fff7ed;border-radius:0 8px 8px 0;margin:12px 0;padding:8px 16px}.rte-editor ul,.rte-editor ol{margin:8px 0;padding-left:24px}.rte-editor img{border-radius:8px;max-width:100%;height:auto;margin:12px 0}.rte-editor a{color:var(--accent-color);text-decoration:underline}.post-detail-content h2{margin:20px 0 10px;font-size:1.4rem;font-weight:700}.post-detail-content h3{margin:16px 0 8px;font-size:1.15rem;font-weight:600}.post-detail-content blockquote{border-left:3px solid var(--accent-color);color:#92400e;background:#fff7ed;border-radius:0 8px 8px 0;margin:12px 0;padding:8px 16px}.post-detail-content ul,.post-detail-content ol{margin:8px 0;padding-left:24px}.post-detail-content img{border-radius:8px;max-width:100%;height:auto;margin:12px 0}.post-detail-content a{color:var(--accent-color);text-decoration:underline}.comment-section{border-top:2px solid var(--border-color);margin-top:48px;padding-top:32px}.comment-section-title{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 24px;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;display:flex}.comment-count{background:var(--accent-color);color:#fff;text-align:center;border-radius:10px;min-width:20px;padding:2px 8px;font-size:.75rem;font-weight:700}.comment-list{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.comment-empty{text-align:center;color:var(--text-secondary);padding:24px 0;font-size:.9rem}.comment-item{border:1px solid var(--border-color);background:#f8fafc;border-radius:12px;padding:16px 20px;transition:border-color .2s}.comment-item:hover{border-color:#cbd5e1}.comment-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.comment-nickname{color:var(--text-primary);align-items:center;gap:5px;font-size:.88rem;font-weight:600;display:flex}.comment-date{color:var(--text-secondary);font-size:.78rem}.comment-content{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.92rem;line-height:1.65}.comment-actions-row{justify-content:flex-end;margin-top:10px;display:flex}.comment-action-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:.78rem;transition:color .2s}.comment-action-link:hover{color:#ef4444}.comment-delete-confirm{align-items:center;gap:6px;display:flex}.comment-delete-input{border:1px solid var(--border-color);border-radius:6px;width:140px;padding:4px 10px;font-size:.82rem}.comment-delete-btn{cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:.78rem;transition:background .2s}.comment-delete-btn.confirm{color:#fff;background:#ef4444}.comment-delete-btn.confirm:hover{background:#dc2626}.comment-delete-btn.cancel{color:var(--text-secondary);background:#e2e8f0;align-items:center;display:flex}.comment-delete-btn.cancel:hover{background:#cbd5e1}.comment-form{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:20px}.comment-form-row{gap:10px;margin-bottom:12px;display:flex}.comment-input{border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.comment-input:focus{border-color:var(--accent-color);outline:none}.comment-input.nickname{flex:1}.comment-input.nickname.logged-in{color:var(--primary-color);cursor:default;border-color:var(--primary-color);opacity:.85;background:#f0f4ff;font-weight:600}.comment-input.password{flex:0 0 140px;max-width:140px;padding-right:36px}.comment-pw-wrapper{flex:0 0 140px;align-items:center;max-width:140px;display:flex;position:relative}.comment-pw-wrapper .comment-input.password{width:100%}.comment-pw-toggle{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.comment-pw-toggle:hover{color:var(--text-primary)}.comment-delete-confirm .comment-pw-wrapper{flex:1}.comment-delete-confirm .comment-pw-wrapper .comment-delete-input{width:100%;padding-right:30px}.comment-textarea{border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.comment-textarea:focus{border-color:var(--accent-color);outline:none}.comment-error{color:#ef4444;margin:0 0 8px;font-size:.82rem}.comment-form-actions{justify-content:flex-end;display:flex}.comment-submit-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.comment-submit-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width<=600px){.comment-form-row{flex-direction:column}}.file-upload-area{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.file-upload-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px dashed #94a3b8;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;font-weight:500;transition:all .2s;display:inline-flex}.file-upload-btn:hover{color:#1e293b;background:#e2e8f0;border-color:#64748b}.file-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.file-remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;transition:all .2s;display:inline-flex}.file-remove-btn:hover{background:#fef2f2}.pagination-wrapper{justify-content:center;align-items:center;gap:4px;margin:1.5rem 0 .5rem;padding:8px 0;display:flex}.pagination-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 8px;font-size:.88rem;font-weight:500;transition:all .2s;display:inline-flex}.pagination-btn:hover:not(:disabled):not(.active){background:#f1f5f9;border-color:#94a3b8}.pagination-btn.active{color:#fff;background:#ff8031;border-color:#ff8031;font-weight:700}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-dots{color:#94a3b8;justify-content:center;align-items:center;width:28px;font-size:.85rem;display:inline-flex}.hub-page{background:#f8fafc;min-height:100vh}.hub-banner{background:linear-gradient(135deg,#0f1e3a 0%,#1a2d5a 60%,#2563eb 100%);padding:80px 0 40px}.hub-banner-inner{align-items:flex-end;gap:24px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.hub-banner-back{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;align-items:center;gap:4px;margin-bottom:4px;padding:8px 16px;font-size:.85rem;transition:background .2s;display:flex}.hub-banner-back:hover{background:#ffffff40}.hub-title{color:#fff;margin:0;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;line-height:1.1}.hub-subtitle{color:#ffffffb3;margin:6px 0 0;font-size:1rem}.hub-content{max-width:1280px;margin:0 auto;padding:32px 24px 60px}.hub-top-bar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.hub-section-title{color:#1e293b;margin:0;font-size:1.3rem;font-weight:700}.hub-create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8031,#f97316);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 22px;font-size:.92rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #f973164d}.hub-create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f9731666}.hub-featured-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;display:grid}.hub-featured-card{animation:.5s forwards fadeInUp;animation-delay:var(--card-delay,0s);opacity:0;cursor:pointer;background:#fff;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 2px 12px #0000000f}.hub-featured-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.hub-featured-image{width:100%;height:180px;overflow:hidden}.hub-featured-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.hub-featured-card:hover .hub-featured-image img{transform:scale(1.05)}.hub-featured-placeholder{color:#ffffffb3;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hub-featured-info{padding:20px}.hub-featured-info h3{color:#1e293b;margin:0 0 8px;font-size:1.15rem;font-weight:700}.hub-featured-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:.88rem;line-height:1.6;display:-webkit-box;overflow:hidden}.hub-featured-meta{color:#94a3b8;gap:16px;font-size:.8rem;display:flex}.hub-featured-meta span{align-items:center;gap:4px;display:flex}.hub-empty-featured{text-align:center;color:#94a3b8;background:#fff;border:2px dashed #e2e8f0;border-radius:16px;grid-column:1/-1;padding:60px 20px}.hub-all-section{margin-top:8px}.hub-all-section .hub-section-title{margin-bottom:20px}.hub-all-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.hub-card{animation:.4s forwards fadeInUp;animation-delay:var(--card-delay,0s);opacity:0;cursor:pointer;background:#fff;border-radius:12px;transition:all .25s;overflow:hidden;box-shadow:0 1px 8px #0000000d}.hub-card:hover{transform:translateY(-3px);box-shadow:0 6px 24px #0000001a}.hub-card-image{width:100%;height:110px;position:relative;overflow:hidden}.hub-card-image img{object-fit:cover;width:100%;height:100%}.hub-card-placeholder{color:#ffffffa6;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hub-card-badge{color:#f97316;background:#fffffff2;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:700;position:absolute;top:6px;right:6px}.hub-card-info{padding:12px 14px}.hub-card-info h4{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:.88rem;font-weight:700;overflow:hidden}.hub-card-info p{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:.78rem;line-height:1.4;overflow:hidden}.hub-card-meta{color:#94a3b8;justify-content:space-between;font-size:.72rem;display:flex}.hub-card-meta span{align-items:center;gap:3px;display:flex}.hub-empty-all{text-align:center;color:#94a3b8;background:#fff;border:2px dashed #e2e8f0;border-radius:16px;grid-column:1/-1;padding:80px 20px}.hub-empty-all p{margin:16px 0 0;line-height:1.7}.hub-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.hub-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;animation:.3s fadeInUp;box-shadow:0 16px 48px #0003}.hub-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.hub-modal-header h3{color:#1e293b;margin:0;font-size:1.15rem;font-weight:700}.hub-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.hub-modal-close:hover{color:#475569;background:#f1f5f9}.hub-modal form{padding:24px}.hub-modal-field{margin-bottom:20px}.hub-modal-field label{color:#374151;margin-bottom:6px;font-size:.88rem;font-weight:600;display:block}.hub-modal-field input[type=text]{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.hub-modal-field input[type=text]:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.hub-modal-field textarea{resize:vertical;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:.92rem;transition:border-color .2s}.hub-modal-field textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.hub-modal-actions{justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.hub-modal-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:10px 24px;font-weight:600;transition:all .2s}.hub-modal-cancel:hover{background:#e2e8f0}.hub-modal-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8031,#f97316);border:none;border-radius:8px;padding:10px 28px;font-weight:700;transition:all .2s}.hub-modal-submit:hover{box-shadow:0 4px 12px #f973164d}.hub-modal-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=1100px){.hub-all-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.hub-featured-grid{grid-template-columns:1fr}.hub-all-grid{grid-template-columns:repeat(3,1fr)}.hub-top-bar{flex-wrap:wrap;gap:12px}}@media (width<=500px){.hub-all-grid{grid-template-columns:repeat(2,1fr)}}.hub-login-alert{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:420px;padding:48px 40px 36px;animation:.3s fadeInUp;position:relative;box-shadow:0 20px 60px #0003}.hub-login-alert-icon{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex}.hub-login-alert h3{color:#1e293b;margin:0 0 8px;font-size:1.25rem;font-weight:700}.hub-login-alert p{color:#64748b;margin:0 0 28px;font-size:.92rem}.hub-login-alert-actions{justify-content:center;gap:10px;display:flex}.hub-login-alert-actions .hub-modal-submit{align-items:center;gap:6px;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hub-detail-page{background:#f0f2f5;min-height:100vh}.gallery-header{background:linear-gradient(135deg,#0f1e3a 0%,#1a2d5a 60%,#2563eb 100%);padding:80px 0 28px}.gallery-header-inner{max-width:1200px;margin:0 auto;padding:0 24px}.gallery-back{color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:.85rem;transition:background .2s;display:inline-flex}.gallery-back:hover{color:#fff;background:#fff3}.gallery-title-row{color:#fff;align-items:center;gap:14px;display:flex}.gallery-title-row h1{color:#fff;margin:0;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;line-height:1.1}.gallery-desc{color:#ffffffb3;margin:4px 0 0;font-size:.9rem}.gallery-meta{color:#fff9;align-items:center;gap:16px;margin-top:14px;font-size:.82rem;display:flex}.gallery-meta span{align-items:center;gap:4px;display:flex}.gallery-admin-badge{background:linear-gradient(135deg,#f97316,#ef4444);border-radius:6px;align-items:center;gap:4px;padding:2px 10px;font-size:.75rem;font-weight:700;color:#fff!important;display:inline-flex!important}.gallery-body{max-width:1200px;margin:0 auto;padding:30px 24px 80px}.gallery-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.gallery-toolbar-info{color:#64748b;font-size:.85rem;font-weight:500}.gallery-write-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.gallery-write-btn:hover{background:#1d4ed8}.gallery-write-btn.disabled{cursor:pointer;background:#94a3b8}.gallery-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.gallery-table{border-collapse:collapse;width:100%;font-size:.88rem}.gallery-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.gallery-table th{color:#475569;text-align:center;-webkit-user-select:none;user-select:none;padding:10px 12px;font-size:.82rem;font-weight:700}.gallery-table .col-no{width:60px}.gallery-table .col-title{text-align:left}.gallery-table .col-author{width:100px}.gallery-table .col-date{width:120px}.gallery-table .col-views{width:60px}.gallery-row{cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .15s}.gallery-row:hover{background:#f8fafc}.gallery-row td{text-align:center;color:#475569;padding:10px 12px;font-size:.85rem}.gallery-row .col-title{text-align:left}.gallery-post-title{color:#1e293b;font-weight:500;transition:color .2s}.gallery-row:hover .gallery-post-title{color:#2563eb}.gallery-author{color:#64748b;align-items:center;gap:3px;font-size:.82rem;display:inline-flex}.gallery-author.is-admin{color:#f97316;font-weight:700}.gallery-loading,.gallery-empty{text-align:center;color:#94a3b8;padding:60px 20px!important}.gallery-empty p{margin:0;line-height:1.7}.gallery-pagination{justify-content:center;gap:4px;margin-top:16px;display:flex}.gallery-pagination button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:34px;height:34px;font-size:.85rem;transition:all .2s;display:inline-flex}.gallery-pagination button:hover:not(:disabled):not(.active){background:#f1f5f9;border-color:#94a3b8}.gallery-pagination button.active{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:700}.gallery-pagination button:disabled{opacity:.4;cursor:not-allowed}.gallery-bottom-bar{justify-content:flex-end;margin-top:12px;display:flex}.gallery-modal-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.gallery-modal{background:#fff;border-radius:12px;width:100%;max-height:90vh;animation:.3s fadeInUp;overflow-y:auto;box-shadow:0 20px 60px #00000040}.gallery-modal.write-modal{max-width:720px}.gallery-modal.post-modal{max-width:800px}.gallery-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.gallery-modal-header h3{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:1.1rem;font-weight:700;display:flex}.gallery-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.gallery-modal-close:hover{color:#475569;background:#f1f5f9}.gallery-modal form,.gallery-edit-form{padding:24px}.gallery-write-title{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:16px;padding:12px 16px;font-size:1rem;font-weight:600;transition:border-color .2s}.gallery-write-title:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.gallery-write-content{resize:vertical;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;min-height:240px;margin-bottom:16px;padding:14px 16px;font-family:inherit;font-size:.92rem;line-height:1.7;transition:border-color .2s}.gallery-write-content:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.gallery-write-actions{justify-content:flex-end;gap:10px;display:flex}.gallery-cancel-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:10px 24px;font-weight:600;transition:all .2s}.gallery-cancel-btn:hover{background:#e2e8f0}.gallery-submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 28px;font-weight:700;transition:all .2s}.gallery-submit-btn:hover{background:#1d4ed8}.gallery-submit-btn:disabled{opacity:.6;cursor:not-allowed}.hub-post-page{background:#f8fafc;min-height:100vh;padding-top:80px}.hub-post-container{max-width:800px;margin:0 auto;padding:40px 20px}.hub-post-nav,.hub-post-bottom-nav{margin-bottom:24px}.hub-post-bottom-nav{margin-top:24px;margin-bottom:60px}.hub-post-back{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;margin-left:-12px;padding:8px 12px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.hub-post-back:hover{color:#1e293b;background:#f1f5f9}.hub-post-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px #0000000a}.hub-post-card-header{border-bottom:1px solid #f1f5f9;padding:32px 32px 24px}.hub-post-card-header h2{color:#1e293b;margin:0 0 16px;font-size:1.5rem;font-weight:700;line-height:1.4}.hub-post-info-row{color:#64748b;flex-wrap:wrap;align-items:center;gap:20px;font-size:.85rem;display:flex}.hub-post-info-row span{align-items:center;gap:6px;display:inline-flex}.hub-post-author{color:#475569;font-weight:600}.hub-post-author.is-admin{color:#f97316}.hub-post-body{color:#334155;word-break:break-word;min-height:300px;padding:36px 32px;font-size:1rem;line-height:1.8}.hub-post-footer{justify-content:flex-end;gap:12px;padding:16px 32px 24px;display:flex}.hub-post-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.hub-post-btn.edit:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.hub-post-btn.delete:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.hub-post-edit-form{padding:32px}.hub-post-edit-title{color:#1e293b;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:20px;padding:14px 16px;font-size:1.1rem;font-weight:600;transition:all .2s}.hub-post-edit-title:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.hub-post-edit-content{color:#334155;box-sizing:border-box;resize:vertical;border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:24px;padding:16px;font-family:inherit;font-size:1rem;line-height:1.7;transition:all .2s}.hub-post-edit-content:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.hub-post-edit-actions{justify-content:flex-end;gap:12px;display:flex}.hub-post-btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:12px 24px;font-weight:600;transition:background .2s}.hub-post-btn-cancel:hover{background:#e2e8f0}.hub-post-btn-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px 32px;font-weight:600;transition:background .2s}.hub-post-btn-submit:hover{background:#1d4ed8}.hub-post-not-found,.hub-post-loading{text-align:center;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:800px;margin:100px auto;padding:60px 20px}.hub-post-not-found button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-top:20px;padding:10px 20px}.hub-post-comments-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:24px;overflow:hidden;box-shadow:0 4px 24px #0000000a}.hub-post-comments-section h3{color:#1e293b;border-bottom:1px solid #f1f5f9;margin:0;padding:24px 32px;font-size:1.1rem;font-weight:700}.hub-post-comments-list{padding:0}.no-comments{text-align:center;color:#94a3b8;padding:32px;font-size:.95rem}.hub-post-comment{border-bottom:1px solid #f1f5f9;padding:24px 32px;position:relative}.hub-post-comment-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.hub-post-comment-author{color:#475569;align-items:center;gap:4px;font-size:.95rem;font-weight:600;display:inline-flex}.hub-post-comment-author.is-admin{color:#f97316}.hub-post-comment-date{color:#94a3b8;font-size:.8rem}.hub-post-comment-content{color:#334155;word-break:break-all;font-size:.95rem;line-height:1.6}.hub-post-comment-delete{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:.8rem;transition:all .2s;position:absolute;top:24px;right:32px}.hub-post-comment-delete:hover{color:#ef4444;background:#fee2e2}.hub-post-comment-write{background:#f8fafc;padding:24px 32px}.hub-post-comment-login-prompt{text-align:center;color:#64748b;padding:16px 0;font-size:.95rem}.hub-post-comment-login-prompt button{color:#2563eb;cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.hub-post-guest-inputs{gap:12px;margin-bottom:4px;display:flex}.hub-post-guest-inputs input{color:#334155;border:1px solid #cbd5e1;border-radius:6px;flex:1;padding:10px 14px;font-size:.9rem;transition:all .2s}.hub-post-guest-inputs input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.hub-post-comment-form{flex-direction:column;gap:12px;display:flex}.hub-post-comment-input-wrap{background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.hub-post-comment-user{color:#475569;padding:12px 16px 8px;font-size:.9rem;font-weight:600}.hub-post-comment-input-wrap textarea{resize:vertical;color:#334155;box-sizing:border-box;border:none;width:100%;min-height:80px;padding:0 16px 16px;font-family:inherit;font-size:.95rem}.hub-post-comment-input-wrap textarea:focus{outline:none}.hub-post-comment-form button[type=submit]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-self:flex-end;padding:10px 24px;font-weight:600;transition:all .2s}.hub-post-comment-form button[type=submit]:hover:not(:disabled){background:#1d4ed8}.hub-post-comment-form button[type=submit]:disabled{cursor:not-allowed;background:#94a3b8}@media (width<=768px){.gallery-table .col-no,.gallery-table .col-views{display:none}.gallery-table .col-date{width:80px;font-size:.75rem}.gallery-table .col-author{width:70px}.gallery-title-row h1{font-size:1.2rem}.gallery-modal{margin:10px}}.about-page{background:var(--bg-primary);min-height:100vh}.about-hero{align-items:flex-end;min-height:420px;padding:0 0 60px;display:flex;position:relative;overflow:hidden}.about-hero-bg{z-index:0;background:linear-gradient(135deg,#0a1628 0%,#0f2847 35%,#0f4c81 65%,#1a6fb5 100%);position:absolute;inset:0}.about-hero-bg:before{content:"";background:radial-gradient(600px 300px at 80% 20%,#0ea5e926,#0000),radial-gradient(400px 400px at 20% 80%,#06b6d41a,#0000);position:absolute;inset:0}.about-wave-container{z-index:1;height:80px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.about-wave{width:200%;height:80px;position:absolute;bottom:0}.about-wave-1{fill:#ffffff0f;animation:8s linear infinite aboutWaveMove}.about-wave-2{fill:#ffffff08;animation:12s linear infinite reverse aboutWaveMove}@keyframes aboutWaveMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-hero-content{z-index:2;align-items:flex-end;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:100px 24px 0;display:flex;position:relative}.about-back-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:none;border-radius:8px;align-items:center;gap:4px;margin-bottom:4px;padding:8px 16px;font-size:.85rem;transition:background .2s;display:flex}.about-back-btn:hover{background:#ffffff40}.about-hero-badge{color:#ff8031;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ff803133;border:1px solid #ff803133;border-radius:20px;margin-bottom:16px;padding:6px 18px;font-size:.78rem;font-weight:700;display:inline-block}.about-hero-title{color:#fff;margin:0 0 16px;font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:800;line-height:1.25}.about-hero-desc{color:#ffffffb3;margin:0;font-size:1.05rem;line-height:1.7}.about-section{padding:80px 24px}.about-section-alt{background:#f0f7ff}.about-container{max-width:1100px;margin:0 auto}.about-label{color:#0f4c81;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:700;display:inline-block}.about-heading{color:var(--text-primary);margin:0 0 24px;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;line-height:1.3}.about-center-header{text-align:center;margin-bottom:48px}.about-intro-grid{grid-template-columns:1.4fr .6fr;align-items:center;gap:64px;display:grid}.about-intro-text p{color:var(--text-secondary);margin:0 0 16px;font-size:.95rem;line-height:1.8}.about-intro-text strong{color:#0f4c81;font-weight:700}.about-compass-ring{background:linear-gradient(135deg,#0f4c8114,#0ea5e914);border:3px solid #0f4c81;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:240px;height:240px;margin:0 auto;animation:3s ease-in-out infinite compassPulse;display:flex;position:relative}@keyframes compassPulse{0%,to{box-shadow:0 0 #0f4c811a,0 0 #0f4c810d}50%{box-shadow:0 0 0 16px #0f4c8114,0 0 0 32px #0f4c8108}}.about-compass-inner{color:#0f4c81;margin-bottom:8px;animation:20s linear infinite compassSpin}@keyframes compassSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-compass-label{color:#0f4c81;letter-spacing:.08em;font-size:.85rem;font-weight:700}.about-values-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.about-value-card{text-align:center;background:#fff;border:1px solid #0f4c811a;border-radius:16px;padding:36px 28px;transition:transform .3s,box-shadow .3s}.about-value-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #0f4c811f}.about-value-icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:inline-flex}.about-value-card h3{color:var(--text-primary);margin:0 0 12px;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700}.about-value-card p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.7}.about-services-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.about-service-card{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:16px;padding:36px 28px 28px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.about-service-card:hover{border-color:#0f4c81;transform:translateY(-6px);box-shadow:0 16px 48px #0f4c811f}.about-service-number{color:#0f4c810f;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;line-height:1;position:absolute;top:16px;right:20px}.about-service-icon{color:#0f4c81;margin-bottom:16px}.about-service-card h4{color:var(--text-primary);margin:0 0 12px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.about-service-card p{color:var(--text-secondary);margin:0 0 20px;font-size:.88rem;line-height:1.7}.about-service-link{color:#0f4c81;align-items:center;gap:6px;font-size:.82rem;font-weight:600;transition:color .2s;display:inline-flex}.about-service-card:hover .about-service-link{color:#ff8031}.about-cta{text-align:center;padding:80px 24px;position:relative;overflow:hidden}.about-cta-bg{background:linear-gradient(135deg,#0a1628 0%,#0f2847 40%,#0f4c81 70%,#1a6fb5 100%);position:absolute;inset:0}.about-cta-bg:before{content:"";background:radial-gradient(500px 250px at 70% 30%,#ff80311a,#0000),radial-gradient(300px 300px at 30% 70%,#0ea5e914,#0000);position:absolute;inset:0}.about-cta h2{color:#fff;margin:0 0 12px;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;line-height:1.4}.about-cta p{color:#ffffffa6;margin:0 0 36px;font-size:1rem}.about-cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.about-cta-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.about-cta-btn.primary{color:#fff;background:linear-gradient(135deg,#ff8031,#f97316);box-shadow:0 4px 16px #f973164d}.about-cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f9731666}.about-cta-btn.secondary{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff40}.about-cta-btn.secondary:hover{background:#fff3;transform:translateY(-2px)}@media (width<=900px){.about-hero-title{font-size:2rem}.about-hero{min-height:340px}.about-intro-grid{grid-template-columns:1fr;gap:40px}.about-values-grid,.about-services-grid{grid-template-columns:1fr}.about-heading{font-size:1.5rem}.about-compass-ring{width:180px;height:180px}}@media (width<=600px){.about-hero-content{flex-direction:column;align-items:flex-start;gap:16px;padding-top:80px}.about-cta h2{font-size:1.5rem}.about-cta-buttons{flex-direction:column;align-items:center}}.partner-marquee-wrap{background-color:#0000;border-bottom:1px solid #e2e8f0;align-items:center;width:100%;margin-bottom:3.5rem;padding:0 0 1.25rem;display:flex;overflow:hidden}.partner-marquee-content{white-space:nowrap;will-change:transform;align-items:center;gap:2rem;padding:0 24px;animation:40s linear infinite ticker-marquee;display:flex}.partner-marquee-content:hover{animation-play-state:paused}.partner-link{color:var(--text-primary);font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.partner-link:hover{color:var(--accent-color)}.nav-dropdown:hover .nav-dropdown-menu.multi-column{grid-template-rows:repeat(5,auto);grid-auto-flow:column;display:grid}.admin-login-page{position:relative;overflow:hidden;background:linear-gradient(135deg,#061227 0%,#0d1e38 50%,#061227 100%)!important}.admin-login-page:before{content:"";filter:blur(90px);z-index:0;background:radial-gradient(circle,#0a3a6b73 0%,#0000 70%);width:55vw;height:55vw;position:absolute;top:-25%;left:-12%}.admin-login-page:after{content:"";filter:blur(90px);z-index:0;background:radial-gradient(circle,#ff80311f 0%,#0000 70%);width:50vw;height:50vw;position:absolute;bottom:-25%;right:-12%}.admin-login-card{z-index:10;-webkit-backdrop-filter:blur(28px)!important;backdrop-filter:blur(28px)!important;background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:20px!important;padding:44px 36px 32px!important;box-shadow:0 40px 100px #0000008c,inset 0 1px #ffffff0f!important}.admin-login-page .admin-input-group input:-webkit-autofill{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;border:1px solid #ffffff1f!important;border-radius:10px!important;-webkit-box-shadow:inset 0 0 0 1000px #00000052!important}.admin-login-page .admin-input-group input:-webkit-autofill:hover{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;border:1px solid #ffffff1f!important;border-radius:10px!important;-webkit-box-shadow:inset 0 0 0 1000px #00000052!important}.admin-login-page .admin-input-group input:-webkit-autofill:focus{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;border:1px solid #ffffff1f!important;border-radius:10px!important;-webkit-box-shadow:inset 0 0 0 1000px #00000052!important}.admin-login-page .admin-input-group input:-webkit-autofill:active{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;border:1px solid #ffffff1f!important;border-radius:10px!important;-webkit-box-shadow:inset 0 0 0 1000px #00000052!important}.admin-login-logo img{filter:drop-shadow(0 4px 10px #042c5380)}.admin-login-logo h1{color:#fff!important;letter-spacing:-.015em!important;font-weight:700!important}.admin-input-group label{color:#94a3b8!important;letter-spacing:.04em!important;text-transform:uppercase!important;font-size:.68rem!important;font-weight:600!important}.admin-input-group input{color:#fff!important;background:#00000047!important;border:1px solid #ffffff1f!important;border-radius:10px!important;padding:13px 16px!important;font-size:.92rem!important}.admin-input-group input::placeholder{color:#94a3b8b3!important}.admin-input-group input:focus{background:#0000006b!important;border-color:#94a3cc8c!important;box-shadow:0 0 0 4px #0a3a6b59!important}.admin-login-btn{letter-spacing:.03em!important;background:linear-gradient(135deg,#0a3a6b 0%,#042c53 100%)!important;border-radius:10px!important;font-family:Outfit,sans-serif!important;font-weight:700!important;box-shadow:0 4px 14px #042c5373,inset 0 1px #ffffff14!important}.admin-login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #042c538c,inset 0 1px #ffffff1f!important}.admin-login-error{color:#fecaca!important;background:#ef44441f!important;border:1px solid #ef444440!important;font-size:.8rem!important}.admin-back-link{color:#cbd5e1b3!important}.admin-back-link:hover{color:#fff!important}.admin-page{color:#1e293b!important;background:#f1f5f9!important}.admin-header{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#fffc!important;border-bottom:1px solid #e2e8f0cc!important;box-shadow:0 4px 6px -1px #0000000d!important}.admin-header-left h1{color:#0f172a!important;letter-spacing:-.01em!important}.admin-user-email{background:#e2e8f0!important;border-radius:20px!important;padding:6px 12px!important;font-weight:500!important}.admin-sidebar{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#fffc!important;border-right:1px solid #e2e8f0cc!important}.admin-sidebar-tab{border-radius:12px!important;font-weight:600!important}.admin-sidebar-tab:hover{background:#f1f5f9!important}.admin-sidebar-tab.active{background:var(--admin-accent-soft)!important;color:var(--admin-accent)!important;box-shadow:inset 3px 0 0 var(--admin-accent)!important}.admin-stat-card{border:1px solid var(--admin-border)!important;box-shadow:var(--admin-shadow)!important;border-radius:14px!important;gap:14px!important;padding:18px 22px!important;transition:border-color .15s,transform .15s!important}.admin-stat-card:hover{border-color:var(--navy-200)!important;transform:translateY(-1px)!important;box-shadow:0 6px 18px #081e3e0f!important}.admin-stat-card>svg{background:var(--admin-accent-soft)!important;width:44px!important;height:44px!important;color:var(--admin-accent)!important;border-radius:12px!important;flex-shrink:0!important;padding:10px!important}.admin-stat-card.featured>svg{color:var(--accent-orange)!important;background:#ff80311f!important}.admin-stat-number{color:var(--text-primary)!important;letter-spacing:-.02em!important;font-family:Outfit,sans-serif!important;font-size:1.85rem!important;font-weight:800!important;line-height:1!important}.admin-stat-label{color:var(--admin-muted)!important;margin-top:6px!important;font-size:.76rem!important;font-weight:500!important}.admin-menu-section,.admin-table-wrap{border:1px solid var(--admin-border)!important;box-shadow:var(--admin-shadow)!important;border-radius:14px!important}.admin-menu-header{background:var(--admin-surface)!important;border-bottom:1px solid var(--admin-border)!important;align-items:center!important;padding:16px 22px!important}.admin-menu-header h2{letter-spacing:-.01em!important;margin-bottom:2px!important;font-size:.98rem!important}.admin-menu-header p{color:var(--admin-muted)!important;font-size:.76rem!important;line-height:1.45!important}.admin-table thead{background:var(--admin-surface-muted)!important;border-bottom:1px solid var(--admin-border)!important;z-index:2!important;position:sticky!important;top:0!important}.admin-table thead th{background:var(--admin-surface-muted)!important;color:var(--admin-muted)!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:12px 14px!important;font-family:Outfit,sans-serif!important;font-size:.7rem!important;font-weight:700!important}.admin-table tbody td{padding:13px 14px!important;font-size:.83rem!important}.admin-table tbody tr:nth-child(2n) td{background:#fafbfd!important}.admin-table tbody tr:hover td{background:var(--admin-accent-soft)!important}.admin-thumb{border:1px solid var(--admin-border)!important;border-radius:8px!important;width:72px!important;height:42px!important}.admin-action-btn{border-radius:10px!important}.admin-action-btn.edit{color:#475569!important;background:#f1f5f9!important}.admin-action-btn.edit:hover{transform:translateY(-1px);background:var(--admin-accent)!important;color:#fff!important}.admin-action-btn.delete{color:#b91c1c!important;background:#fff!important;border:1px solid #fecaca!important}.admin-action-btn.delete:hover{transform:translateY(-1px);color:#b91c1c!important;background:#fef2f2!important;border-color:#fca5a5!important}.admin-btn-primary{background:linear-gradient(135deg,#0a3a6b 0%,#042c53 100%)!important;border-radius:10px!important;box-shadow:0 4px 12px #042c5338!important}.admin-btn-primary:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px #042c534d!important}.admin-search-box{border-radius:12px!important;box-shadow:0 2px 6px #00000005!important}.admin-search-box:focus-within{border-color:var(--admin-accent)!important;box-shadow:0 0 0 4px #042c531f!important}.mypage-wrapper{background-color:var(--bg-secondary);min-height:100vh}.mypage-main{max-width:1100px;margin:0 auto;padding:4rem 2rem}.mypage-title{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:2rem;font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:800}.mypage-layout{flex-direction:column;gap:2rem;display:flex}@media (width>=768px){.mypage-layout{flex-direction:row}}.mypage-sidebar{flex-shrink:0;width:100%}@media (width>=768px){.mypage-sidebar{width:260px}}.mypage-sidebar-card{box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow:hidden}.mypage-sidebar-header{background-color:var(--text-primary);color:#fff;padding:1.5rem}.mypage-sidebar-header p:first-child{opacity:.8;margin-bottom:.25rem;font-size:.85rem}.mypage-sidebar-header p:last-child{font-size:1.25rem;font-weight:700}.mypage-nav{flex-direction:column;gap:.25rem;padding:.5rem;display:flex}.mypage-nav-btn{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:1rem 1.25rem;font-size:.95rem;transition:all .2s;display:flex}.mypage-nav-btn span{opacity:.6;margin-right:.75rem}.mypage-nav-btn:hover{background:var(--bg-accent);color:var(--text-primary)}.mypage-nav-btn.active{background:var(--accent-color);color:#fff;font-weight:600}.mypage-nav-btn.active span{opacity:1}.mypage-content{flex-grow:1;min-width:0}.mypage-card{box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:2rem}.mypage-card.security{max-width:450px;margin:2rem auto}.mypage-card.danger{background-color:#fef2f2;border-color:#fca5a5}.mypage-card-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.25rem;font-weight:700;display:flex}.mypage-card-title span{color:var(--text-secondary);margin-right:.5rem}.mypage-form-group{margin-bottom:1.25rem}.mypage-form-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.mypage-form-group input,.mypage-form-group textarea{border:1px solid var(--border-color);border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.mypage-form-group input:focus,.mypage-form-group textarea:focus{border-color:var(--accent-color);outline:none}.mypage-btn{cursor:pointer;border:none;border-radius:8px;width:100%;padding:.85rem;font-size:.95rem;font-weight:600;transition:background-color .2s}.mypage-btn-primary{background-color:var(--text-primary);color:#fff}.mypage-btn-primary:hover{background-color:#1a2d5a}.mypage-btn-accent{background-color:var(--accent-color);color:#fff}.mypage-btn-accent:hover{background-color:var(--accent-hover)}.mypage-btn-danger{color:#fff;background-color:#ef4444}.mypage-btn-danger:hover{background-color:#dc2626}.mypage-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=640px){.mypage-grid{grid-template-columns:1fr 1fr}}.mypage-table-wrap{margin-top:1rem;overflow-x:auto}.mypage-table{border-collapse:collapse;width:100%;font-size:.9rem}.mypage-table th{background:var(--bg-accent);color:var(--text-primary);text-align:left;border-bottom:1px solid var(--border-color);padding:1rem;font-weight:600}.mypage-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:1rem}.mypage-table tr:hover{background-color:var(--bg-secondary)}.mypage-table a{color:var(--accent-color);font-weight:500;text-decoration:none}.mypage-table a:hover{text-decoration:underline}.mypage-message{color:#ef4444;margin-bottom:1rem;font-size:.85rem}.mypage-info-text{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.5}