:root{--font-display:"Sora", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--unit:4px;--gutter:24px;--margin-mobile:16px;--margin-desktop:48px;--container-max:1280px;--round-sm:4px;--round-md:8px;--round-lg:16px;--round-full:9999px;--background:#f8fafc;--on-background:#0f172a;--surface:#fff;--on-surface:#0f172a;--on-surface-variant:#475569;--surface-container-lowest:#fff;--surface-container-low:#f8fafc;--surface-container:#f1f5f9;--surface-container-high:#e2e8f0;--surface-container-highest:#cbd5e1;--primary:#0d9488;--on-primary:#fff;--primary-container:#ccfbf1;--on-primary-container:#0f766e;--secondary:#3b82f6;--on-secondary:#fff;--secondary-container:#dbeafe;--error:#ef4444;--on-error:#fff;--outline:#cbd5e1;--outline-variant:#e2e8f0;--glow-shadow:#0d94881a;--card-border:#0d948814}.dark{--background:#0d111d;--on-background:#f1f5f9;--surface:#151f32;--on-surface:#f1f5f9;--on-surface-variant:#94a3b8;--surface-container-lowest:#090d16;--surface-container-low:#0f1726;--surface-container:#1e293b;--surface-container-high:#2d3d56;--surface-container-highest:#3b4e6d;--primary:#00f5a0;--on-primary:#0d111d;--primary-container:#004d34;--on-primary-container:#80ffcf;--secondary:#3b82f6;--on-secondary:#fff;--secondary-container:#1e293b;--error:#ffb4ab;--on-error:#690005;--outline:#1e293b;--outline-variant:#0f1726;--glow-shadow:#00f5a014;--card-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .25s,border-color .25s}body{background-color:var(--background);color:var(--on-background);font-family:var(--font-body);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-size:16px;line-height:1.5;display:flex;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em;font-weight:700}.text-display{font-family:var(--font-display);letter-spacing:-.02em;font-size:48px;font-weight:800;line-height:1.1}@media (max-width:768px){.text-display{font-size:32px}}.text-headline-lg{font-size:32px;line-height:1.2}@media (max-width:768px){.text-headline-lg{font-size:24px}}.text-headline-md{font-size:20px;font-weight:600;line-height:1.4}.text-label-caps{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.container-max{width:100%;max-width:var(--container-max);padding:0 var(--margin-desktop);margin:0 auto}@media (max-width:768px){.container-max{padding:0 var(--margin-mobile)}}.glass-card{background-color:var(--surface);border:1px solid var(--card-border);border-radius:var(--round-lg);box-shadow:0 4px 20px var(--glow-shadow);padding:24px;position:relative}.dark .glass-card{-webkit-backdrop-filter:blur(12px);background:#111319b3}.glow-hover{transition:transform .2s,box-shadow .2s,border-color .2s}.glow-hover:hover{border-color:var(--primary);box-shadow:0 8px 30px var(--glow-shadow);transform:translateY(-2px)}.text-glow{color:var(--primary)}.dark .text-glow{text-shadow:0 0 10px #00f5a066}.ad-container{background-color:var(--surface-container-low);border:1px dashed var(--outline);border-radius:var(--round-md);width:100%;color:var(--on-surface-variant);flex-direction:column;justify-content:center;align-items:center;margin:16px 0;padding:12px;display:flex;position:relative;overflow:hidden}.ad-container:before{content:attr(data-label);font-family:var(--font-mono);letter-spacing:.1em;color:var(--on-surface-variant);opacity:.6;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:600}.ad-banner-728{max-width:728px;min-height:90px;margin-left:auto;margin-right:auto}.ad-box-300{width:300px;height:250px;min-height:250px}.btn-primary{background-color:var(--primary);color:var(--on-primary);font-family:var(--font-display);border-radius:var(--round-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.btn-primary:hover{opacity:.9;box-shadow:0 4px 15px var(--glow-shadow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--on-background);border:1px solid var(--outline);font-family:var(--font-display);border-radius:var(--round-md);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:background-color .2s,border-color .2s;display:inline-flex}.btn-secondary:hover{background-color:var(--surface-container);border-color:var(--primary)}.nav-link{font-family:var(--font-body);color:var(--on-surface-variant);border-radius:var(--round-md);padding:8px 16px;font-weight:500;transition:color .2s,background-color .2s}.nav-link:hover,.nav-link.active{color:var(--primary);background-color:var(--surface-container)}.flex-center{justify-content:center;align-items:center;display:flex}.grid-cols-2{gap:var(--gutter);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:768px){.grid-cols-2{grid-template-columns:1fr}}.theater-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background-color:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.theater-player-container{border-radius:var(--round-lg);background-color:#121824;border:1px solid #ffffff14;width:100%;max-width:900px;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.details-modal{border-radius:var(--round-lg);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1a2333;border:1px solid #ffffff1a;padding:24px;box-shadow:0 8px 32px #0000005e}.dark .details-modal{background-color:#0f172a}.btn-close-theater{color:#fff;border-radius:var(--round-full);cursor:pointer;z-index:10;background-color:#00000080;border:1px solid #ffffff26;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.btn-close-theater:hover{background-color:var(--primary);color:var(--on-primary);border-color:var(--primary)}.modal-creation-form{flex-direction:column;gap:12px;display:flex}.modal-creation-form h3{font-family:var(--font-sora);color:var(--on-surface);margin-bottom:4px;font-size:20px}.form-group{flex-direction:column;gap:6px;width:100%;display:flex}.form-group label{text-transform:uppercase;color:var(--on-surface-variant);opacity:.8;font-size:11px;font-weight:600}.form-input{background-color:var(--surface-container-low);border:1.5px solid var(--outline);color:var(--on-surface);border-radius:var(--round-sm);width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.form-input:focus{border-color:var(--primary);background-color:var(--surface-container);outline:none}.form-input::placeholder{color:var(--on-surface-variant);opacity:.5}select.form-input option{background-color:var(--surface);color:var(--on-surface)}.admin-table-wrapper{margin-top:15px;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--outline-variant);padding:12px 16px}.admin-table th{text-transform:uppercase;color:var(--on-surface-variant);font-size:12px;font-weight:600}.admin-table td{color:var(--on-surface);font-size:14px}.table-actions{gap:8px;display:flex}.btn-table-approve{color:#34d399;cursor:pointer;background-color:#10b98126;border:1px solid #10b9814d;border-radius:4px;padding:4px 10px;font-size:12px;transition:all .2s}.btn-table-approve:hover{color:#fff;background-color:#10b981}.btn-table-reject{color:#f87171;cursor:pointer;background-color:#ef444426;border:1px solid #ef44444d;border-radius:4px;padding:4px 10px;font-size:12px;transition:all .2s}.btn-table-reject:hover{color:#fff;background-color:#ef4444}.btn-table-wait{color:#fbbf24;cursor:pointer;background-color:#f59e0b26;border:1px solid #f59e0b4d;border-radius:4px;padding:4px 10px;font-size:12px;transition:all .2s}.btn-table-wait:hover{color:#fff;background-color:#f59e0b}.admin-dashboard-container{background-color:var(--background);min-height:100vh;display:flex}.admin-sidebar{background-color:var(--surface-container-low);border-right:1.5px solid var(--outline-variant);flex-direction:column;flex-shrink:0;width:280px;padding:24px 16px;display:flex;box-shadow:4px 0 16px #0000000d}.admin-sidebar-header{margin-bottom:32px;padding:0 8px}.admin-sidebar-logo{font-family:var(--font-sora);color:var(--primary);letter-spacing:-.5px;align-items:center;gap:8px;font-size:22px;font-weight:800;display:flex}.admin-sidebar-nav{flex-direction:column;flex-grow:1;gap:6px;display:flex}.admin-sidebar-btn{border-radius:var(--round-sm);color:var(--on-surface-variant);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.admin-sidebar-btn:hover{background-color:var(--surface-container-high);color:var(--on-surface)}.admin-sidebar-btn.active{background-color:var(--primary-container);color:var(--on-primary-container);font-weight:600}.admin-sidebar-footer{border-top:1px solid var(--outline-variant);flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;display:flex}.admin-sidebar-profile{align-items:center;gap:10px;padding:8px;display:flex}.admin-main-content{flex-direction:column;flex-grow:1;gap:24px;max-height:100vh;padding:32px 40px;display:flex;overflow-y:auto}@media (max-width:991px){.admin-dashboard-container{flex-direction:column}.admin-sidebar{border-right:none;border-bottom:1.5px solid var(--outline-variant);width:100%;max-height:auto}.admin-main-content{max-height:none;padding:24px 16px}}.upload-dashed-box{border:1.5px dashed var(--outline-variant);border-radius:var(--round-md);background-color:var(--surface-container-low);cursor:pointer;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex;position:relative}.upload-dashed-box:hover{border-color:var(--primary);background-color:var(--surface-container-high)}.upload-dashed-box .upload-icon-main{color:var(--on-surface-variant);font-size:32px}.upload-dashed-box .upload-trigger-icon{color:var(--primary);margin-left:auto;font-size:20px}.upload-dashed-box-label{flex-direction:column;gap:2px;display:flex}.upload-dashed-box-label strong{color:var(--on-surface);font-size:13px}.upload-dashed-box-label p{color:var(--on-surface-variant);font-size:11px}.item-list-card{background-color:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--round-md);align-items:center;gap:20px;padding:16px 20px;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 8px #00000005}.item-list-card:hover{border-color:var(--primary-container);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.item-list-card-thumb{border-radius:var(--round-sm);object-fit:cover;border:1px solid var(--outline-variant);background-color:var(--surface-container-high);flex-shrink:0;justify-content:center;align-items:center;width:90px;height:56px;display:flex}.item-list-card-info{flex-grow:1}.item-list-card-info h4{color:var(--on-surface);font-size:15px;font-weight:700}.item-list-card-info p{color:var(--on-surface-variant);margin-top:4px;font-size:11px}.item-list-card-actions{align-items:center;gap:16px;display:flex}.btn-icon-action{cursor:pointer;color:var(--on-surface-variant);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.btn-icon-action:hover{color:var(--primary)}.btn-icon-action.delete:hover{color:#ef4444}.tab-group-btns{gap:8px;margin-bottom:12px;display:flex}.btn-tab-toggle{border-radius:var(--round-full);border:1.5px solid var(--outline-variant);color:var(--on-surface-variant);cursor:pointer;background-color:#0000;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-tab-toggle.active{background-color:var(--primary);color:var(--on-primary);border-color:var(--primary)}.textarea-header-actions{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.btn-textarea-action{border-radius:var(--round-sm);background-color:var(--surface-container-high);border:1px solid var(--outline-variant);color:var(--on-surface);cursor:pointer;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-textarea-action:hover{background-color:var(--primary-container);color:var(--on-primary-container)}@keyframes pulseScale{0%{opacity:1;transform:scale(1)}50%{box-shadow:0 0 15px var(--primary);transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.article-body-rich-content,.detailed-news-body-text,.guide-content-detailed{word-break:break-word;white-space:pre-wrap!important}