.mobile-menu-overlay[data-v-a393cff9]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1040;opacity:0;visibility:hidden;transition:all .3s ease;touch-action:none}.mobile-menu-overlay.show[data-v-a393cff9]{opacity:1;visibility:visible}.mobile-menu-sidebar[data-v-a393cff9]{position:fixed;top:0;left:0;width:280px;height:100vh;height:100dvh;background:#fff;z-index:1050;transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 10px #0000001a;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding-bottom:120px}.mobile-menu-sidebar.show[data-v-a393cff9]{transform:translate(0)}.dark-mode .mobile-menu-sidebar[data-v-a393cff9]{background:#1a1a1a;color:#fff}.navbar-modern[data-v-a393cff9]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;padding:.75rem 0;position:relative;z-index:10}.navbar-modern.scrolled[data-v-a393cff9]{box-shadow:0 4px 6px -1px #0000001a}.gradient-text[data-v-a393cff9]{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:1.5rem}.nav-link[data-v-a393cff9]{font-weight:500;color:#4a5568;transition:color .2s}.nav-link[data-v-a393cff9]:hover,.nav-link.active[data-v-a393cff9]{color:#2575fc}.dark-mode-toggle[data-v-a393cff9]{cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.dark-mode-toggle[data-v-a393cff9]:hover{background:#0000000d}body.dark-mode{color:#e2e8f0}body.dark-mode{background:#1a202cf2}body.dark-mode{color:#63b3ed}body.overflow-hidden{overflow:hidden!important;height:100vh;height:100dvh}.search-trigger[data-v-a393cff9]{opacity:.7;transition:all .2s ease;width:40px;height:40px;border-radius:50%}.search-trigger[data-v-a393cff9]:hover{opacity:1;background:#0000000d;transform:scale(1.1)}body.dark-mode{color:#fff;filter:invert(1)}body.dark-mode{background:#ffffff1a}.dropdown-item.text-danger[data-v-a393cff9]{transition:all .2s ease}.dropdown-item.text-danger[data-v-a393cff9]:hover,.dropdown-item.text-danger[data-v-a393cff9]:focus,.dropdown-item.text-danger[data-v-a393cff9]:active{background-color:#dc35451a!important;color:#dc3545!important}.btn-upgrade-premium[data-v-a393cff9]{background:linear-gradient(135deg,#fffcf0,#fff4ce);border:1px solid #ffd257;color:#b57a00;transition:all .3s ease;position:relative;overflow:hidden;padding:.35rem 1rem}.btn-upgrade-premium[data-v-a393cff9]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffb34740!important;border-color:#ffb347;color:#9e6900}.upgrade-text[data-v-a393cff9]{background:linear-gradient(135deg,#d48f00,#ffb347);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.premium-badge[data-v-a393cff9]{background:linear-gradient(135deg,#ffe082,#ffc107);border:1px solid #ffb300}.announcement-bar-global[data-v-ebf8c51e]{background:#1e3c72;position:relative;z-index:5;width:100%;color:#fff;height:40px;display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.05);overflow:hidden;box-sizing:border-box;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin-top .4s ease}.announcement-bar-global.scrolled-hidden[data-v-ebf8c51e]{transform:translateY(-100%);opacity:0;pointer-events:none;margin-top:-40px}.ticker-wrapper[data-v-ebf8c51e]{height:100%;display:flex;align-items:center;width:100%;-webkit-mask-image:linear-gradient(to right,transparent,black 15px,black calc(100% - 15px),transparent);mask-image:linear-gradient(to right,transparent,black 15px,black calc(100% - 15px),transparent)}.ticker-container[data-v-ebf8c51e]{white-space:nowrap}.announcement-link[data-v-ebf8c51e]{color:#fff;text-decoration:none;font-size:.8rem;display:inline-flex;align-items:center;max-width:100%;line-height:normal}.ticker-content[data-v-ebf8c51e]{display:inline-flex;align-items:center}.announcement-text[data-v-ebf8c51e]{white-space:nowrap}.is-overflowing .ticker-content[data-v-ebf8c51e]{animation:marquee-ebf8c51e 20s linear infinite;padding-left:50px}@keyframes marquee-ebf8c51e{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(min-width:992px){.is-overflowing .ticker-content[data-v-ebf8c51e]{animation:none;padding-left:0}.announcement-text[data-v-ebf8c51e]{overflow:hidden;text-overflow:ellipsis;max-width:700px}}.pill-badge[data-v-ebf8c51e]{background:#ff3e3e;color:#fff;font-size:.6rem;font-weight:800;padding:1px 8px;border-radius:4px;flex-shrink:0;line-height:normal;display:inline-flex;align-items:center;height:18px;position:relative;z-index:2}.time-ago[data-v-ebf8c51e]{font-size:.7rem;color:#fff9;flex-shrink:0}.posts-counter[data-v-ebf8c51e]{font-size:.65rem;color:#fff6;font-family:monospace}.btn-close-sm[data-v-ebf8c51e]{background:none;border:none;color:#fff;opacity:.5;padding:4px;cursor:pointer;display:flex;transition:opacity .2s;height:24px;width:24px;align-items:center;justify-content:center}.btn-close-sm[data-v-ebf8c51e]:hover{opacity:1}.skeleton-badge[data-v-ebf8c51e]{width:35px;height:18px;background:#ffffff1a;border-radius:4px;flex-shrink:0;margin:0!important}.skeleton-text[data-v-ebf8c51e]{width:min(150px,40vw);height:14px;background:#ffffff1a;border-radius:4px;animation:skeleton-shimmer-ebf8c51e 2s infinite ease-in-out;margin:0!important}@keyframes skeleton-shimmer-ebf8c51e{0%{opacity:.3}50%{opacity:.5}to{opacity:.3}}.ticker-slide-enter-active[data-v-ebf8c51e],.ticker-slide-leave-active[data-v-ebf8c51e]{transition:all .5s cubic-bezier(.4,0,.2,1)}.ticker-slide-enter-from[data-v-ebf8c51e]{transform:translateY(20px);opacity:0}.ticker-slide-leave-to[data-v-ebf8c51e]{transform:translateY(-20px);opacity:0}.slide-down-enter-active[data-v-ebf8c51e],.slide-down-leave-active[data-v-ebf8c51e]{transition:all .3s ease}.slide-down-enter-from[data-v-ebf8c51e],.slide-down-leave-to[data-v-ebf8c51e]{transform:translateY(-100%);opacity:0}@media(max-width:576px){.announcement-link[data-v-ebf8c51e]{font-size:.75rem}}.loading-screen{background-color:#f8f9fa}#app:has(.maintenance-container){padding-top:0!important}.fixed-header-wrapper{z-index:1060;pointer-events:none}.fixed-header-wrapper>*{pointer-events:auto}.page-enter-active{transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.page-leave-active{transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.page-enter-from{opacity:0;transform:translateY(15px)}.page-leave-to{opacity:0;transform:translateY(-15px)}:root{scrollbar-gutter:stable;--primary-gradient: linear-gradient(135deg, #1e3c72 50%, #2a5298 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--dark-bg: #1a1a2e;--dark-card: #16213e;--dark-text: #eaeaea;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--shadow-soft: 0 8px 32px rgba(0, 0, 0, .1);--shadow-glow: 0 0 40px rgba(18, 36, 66, .3);--admin-leftside-color: #0b132b;--section-spacing: clamp(1.5rem, 4vw, 3rem);--section-spacing-sm: clamp(1rem, 2vw, 1.5rem);--header-margin-bottom: clamp(.5rem, 1.5vw, 1rem);--content-gap: clamp(.5rem, 1vw, .75rem)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;color:#333;line-height:1.6}h1,h2,h3,h4,h5,h6{margin-bottom:var(--content-gap);letter-spacing:-.02em}.section-padding{padding-top:var(--section-spacing);padding-bottom:var(--section-spacing)}.section-padding-sm{padding-top:var(--section-spacing-sm);padding-bottom:var(--section-spacing-sm)}.page-header{padding:var(--section-spacing-sm) 0;margin-bottom:var(--section-spacing-sm)}section+.section-padding{padding-top:var(--section-spacing-sm)}section+.section-padding.bg-light{padding-top:var(--section-spacing-sm)}.section-padding:first-of-type{padding-top:var(--section-spacing-sm)}.hero{padding:clamp(60px,8vh,100px) 0 clamp(20px,4vh,40px);position:relative;overflow:hidden}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:15px}body.dark-mode{background:var(--dark-bg);color:var(--dark-text)}.btn-primary{background:var(--primary-gradient);border:none;padding:12px 28px;font-weight:600;border-radius:50px;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);background:var(--primary-gradient)}.btn-outline-primary{border:2px solid #1e3c72;color:#1e3c72;padding:10px 18px;font-weight:600;border-radius:50px;transition:all .3s ease}.btn-outline-primary:hover{background:var(--primary-gradient);border-color:#1e3c72;transform:translateY(-2px);color:#fff}.card-glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;padding:24px;transition:all .3s ease}.card-glass:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft)}.post-content pre,.rich-text pre,.ck-content:not(.ck-editor__editable) pre{background:#1e1e2e!important;padding:4rem 1.5rem 1.5rem!important;border-radius:12px;overflow-x:auto;position:relative!important;box-shadow:0 20px 50px #0000004d;margin:2.5rem 0;border:1px solid rgba(255,255,255,.1);color:#cdd6f4!important;font-family:Fira Code,JetBrains Mono,Consolas,monospace;font-size:.9rem;line-height:1.6}.post-content pre:not(.ck-editor__editable pre)::-webkit-scrollbar{height:8px;width:8px}.post-content pre:not(.ck-editor__editable pre)::-webkit-scrollbar-track{background:#1a1b26;border-radius:0 0 12px 12px}.post-content pre:not(.ck-editor__editable pre)::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px;transition:background .3s}.post-content pre:not(.ck-editor__editable pre)::-webkit-scrollbar-thumb:hover{background:#fff3}.post-content pre:before,.rich-text pre:before,.ck-content:not(.ck-editor__editable) pre:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.05);border-radius:12px 12px 0 0;z-index:1}.post-content pre:after,.rich-text pre:after,.ck-content:not(.ck-editor__editable) pre:after{content:"";position:absolute;top:15px;left:15px;width:10px;height:10px;border-radius:50%;background:#ff5f56;box-shadow:20px 0 #ffbd2e,40px 0 #27c93f;z-index:2}.post-content pre code,.rich-text pre code,.ck-content:not(.ck-editor__editable) pre code{color:#cdd6f4!important;font-family:inherit;font-size:inherit;line-height:inherit;text-shadow:none;background:transparent!important;display:block;border:none!important}:not(pre)>code{background:#1e3c720f!important;color:#1e3c72!important;padding:.15rem .35rem;border-radius:6px;font-size:.9em;font-weight:500}.dark-mode :not(pre)>code{background:#ffffff0f!important;color:#a6adc8!important}.copy-code-btn{position:absolute;top:8px;right:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:3px 10px;border-radius:6px;font-size:.65rem;font-weight:600;cursor:pointer;z-index:10;opacity:.4;transition:all .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;gap:5px;text-transform:uppercase;letter-spacing:.02em}.copy-code-btn:hover{background:#ffffff26;color:#fff;opacity:1}.copy-code-btn.copied{background:#27c93f!important;color:#fff!important;border-color:transparent!important;opacity:1}pre:hover .copy-code-btn{opacity:1}.code-lang-label{position:absolute;top:10px;right:12px!important;font-size:.7rem;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:.05em;pointer-events:none;z-index:5;background:#0003;padding:2px 8px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prismjs .toolbar,.code-toolbar>.toolbar{display:none!important}@media(max-width:768px){.copy-code-btn{opacity:1;background:#ffffff26}}.card-modern{background:#fff;border-radius:20px;border:none;box-shadow:var(--shadow-soft);overflow:hidden;transition:all .3s ease}.dark-mode .card-modern{background:var(--dark-card)}.card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026}.card-modern .card-img-top{height:200px;object-fit:cover;transition:transform .5s ease}.card-modern:hover .card-img-top{transform:scale(1.05)}.thai-font{font-family:Kanit,Inter,sans-serif!important}.thai-font .hero-title,.thai-font .post-content,.thai-font .post-content p,.thai-font .post-content h1,.thai-font .post-content h2,.thai-font .post-content h3,.thai-font .post-content h4{font-family:Kanit,sans-serif!important;font-weight:400}.thai-font .hero-title{font-weight:600}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.15rem;color:#6b7280;margin-bottom:24px;max-width:600px}.navbar-modern{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);padding:16px 0;transition:all .3s ease}.dark-mode .navbar-modern{background:#1a1a2ef2;border-bottom:1px solid rgba(255,255,255,.1)}.navbar-modern.scrolled{box-shadow:var(--shadow-soft)}.navbar-brand{font-weight:800;font-size:1.5rem}.nav-link{font-weight:500;padding:8px 16px!important;border-radius:8px;transition:all .3s ease}.nav-link:hover{background:#1224421a;color:#1e3c72!important}.nav-link.active{background:var(--primary-gradient);color:#fff!important}.footer{background:#0b132b;color:#9ca3af;padding:60px 0 30px}.footer a{color:#9ca3af;text-decoration:none;transition:color .3s ease}.footer a:hover{color:#2a5298}.post-meta{display:flex;align-items:center;gap:16px;margin-bottom:16px;font-size:.875rem;color:#6b7280}.post-meta .author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.category-badge{background:var(--primary-gradient);color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tag-badge{background:#f3f4f6;color:#4b5563;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500;transition:all .3s ease}.dark-mode .tag-badge{background:#ffffff1a;color:#d1d5db}.tag-badge:hover{background:var(--primary-gradient);color:#fff}.comment-card{background:#f9fafb;border-radius:16px;padding:20px;margin-bottom:16px}.dark-mode .comment-card{background:#ffffff0d}.comment-reply{margin-left:40px;border-left:2px solid #e5e7eb;padding-left:20px}.share-btn{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;transition:all .3s ease}.share-btn:hover{transform:translateY(-2px)}.share-btn.facebook,.share-btn.github,.share-btn.linkedin,.share-btn.medium{background:#0a0a0a}.share-btn.whatsapp{background:#25d366}.admin-sidebar{background:var(--admin-leftside-color);min-height:100vh;padding:24px;position:fixed;width:260px;left:0;top:0}.admin-content{margin-left:260px;padding:24px;min-height:100vh;transition:padding .3s ease}.admin-nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:#9ca3af;text-decoration:none;transition:all .3s ease;margin-bottom:4px}.admin-nav-link:hover,.admin-nav-link.active{background:#ffffff14;color:#e5e7eb}.stat-card{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--shadow-soft)}.stat-card .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;background:var(--primary-gradient)}.table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:0}.table th{background:#f8f9fa;color:#6b7280;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;padding:16px 24px;border-bottom:1px solid #e5e7eb}.table td{padding:16px 24px;vertical-align:middle;border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:.95rem}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color .2s ease}.table tbody tr:hover{background-color:#f9fafb}@media screen and (max-width:768px){.table-responsive .table{display:block}.table-responsive .table thead{display:none}.table-responsive .table tbody,.table-responsive .table tr,.table-responsive .table td{display:block;width:100%}.table-responsive .table tr{margin-bottom:15px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 4px 6px #00000005}.table-responsive .table td{text-align:right;padding:12px 20px;position:relative;border-bottom:1px solid #f3f4f6}.table-responsive .table td:last-child{border-bottom:none}.table-responsive .table td:before{content:attr(data-label);float:left;font-weight:600;color:#6b7280;text-transform:uppercase;font-size:.75rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .6s ease forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.spinner{width:40px;height:40px;border:3px solid rgba(18,36,66,.3);border-top-color:#1e3c72;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media print{.admin-sidebar,.admin-top-bar,.no-print,.sidebar-overlay,.btn,.no-print *{display:none!important}.admin-content,main,body,html{padding:0!important;margin:0!important;background:#fff!important;width:100%!important;overflow:visible!important}.quotation-paper{box-shadow:none!important;padding:0!important;width:100%!important;min-height:auto!important}}@media(max-width:992px){.admin-sidebar{transform:translate(-100%);z-index:1050;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:10px 0 30px #00000040;background:#1a1c2e!important;overflow-y:auto!important;max-height:100vh!important;opacity:1!important;visibility:visible!important}.admin-sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:1040;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.show{opacity:1;visibility:visible}.admin-content{margin-left:0;overflow-x:hidden}.hero-title{font-size:2.5rem}}@media(max-width:992px){.status-text{display:none}}@media(max-width:768px){.hero{padding:60px 0}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}}.ck-editor__editable{min-height:300px}.ck-content .image{display:table;clear:both;text-align:center;margin:1.5rem auto;max-width:100%}.ck-content .image img{display:block;margin:0 auto;max-width:100%!important;height:auto!important;border-radius:5px}.ck-content .image-resized{display:block;margin-left:auto;margin-right:auto}.ck-content .image-resized img{width:100%;height:auto!important}.ck-content figure.image figcaption{font-size:.85rem;color:#6b7280;margin-top:.5rem;text-align:center}.ck-content .image-style-side{float:right;margin-left:1.5rem;max-width:50%}.ck-content .image-style-align-left{float:left;margin-right:1.5rem;max-width:50%}.ck-content .image-style-align-right{float:right;margin-left:1.5rem;max-width:50%}.ck-content img{height:auto;max-width:100%}.ck-content .table,.rich-text .table,.post-content .table{margin:1.5rem 0!important;width:100%!important;overflow-x:auto!important;display:block!important;-webkit-overflow-scrolling:touch}.ck-content .table table,.rich-text .table table,.post-content .table table,.ck-content table,.rich-text table{width:100%!important;min-width:600px;border-collapse:collapse}@media(min-width:992px){.ck-content .table table,.rich-text .table table,.post-content .table table,.ck-content table,.rich-text table{min-width:100%}}.ck-content table th,.rich-text table th,.ck-content table td,.rich-text table td{padding:12px 15px;border:1px solid #e5e7eb;word-break:normal;white-space:nowrap}@media(min-width:768px){.ck-content table th,.rich-text table th,.ck-content table td,.rich-text table td{white-space:normal}}.btn-action{padding:.4rem .6rem;font-size:.75rem;border-radius:10px;display:flex;align-items:center;gap:.4rem;font-weight:600;border:none;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap;cursor:pointer}.btn-action .icon{font-size:.9rem}.btn-edit{background:#1e3c7214;color:#1e3c72}.btn-edit:hover{background:linear-gradient(135deg,#1e3c72 50%,#2a5298);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #1e3c7233}.btn-view{background:#10b98114;color:#059669}.btn-view:hover{background:linear-gradient(135deg,#10b981,#059669);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.btn-delete{background:#dc262614;color:#dc2626}.btn-delete:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #dc262633}.btn-detail{background:#94a3b814;color:#64748b}.btn-detail:hover{background:#64748b;color:#fff;transform:translateY(-2px)}.ck-content table th,.rich-text table th{background-color:#f9fafb;font-weight:600}.dark-mode-toggle{width:50px;height:26px;background:#e5e7eb;border-radius:13px;position:relative;cursor:pointer;transition:background .3s ease}.dark-mode-toggle.active{background:var(--primary-gradient)}.dark-mode-toggle:after{content:"";position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.admin-system .btn:hover,.admin-system .btn-primary:hover,.admin-system .btn-outline-primary:hover,.admin-system .card-modern:hover,.admin-system .card-glass:hover,.admin-system .share-btn:hover,.admin-system .card-modern:hover .card-img-top,.auth-page .btn:hover,.auth-page .btn-primary:hover,.auth-page .btn-outline-primary:hover,.auth-page .card-modern:hover{transform:none!important;box-shadow:none!important}@media(max-width:992px){.admin-content{padding:16px}}@media(max-width:768px){.admin-system .table-responsive .table{display:block}.admin-system .table-responsive .table thead{display:none}.admin-system .table-responsive .table tbody,.admin-system .table-responsive .table tr,.admin-system .table-responsive .table td{display:block;width:100%}.admin-system .table-responsive .table tr{margin-bottom:20px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 2px 8px #0000000a;padding:4px 0}.admin-system .table-responsive .table td{text-align:right;padding:10px 16px;position:relative;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:.9rem;line-height:1.4;word-break:break-word}.admin-system .table-responsive .table td:last-child{border-bottom:none}.admin-system .table-responsive .table td:before{content:attr(data-label);float:left;font-weight:700;color:#6b7280;text-transform:uppercase;font-size:.7rem;text-align:left;letter-spacing:.04em;flex-shrink:0;margin-right:12px}.admin-system .table-responsive .table td[data-label=Author],.admin-system .table-responsive .table td[data-label=Views]{display:none}.admin-system .table-responsive .table td[data-label=Title] .small.text-muted{display:none!important}.admin-system .table-responsive .table td[data-label=Actions]{flex-direction:row;align-items:center;justify-content:center;padding:12px 16px;gap:8px;background:#f9fafb;border-radius:0 0 16px 16px}.admin-system .table-responsive .table td[data-label=Actions]:before{display:none}.admin-system .table-responsive .table td[data-label=Actions] .d-flex{width:100%;flex-wrap:nowrap;justify-content:center;gap:8px!important}.admin-system .table-responsive .table td[data-label=Actions] .btn{flex:1;text-align:center;padding:8px 6px;font-size:.8rem;border-radius:8px}}@media(max-width:768px){.admin-system .card-modern{padding:1.25rem!important;margin-bottom:1rem!important}.admin-system .form-control,.admin-system .form-select{font-size:16px;padding:.6rem .75rem}}@media(max-width:576px){.admin-system .pagination{flex-wrap:wrap;justify-content:center;gap:4px}.admin-system .page-link{padding:8px 12px;font-size:.85rem}}@media(max-width:576px){.admin-system .card-modern{padding:16px!important;border-radius:12px}}@media(max-width:768px){.admin-system .row.g-4>div[class*=col-sm-6]{flex:0 0 50%;max-width:50%}}@media(max-width:480px){.admin-system .row.g-4>div[class*=col-sm-6]{flex:0 0 100%;max-width:100%}}.lh-0-2{line-height:.2!important}.lh-0-5{line-height:.5!important}.lh-1-0{line-height:1!important}.lh-1-5{line-height:1.5!important}.lh-2-0{line-height:2!important}.lh-3-0{line-height:3!important}.shimmer{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8,#edeef1 20%,#f6f7f8 40% 100%);background-repeat:no-repeat;background-size:800px 100%;display:inline-block;position:relative;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.skeleton-card{height:380px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-soft)}.skeleton-img{height:180px;width:100%}.skeleton-title{height:24px;width:80%;margin-top:20px;border-radius:4px}.skeleton-text{height:16px;width:90%;margin-top:15px;border-radius:4px}.skeleton-badge{height:20px;width:30%;margin-top:20px;border-radius:20px}.tech-tag{font-size:.75rem;background-color:#f1f3f5;color:#495057;padding:3px 10px;border-radius:6px;font-weight:500;display:inline-block;transition:all .2s}.tech-tag-beginner{background-color:#ecfdf5!important;color:#047857!important}.tech-tag-intermediate{background-color:#fffbeb!important;color:#92400e!important}.tech-tag-advanced{background-color:#fef2f2!important;color:#991b1b!important}.tech-tag-auth{background-color:#eef2ff!important;color:#3730a3!important}.tech-tag-form{background-color:#ecfeff!important;color:#0e7490!important}.tech-tag-dashboard{background-color:#f0f9ff!important;color:#0369a1!important}.tech-tag-admin{background-color:#f8fafc!important;color:#334155!important}.tech-tag-ui-extra{background-color:#fdf4ff!important;color:#86198f!important}.tech-tag-landing{background-color:#fff7ed!important;color:#c2410c!important}.tech-tag-starter-kit{background-color:#eff6ff!important;color:#1d4ed8!important}.tech-tag-ui-template{background-color:#f5f3ff!important;color:#5b21b6!important}.tech-tag-backend{background-color:#ecfeff!important;color:#155e75!important}.tech-tag-seo{background-color:#f0fdf4!important;color:#166534!important}.tech-tag-production{background-color:#f8fafc!important;color:#0f172a!important}.tech-tag-pro{background-color:#f0f9ff!important;color:#0369a1!important;border:1px dashed #7DD3FC!important}@media(max-width:768px){.admin-system .card-modern .row.g-3>div{flex:0 0 100%;max-width:100%}}@media(max-width:767.98px){.mobile-slider{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;padding-bottom:10px!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}.mobile-slider::-webkit-scrollbar{display:none}.mobile-slider{-ms-overflow-style:none;scrollbar-width:none}.mobile-slider>[class*=col-]{flex:0 0 100%!important;max-width:100%!important;scroll-snap-align:center;scroll-snap-stop:always;padding-left:15px!important;padding-right:15px!important}.slider-nav{display:flex;justify-content:center;gap:12px;margin-top:12px;padding:4px 0}.slider-nav-btn{width:44px;height:44px;background:#fffffff2;border:1px solid rgba(30,60,114,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1e3c72;box-shadow:0 2px 10px #1e3c721f;cursor:pointer;font-size:1rem;padding:0;line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:rgba(30,60,114,.15);-webkit-user-select:none;user-select:none;transition:background .15s ease}.slider-nav-btn:active{background:#eef2f7;transform:scale(.9)}}.series-card{transition:transform .3s ease,box-shadow .3s ease;border-radius:12px;overflow:hidden}.series-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a!important}.card-img-wrapper{height:160px;overflow:hidden;position:relative}.card-img-wrapper img{width:100%;height:100%;object-fit:cover}.card-img-wrapper.bg-gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.placeholder-icon{font-size:3rem}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bg-primary-soft{background-color:#667eea1a}.line-clamp-excerpt{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:767.98px){.card-modern .card-img-top{height:140px!important}.card-modern .card-body{padding:1rem!important}.card-modern .card-title{font-size:1rem!important;line-height:1.3;margin-bottom:.35rem!important}.line-clamp-excerpt{display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.75rem!important;font-size:.85rem!important}.card-modern .border-top{padding-top:.5rem!important}}.hero-img-wrapper{width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;background:#00000005}.hero-main-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}@media(min-width:992px){.hero-img-wrapper{aspect-ratio:1 / 1}}.hero-img-wrapper:hover .hero-main-img{transform:scale(1.05)}.btn-google-premium{position:relative;background:#ffffffb3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:#3c4043;border:1px solid rgba(218,220,224,.5);transition:all .4s cubic-bezier(.23,1,.32,1);font-weight:600;letter-spacing:.3px;padding:clamp(10px,2vh,14px) clamp(20px,4vw,32px);border-radius:16px;display:flex;align-items:center;justify-content:center;gap:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff80;font-size:clamp(.9rem,1.2vw,1.05rem);width:100%;cursor:pointer;outline:none}.btn-google-premium:after{content:"";position:absolute;top:-50%;left:-60%;width:20%;height:200%;background:linear-gradient(to right,#fff0,#fff6,#fff0);transform:rotate(25deg);transition:none}.btn-google-premium:hover:after{animation:shine-sweep 1.2s infinite}@keyframes shine-sweep{0%{left:-60%}to{left:140%}}.btn-google-premium:hover{background:#ffffffe6;border-color:#dadce0cc;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000d,0 0 20px #4285f426;transform:translateY(-3px) scale(1.01);color:#202124}.btn-google-premium:active{transform:translateY(-1px) scale(.98);box-shadow:0 2px 4px #0000001a}.btn-google-premium .google-icon-wrapper{background:#fff;padding:6px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d}.dark-mode .btn-google-premium{background:#17192399;color:#e2e8f0;border-color:#4285f433;box-shadow:0 4px 6px -1px #0000004d,inset 0 1px #ffffff0d}.dark-mode .btn-google-premium:hover{background:#1e2332cc;border-color:#4285f466;box-shadow:0 15px 25px -5px #0006,0 0 25px #4285f433;color:#fff}.dark-mode .btn-google-premium .google-icon-wrapper{background:#ffffffe6}