:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--warning:38 92% 50%;--success:142 71% 45%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:.5rem}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--warning:38 92% 50%;--success:142 71% 45%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.login-page{justify-content:center;align-items:center;width:100%;min-height:100svh;padding:1.5rem;display:flex}.login-container{width:100%;max-width:24rem}.login-stack{flex-direction:column;gap:1.5rem;display:flex}.login-card{color:#fff;-webkit-backdrop-filter:none;background:0 0;border:1px solid rgba(255,255,255,.18);border-radius:.75rem;box-shadow:0 8px 32px rgba(0,0,0,.12)}.login-card-header{flex-direction:column;gap:.375rem;padding:1.5rem;display:flex}.login-title{color:#fff;letter-spacing:-.025em;margin:0;font-size:1.5rem;font-weight:600;line-height:1}.login-description{color:rgba(255,255,255,.7);margin:0;font-size:.875rem;line-height:1.25rem}.login-card-content{padding:0 1.5rem 1.5rem}.login-form{flex-direction:column;gap:1rem;display:flex}.login-fields{flex-direction:column;gap:1.5rem;display:flex}.login-field{gap:.75rem;display:grid}.login-label{color:#fff;font-size:.875rem;font-weight:500;line-height:1.25rem}.login-field-header{justify-content:space-between;align-items:center;display:flex}.login-link{color:#fff;text-underline-offset:4px;font-size:.875rem;line-height:1.25rem}.login-link:hover{text-decoration:underline}.login-forgot-link{margin-left:auto;display:inline-block}.login-input-wrapper{position:relative}.login-input{color:#fff;background:0 0;border:1px solid rgba(255,255,255,.25);border-radius:.375rem;width:100%;height:2.5rem;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;line-height:1.25rem;display:flex}.login-input::placeholder{color:rgba(255,255,255,.55)}.login-input:focus-visible{outline-offset:2px;outline:2px solid rgba(255,255,255,.7)}.login-input--password{padding-right:2.5rem}.login-password-toggle{color:rgba(255,255,255,.7);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.login-password-toggle:hover{color:#fff}.login-password-toggle svg{display:block}.login-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-actions{flex-direction:column;gap:.75rem;display:flex}.login-button{cursor:pointer;border:1px solid transparent;border-radius:.375rem;justify-content:center;align-items:center;width:100%;height:2.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.25rem;display:inline-flex}.login-button--primary{color:hsl(var(--primary-foreground));background:hsl(var(--primary));border-color:hsl(var(--primary))}.login-button--primary:hover{opacity:.9}.login-button--outline{color:#fff;background:0 0;border-color:rgba(255,255,255,.25)}.login-button--outline:hover{background:rgba(255,255,255,.08)}.login-signup{color:#fff;text-align:center;margin-top:1rem;font-size:.875rem;line-height:1.25rem}.login-signup-link{color:#fff;text-underline-offset:4px;text-decoration:underline}@media (width>=768px){.login-page{padding:2.5rem}}.ui-button{white-space:nowrap;border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s,opacity .15s;display:inline-flex}.ui-button:disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.ui-button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.ui-button:active{transform:scale(.98)}.ui-button svg{pointer-events:none;flex-shrink:0;width:1rem;height:1rem}.ui-button--default{color:hsl(var(--primary-foreground));background:hsl(var(--primary))}.ui-button--default:hover{opacity:.9}.ui-button--destructive{color:#fff;background:hsl(var(--destructive))}.ui-button--warning{color:#fff;background:hsl(var(--warning))}.ui-button--success{color:#fff;background:hsl(var(--success))}.ui-button--outline{color:hsl(var(--foreground));background:hsl(var(--background));border-color:hsl(var(--border))}.ui-button--outline:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.ui-button--secondary{color:hsl(var(--secondary-foreground));background:hsl(var(--secondary))}.ui-button--ghost{color:hsl(var(--foreground));background:0 0}.ui-button--ghost:hover{background:hsl(var(--accent))}.ui-button--link{color:hsl(var(--primary));text-underline-offset:4px;background:0 0}.ui-button--link:hover{text-decoration:underline}.ui-button--size-default{height:2.25rem;padding:.5rem 1rem}.ui-button--size-sm{gap:.375rem;height:2rem;padding:.375rem .75rem}.ui-button--size-lg{height:2.5rem;padding:.5rem 1.5rem}.ui-button--size-icon{width:2.25rem;height:2.25rem;padding:0}.ui-button--size-icon-sm{width:2rem;height:2rem;padding:0}.ui-button--size-icon-xs{width:1.5rem;height:1.5rem;padding:0}.ui-card{color:hsl(var(--card-foreground));background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;flex-direction:column;gap:1rem;display:flex;box-shadow:0 1px 2px rgba(0,0,0,.05)}.ui-card--default{padding:1.5rem 0}.ui-card--sm{gap:.75rem;padding:1rem 0}.ui-card-header{flex-direction:column;align-items:flex-start;gap:.375rem;padding:0 1.5rem;display:flex}.ui-card--sm .ui-card-header,.ui-card--sm .ui-card-content,.ui-card--sm .ui-card-footer{padding-left:1rem;padding-right:1rem}.ui-card-title{font-size:inherit;margin:0;font-weight:600;line-height:1}.ui-card-content{padding:0 1.5rem}.ui-card-description{color:hsl(var(--muted-foreground));margin:0;font-size:.875rem}.ui-card-footer{align-items:center;gap:.5rem;padding:0 1.5rem;display:flex}.ui-card-action{align-self:flex-start}.ui-card-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.ui-card-item{align-items:center;gap:.5rem;display:flex}.ui-card-item svg{flex-shrink:0;width:1rem;height:1rem}.ui-input{width:100%;min-width:0;height:2.25rem;color:hsl(var(--foreground));border:1px solid hsl(var(--input));border-radius:var(--radius);background:0 0;padding:.25rem .75rem;font-family:inherit;font-size:.875rem;line-height:1.25rem;transition:color .15s,box-shadow .15s;display:flex}.ui-input::placeholder{color:hsl(var(--muted-foreground))}.ui-input:focus-visible{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.5);outline:none}.ui-input:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.ui-input:read-only{background:hsl(var(--muted))}.ui-label{-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;line-height:1;display:flex}.admin-shell{--admin-bg:#f3f4fb;--admin-text:#17172b;--admin-muted:#747b91;--admin-border:rgba(255,255,255,.65);background:radial-gradient(circle at 75% 5%, rgba(139,92,246,.1), transparent 35%), var(--admin-bg);width:100%;min-height:100vh;color:var(--admin-text);grid-template-columns:250px minmax(0,1fr);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:grid}.admin-sidebar{z-index:20;background:rgba(28,20,48,.96);border-right:1px solid rgba(255,255,255,.1);align-self:start;width:250px;height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar-brand{color:inherit;align-items:center;gap:12px;padding:4px 7px 28px;text-decoration:none;display:flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#7857ff,#5935d9);border:1px solid rgba(255,255,255,.18);border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 5px 18px rgba(109,74,255,.24)}.brand-icon svg{fill:currentColor;width:23px;height:23px;display:block}.brand-text{flex-direction:column;gap:4px;min-width:0;display:flex}.brand-text strong{color:#f8fafc;letter-spacing:-.3px;font-size:14px;font-weight:700}.brand-text small{color:var(--admin-sidebar-muted);letter-spacing:1.5px;font-size:9px}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.nav-link{color:#cbd5e1;border:1px solid transparent;border-radius:10px;align-items:center;gap:12px;min-height:43px;padding:0 12px;font-size:12px;font-weight:500;text-decoration:none;transition:background .18s,color .18s,border-color .18s,box-shadow .18s;display:flex}.nav-link svg{fill:currentColor;flex-shrink:0;width:18px;height:18px;display:block}.nav-link:hover{color:#fff;background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.07)}.nav-link.active{color:#fff;background:rgba(109,74,255,.28);border-color:rgba(167,139,250,.32);box-shadow:inset 3px 0 #a78bfa}.nav-link:focus-visible{outline-offset:2px;outline:2px solid #c4b5fd}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.11);align-items:center;gap:10px;margin-top:auto;padding:17px 7px 0;display:flex}.sidebar-logout{border-top:1px solid rgba(255,255,255,.08);margin-top:12px;padding:16px}.logout-button{color:#fca5a5;width:100%;font:inherit;cursor:pointer;background:rgba(239,68,68,.07);border:1px solid rgba(248,113,113,.2);border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:11px 14px;transition:background .18s,border-color .18s;display:flex}.logout-button svg{fill:currentColor;width:17px;height:17px}.logout-button:hover:not(:disabled){background:rgba(220,38,38,.2);border-color:rgba(248,113,113,.4)}.logout-button:disabled{opacity:.6;cursor:not-allowed}.logout-error{color:#fca5a5;overflow-wrap:anywhere;margin-top:8px;font-size:12px}.admin-avatar,.profile-avatar{color:#5b43c6;background:rgba(221,214,254,.95);border:1px solid rgba(255,255,255,.65);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.admin-identity{flex-direction:column;gap:4px;min-width:0;display:flex}.admin-identity strong{font-size:11px;font-weight:650}.admin-identity small{color:var(--admin-sidebar-muted);font-size:10px}.admin-sidebar .sidebar-brand{box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.14);align-items:center;gap:12px;margin:0;padding:24px 16px 22px;text-decoration:none;display:flex}.admin-sidebar .brand-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-sidebar .brand-text{flex-direction:column;justify-content:center;gap:5px;display:flex}.admin-sidebar .brand-text strong{color:#f8fafc}.admin-sidebar .brand-text small{color:#b8a9cc;letter-spacing:1.2px;font-size:10px}.admin-sidebar .sidebar-bottom{border-top:1px solid rgba(255,255,255,.14);padding:16px 12px}.admin-sidebar .admin-identity{flex-direction:column;gap:4px;min-width:0;display:flex}.admin-sidebar .admin-identity strong{color:#f8fafc;font-size:12px;font-weight:600}.admin-sidebar .admin-identity small{color:#b8a9cc;font-size:10px}.admin-sidebar .sidebar-nav{border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:16px}.admin-main{min-width:0}.admin-navbar{z-index:30;-webkit-backdrop-filter:blur(20px);background:rgba(255,255,255,.78);border-bottom:1px solid rgba(226,232,240,.75);justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:84px;padding:16px 28px;display:flex;position:sticky;top:0}.navbar-heading{flex-direction:column;gap:4px;min-width:0;display:flex}.navbar-heading h1{color:#17172b;margin:0;font-size:1.35rem;font-weight:700;line-height:1.4}.navbar-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:16px;margin-left:auto;display:flex}.icon-button{color:#64748b;background:rgba(255,255,255,.7);border:1px solid rgba(226,232,240,.9);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.icon-button:hover{background:#fff;border-color:#c4b5fd;transform:translateY(-1px)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.stat-card,.panel{box-sizing:border-box;-webkit-backdrop-filter:blur(16px)saturate(130%);background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.92);border-radius:16px;min-width:0;box-shadow:0 5px 20px rgba(15,23,42,.035),inset 0 1px rgba(255,255,255,.9)}.stat-card{padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s}.stat-card:hover{border-color:rgba(196,181,253,.6);transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.067),inset 0 1px rgba(255,255,255,.95)}.stat-card p{color:var(--admin-muted);margin:15px 0 7px;font-size:12px}.stat-card h3{color:var(--admin-text);letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:0;font-size:28px;font-weight:750}.stat-card small{color:#94a3b8;overflow-wrap:anywhere;margin-top:9px;font-size:10px;line-height:1.6;display:block}.stat-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.stat-card-top .text-link{white-space:nowrap;flex-shrink:0}.stat-icon{color:#64748b;background:rgba(241,245,249,.82);border:1px solid rgba(226,232,240,.92);border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.stat-icon svg{stroke:currentColor;fill:none;stroke-width:1.7px;width:20px;height:20px;display:block}.text-link{color:#6d55cf;white-space:nowrap;font-size:11px;font-weight:600;text-decoration:none}.text-link:hover{color:#4c35a8;text-decoration:underline}.text-link:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #a78bfa}.dashboard-panels{grid-template-columns:minmax(0,1fr);gap:20px;width:100%;margin-top:24px;display:grid}.dashboard-panels>.panel{width:100%;min-width:0;padding:24px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.panel-heading h3{color:var(--admin-text);margin:0;font-size:14px;font-weight:700}.panel-heading p{color:var(--admin-muted);margin:6px 0 0;font-size:11px;line-height:1.6}.dashboard-panels .empty-chart{box-sizing:border-box;width:100%;min-height:420px}.empty-chart{text-align:center;background:rgba(248,250,252,.48);border:1px dashed rgba(203,213,225,.9);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:24px;display:flex}.empty-chart p{color:var(--admin-text);margin:12px 0 5px;font-size:12px;font-weight:650}.empty-chart small{max-width:300px;color:var(--admin-muted);font-size:11px;line-height:1.7}.empty-chart svg{color:#94a3b8;width:36px;height:36px}.empty-chart-icon{color:#94a3b8;font-size:36px}.btn-primary{color:#fff;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#7555ef,#5b35d5);border:1px solid rgba(255,255,255,.18);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:12px;font-weight:650;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 4px 12px rgba(109,74,255,.16)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(109,74,255,.23)}.btn-primary:focus-visible{outline-offset:3px;outline:2px solid #a78bfa}.btn-primary svg{fill:currentColor;width:16px;height:16px}.btn-secondary,.btn-cancel{color:#475569;min-height:40px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:rgba(255,255,255,.65);border:1px solid rgba(203,213,225,.85);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover,.btn-cancel:hover{background:rgba(245,243,255,.85);border-color:#c4b5fd}.btn-secondary:disabled,.btn-cancel:disabled{opacity:.55;cursor:not-allowed}.table-wrapper{-webkit-backdrop-filter:blur(12px);background:rgba(255,255,255,.65);border:1px solid rgba(226,232,240,.85);border-radius:13px;width:100%;overflow-x:auto}.berita-table{border-collapse:collapse;text-align:left;width:100%}.berita-table th,.berita-table td{vertical-align:middle;border-bottom:1px solid rgba(226,232,240,.65);padding:14px 16px;font-size:12px}.berita-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:rgba(241,245,249,.78);font-size:10px;font-weight:700}.berita-table td{color:#334155}.berita-table tbody tr{transition:background .15s}.berita-table tbody tr:hover{background:rgba(245,243,255,.48)}.berita-table tbody tr:last-child td{border-bottom:0}.form-group,.form-field{flex-direction:column;gap:7px;min-width:0;display:flex}.form-group label,.form-field label{color:var(--admin-text);font-size:12px;font-weight:650}.form-group input,.form-group textarea,.form-group select,.form-field input,.form-field textarea,.form-field select{box-sizing:border-box;width:100%;min-width:0;min-height:42px;color:var(--admin-text);font:inherit;background:rgba(255,255,255,.76);border:1px solid rgba(203,213,225,.9);border-radius:10px;outline:none;padding:10px 12px;font-size:12px;transition:border-color .18s,box-shadow .18s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.form-field input:focus,.form-field textarea:focus,.form-field select:focus{background:rgba(255,255,255,.96);border-color:#8b75ed;box-shadow:0 0 0 3px rgba(109,74,255,.1)}.form-group textarea,.form-field textarea{resize:vertical;min-height:140px}.form-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:1.5rem;display:flex}.berita-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.berita-heading h2{margin:0 0 .35rem}.berita-heading p{color:var(--admin-muted);margin:0;font-size:.875rem}.berita-heading .btn-secondary{flex-shrink:0}.berita-panel,.berita-form-panel{box-sizing:border-box;width:100%;min-width:0;padding:1.5rem}.berita-form{flex-direction:column;gap:1.25rem;width:100%;min-width:0;display:flex}.panel-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.berita-count{color:green;white-space:nowrap;font-size:.875rem}.btn-icon{font-size:1.25rem;line-height:1}.berita-title{color:var(--admin-text);font-weight:500}.status-badge{color:#92400e;text-transform:capitalize;background:#fef3c7;border-radius:999px;align-items:center;padding:.3rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.berita-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn-edit,.btn-delete{font:inherit;cursor:pointer;background:rgba(255,255,255,.8);border:1px solid;border-radius:.5rem;padding:.45rem .75rem;font-size:.8rem;font-weight:500}.btn-edit{color:#4338ca;border-color:#c7d2fe}.btn-edit:hover{background:#eef2ff}.btn-delete{color:#dc2626;border-color:#fecaca}.btn-delete:hover{background:#fef2f2}.berita-thumbnail{object-fit:cover;object-position:center;border:1px solid var(--admin-border);background:#f8fafc;border-radius:8px;width:100px;height:68px;display:block}.berita-no-image{width:100px;height:68px}.table-state{color:var(--admin-muted);text-align:center;padding:2.5rem 1rem}.table-state h4{color:var(--admin-text);margin:0 0 .5rem}.table-state p{margin:0}.delete-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(8px);background:rgba(15,23,42,.42);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.delete-modal{box-sizing:border-box;-webkit-backdrop-filter:blur(22px);background:rgba(255,255,255,.91);border:1px solid rgba(255,255,255,.9);border-radius:18px;width:100%;max-width:440px;padding:28px;box-shadow:0 24px 70px rgba(15,23,42,.18)}.delete-modal h3{color:#101828;margin:16px 0 8px;font-size:1.25rem;font-weight:700}.delete-modal p{color:#667085;overflow-wrap:anywhere;font-size:.9rem;line-height:1.7}.delete-modal-icon{color:#dc2626;background:rgba(254,242,242,.9);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.5rem;font-weight:700;display:flex}.delete-modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.btn-delete-confirm{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#dc2626;border:1px solid #dc2626;border-radius:9px;justify-content:center;align-items:center;padding:10px 16px;font-size:.875rem;font-weight:600;display:inline-flex}.btn-delete-confirm:hover:not(:disabled){background:#b91c1c}.btn-delete-confirm:disabled{opacity:.6;cursor:not-allowed}@supports not (backdrop-filter:blur(1px)){.admin-navbar,.stat-card,.panel,.berita-panel,.berita-form-panel,.delete-modal{background:#fff}}.home-page{color:#f5f5f5;background:#faf9f9;min-height:100vh;overflow-x:clip}.home-page a,.navbar a{-webkit-tap-highlight-color:transparent}.home-page img{max-width:100%;display:block}.navbar{z-index:999;pointer-events:none;width:100%;position:fixed;top:20px;left:0}.navbar>.container{width:min(100% - 48px,1400px);margin-inline:auto;padding:0}.navbar-inner{box-sizing:border-box;-webkit-backdrop-filter:blur(20px);pointer-events:auto;background:rgba(10,10,20,.62);border:1px solid rgba(255,255,255,.14);border-radius:18px;align-items:center;gap:18px;width:58px;height:58px;margin-inline:auto;padding:8px;transition:width .35s,height .35s,padding .35s,border-radius .35s;display:flex;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.18)}.navbar .unfol-button{color:#f5f5f5;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;display:inline-flex}.navbar .unfol-button svg{width:20px;height:20px;display:block}.navbar .unfol-button:hover{color:#39d7ff;background:rgba(255,255,255,.07)}.navbar-home-link{color:#f5f5f5;justify-content:center;align-items:center;margin-right:auto;text-decoration:none;transition:color .18s;display:inline-flex}.navbar-home-link:hover{color:#39d7ff}.navbar-links{white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;flex:none;justify-content:flex-end;align-items:center;gap:18px;width:max-content;margin-left:auto;transition:opacity .2s,visibility .2s;display:flex}.navbar-links>a,.navbar-links>span{color:#d0d0d8;white-space:nowrap;flex:none;align-items:center;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:500;line-height:1.4;text-decoration:none;transition:color .2s;display:inline-flex}.navbar-links>a:hover{color:#39d7ff}.navbar-links>a.login-button,.navbar-links>.login-button{color:#d0d0d8;white-space:nowrap;flex:none;width:auto;height:auto;min-height:0;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:500;line-height:1.4;text-decoration:none;display:inline;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.navbar-links>a.login-button:hover,.navbar-links>.login-button:hover{color:#39d7ff;box-shadow:none!important;background:0 0!important;border:none!important}.navbar-links>.profile-icon-button{color:#d0d0d8;background:rgba(57,215,255,.05);border:1px solid rgba(57,215,255,.25);border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.navbar-links>.profile-icon-button svg{width:18px;height:18px}.navbar-links>.profile-icon-button:hover{color:#39d7ff;background:rgba(57,215,255,.12);border-color:rgba(57,215,255,.5)}.navbar.navbar-expanded .navbar-inner{border-radius:18px;width:100%;height:60px;padding:8px 16px}.navbar.navbar-expanded .navbar-links{opacity:1;visibility:visible;pointer-events:auto;flex:none;width:max-content;margin-left:auto}.home-header{width:100%;margin:0;padding:0}.header-container{aspect-ratio:16/9;background:#111116;border:none;border-radius:0;width:100%;margin:0;padding:0;position:relative;overflow:hidden}.header-container img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.profile-wrapper{flex-direction:column;align-items:center;width:100%;margin-top:55px;display:flex}.profile-frame{box-sizing:border-box;background:#fff;border:1px solid #8b303d;width:min(290px,85%);padding:14px;position:relative}.profile-frame:before{content:"";pointer-events:none;border:1px solid #8b303d;position:absolute;inset:-9px}.profile-frame:after{content:"";pointer-events:none;background:linear-gradient(#8b303d,#8b303d) 50% 15px/calc(100% + 14px) 1px no-repeat,linear-gradient(#8b303d,#8b303d) center bottom 15px/calc(100% + 14px) 1px no-repeat,linear-gradient(#8b303d,#8b303d) 15px/1px calc(100% + 14px) no-repeat,linear-gradient(#8b303d,#8b303d) right 15px center/1px calc(100% + 14px) no-repeat;position:absolute;inset:-16px}.profile-image{aspect-ratio:3/4;object-fit:cover;object-position:center;width:100%;display:block}.profile-info{text-align:center;margin-top:30px}.profile-info h3{color:#171717;margin:0;font-size:17px;font-weight:700}.profile-info .profile-position{color:#333;margin:7px 0 0;font-size:14px;font-weight:600}.profile-info .profile-period{color:#777;margin:8px 0 0;font-size:13px;font-style:italic}.home-hero .hero-info{z-index:2;box-sizing:border-box;text-align:center;width:100%;max-width:780px;margin:25px auto 35px;padding:10px 16px;display:block;position:relative}.home-hero .hero-info p{color:#171717;text-align:center;margin:0;font-size:18px;font-weight:400;line-height:1.8}.home-features{padding:56px 0;position:relative}.home-features:before{content:"";background:#262626;width:min(100% - 48px,1400px);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.home-features .container{width:min(100% - 48px,1400px);margin-inline:auto}.features-grid{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c4b5fd transparent;grid-auto-columns:calc(25% - 12px);grid-auto-flow:column;align-items:stretch;gap:16px;padding:4px 2px 14px;display:grid;overflow:auto hidden}.features-grid>.feature-card{scroll-snap-align:start;min-width:0}.features-grid::-webkit-scrollbar{height:6px}.features-grid::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:999px}.features-grid::-webkit-scrollbar-track{background:0 0}.feature-card{box-sizing:border-box;-webkit-backdrop-filter:blur(16px)saturate(130%);background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.92);border-radius:16px;flex-direction:column;min-width:0;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 5px 20px rgba(15,23,42,.035),inset 0 1px rgba(255,255,255,.9)}.feature-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,23,42,.08)}.feature-image{aspect-ratio:16/10;object-fit:cover;background:#e5e7eb;flex:none;width:100%;height:auto;transition:transform .3s;display:block}.feature-card:hover .feature-image{transform:scale(1.035)}.feature-date{color:#64748b;margin-top:4px;font-size:13px;line-height:1.5;display:block}.feature-content{flex:1;padding:12px 16px 16px}.feature-content h3{color:#0a0a0a;margin:8px 0 6px;font-size:15px;font-weight:700;line-height:1.5}.feature-content p{-webkit-line-clamp:3;line-clamp:3;color:#0a0a0a;text-align:justify;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.feature-link{color:#64748b;align-items:center;gap:4px;margin-top:16px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.feature-link:hover{color:#64748b}.feature-category{color:#64748b;font-size:12px;font-weight:600;display:block}.feature-category-activity{color:#2e2d2e}.feature-content{flex-direction:column;flex:1;padding:12px 16px 16px;display:flex}.feature-link{margin-top:0}.public-detail{color:#1f2937;background:#fff;min-height:100vh;padding:100px 0 80px}.public-detail .container{width:min(100% - 48px,1400px);margin-inline:auto}.public-detail-article{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;margin-inline:auto;padding:32px;box-shadow:0 4px 18px rgba(15,23,42,.04)}.public-detail-image-wrapper{box-sizing:border-box;object-fit:cover;object-position:center;background:#f3f4f6;border-radius:10px;width:100%;height:clamp(360px,50vw,700px);max-height:700px;margin:0 auto 20px;display:block}.public-detail-meta{flex-flow:wrap;align-items:center;gap:6px 18px;margin-bottom:8px;display:flex}.public-detail-category{color:#2563eb;align-items:center;margin:0;font-size:13px;font-weight:600;display:inline-flex}.public-detail-date{color:#6b7280;white-space:nowrap;align-items:center;margin:0;font-size:13px;line-height:1.6;display:inline-flex}.public-detail-article h1{color:#111827;margin:8px 0 20px;font-size:clamp(26px,3vw,38px);line-height:1.3}.public-detail-body{box-sizing:border-box;color:#374151;overflow-wrap:anywhere;white-space:normal;text-align:justify;width:100%;min-width:0;font-size:16px;line-height:1.9}.public-detail-body p{margin:0 0 1.2rem;line-height:1.9}.public-detail-body p:last-child{margin-bottom:0}.public-detail-body h1,.public-detail-body h2,.public-detail-body h3,.public-detail-body h4,.public-detail-body h5,.public-detail-body h6{color:#111827;text-align:inherit;font-weight:700;line-height:1.4}.public-detail-body h1{margin:2rem 0 1rem;font-size:2rem}.public-detail-body h2{margin:1.8rem 0 .9rem;font-size:1.65rem}.public-detail-body h3{margin:1.5rem 0 .8rem;font-size:1.35rem}.public-detail-body h4,.public-detail-body h5,.public-detail-body h6{margin:1.2rem 0 .7rem;font-size:1.1rem}.public-detail-body strong,.public-detail-body b{color:#111827;font-weight:700}.public-detail-body em,.public-detail-body i{font-style:italic}.public-detail-body ul,.public-detail-body ol{margin:1rem 0 1.5rem;padding-left:2rem}.public-detail-body ul{list-style-type:disc}.public-detail-body ol{list-style-type:decimal}.public-detail-body li{margin-bottom:.5rem;padding-left:.2rem}.public-detail-body li::marker{color:#2563eb}.public-detail-body blockquote{color:#4b5563;background:#f8fafc;border-left:4px solid #2563eb;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.25rem}.public-detail-body blockquote p{margin-bottom:.5rem}.public-detail-body blockquote p:last-child{margin-bottom:0}.public-detail-body a{color:#2563eb;text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.public-detail-body a:hover{color:#1d4ed8}.public-detail-body img{box-sizing:border-box;object-fit:contain;border-radius:12px;max-width:100%;height:auto;margin:1.5rem auto;display:block}.public-detail-body table{border-collapse:collapse;border:1px solid #e5e7eb;width:100%;max-width:100%;margin:1.5rem 0;display:block;overflow-x:auto}.public-detail-body th,.public-detail-body td{text-align:left;vertical-align:top;border:1px solid #e5e7eb;min-width:100px;padding:.75rem 1rem}.public-detail-body th{color:#111827;background:#f3f4f6;font-weight:700}.public-detail-body tr:nth-child(2n){background:#f9fafb}.public-detail-body code{color:#b91c1c;background:#f3f4f6;border-radius:4px;padding:.15rem .35rem;font-family:monospace;font-size:.9em}.public-detail-body pre{background:#f3f4f6;border-radius:10px;max-width:100%;margin:1.5rem 0;padding:1rem;line-height:1.6;overflow-x:auto}.public-detail-body pre code{color:inherit;background:0 0;padding:0}.public-detail-body hr{border:0;border-top:1px solid #e5e7eb;margin:2rem 0}.public-detail-body [style*="text-align: center"]{text-align:center}.public-detail-body [style*="text-align: left"]{text-align:left}.public-detail-body [style*="text-align: right"]{text-align:right}.public-detail-body [style*="text-align: justify"]{text-align:justify}.public-detail>.home-footer{margin-top:48px;padding-top:48px;position:relative}.public-detail>.home-footer:before{content:"";background:#0a0a0a;width:min(100% - 48px,1400px);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.home-page .home-footer{color:#0a0a0a;background:#faf9f9;border-top:none;width:100%;margin-top:48px;position:relative}.home-page .home-footer:before{content:"";background:#0a0a0a;width:min(100% - 48px,1400px);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.home-footer .footer-main{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:120px;width:100%;min-width:0;padding-block:56px 35px;display:grid}.home-footer .footer-column{flex-direction:column;align-items:flex-start;gap:13px;min-width:0;display:flex}.home-footer .footer-column h3{color:#171717;margin:0 0 6px;font-size:15px;font-weight:700}.home-footer .footer-column a,.home-footer .footer-column p{color:#4b5563;overflow-wrap:anywhere;word-break:normal;margin:0;font-size:14px;line-height:1.8}.home-footer .footer-column a{text-decoration:none;transition:color .18s}.home-footer .footer-column a:hover{color:#51a5b1}.home-footer .footer-image{justify-content:center;align-items:center;width:100%;min-width:0;margin:10px auto 40px;display:flex}.home-footer .footer-logo-box{box-sizing:border-box;scroll-behavior:smooth;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#999 transparent;flex-flow:row;align-items:center;gap:18px;width:100%;max-width:650px;margin-inline:auto;padding:12px 6px 16px;display:flex;overflow:auto hidden}.home-footer .footer-logo-box::-webkit-scrollbar{height:5px}.home-footer .footer-logo-box::-webkit-scrollbar-thumb{background:#999;border-radius:10px}.home-footer .footer-logo-item{scroll-snap-align:start;flex:0 0 calc(20% - 14.4px);justify-content:center;align-items:center;min-width:0;display:flex}.home-footer .footer-logo-item img{object-fit:contain;object-position:center;width:110px;max-width:100%;height:125px;transition:transform .22s,filter .22s;display:block}.home-footer .footer-logo-item:hover img{filter:drop-shadow(0 6px 8px rgba(0,0,0,.18));transform:translateY(-5px)scale(1.07)}.home-footer .footer-logo-item:active img{transform:translateY(-7px)scale(1.1)}.home-footer .footer-bottom{box-sizing:border-box;border-top:1px solid #0a0a0a;justify-content:space-between;align-items:center;gap:20px;width:100%;padding-block:24px;display:flex}.home-footer .footer-bottom p{color:#0a0a0a;margin:0;font-size:13px;line-height:1.7}.home-footer .footer-bottom .footer-aboutme{color:#0a0a0a;font-size:13px;text-decoration:none;transition:color .18s}.home-footer .footer-bottom .footer-aboutme:hover{color:#51a5b1}.village-map-section{box-sizing:border-box;color:#171923;width:100%;max-width:1100px;margin-inline:auto;padding:32px 24px}.village-map-heading{text-align:center;width:100%;margin-bottom:16px}.village-map-heading h2{overflow-wrap:anywhere;margin:0 0 8px;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:700;line-height:1.3}.village-map-heading p{color:#626b7b;margin:0;font-size:clamp(.85rem,1.5vw,1rem);line-height:1.6}.village-map{box-sizing:border-box;background:#e9e7df;border:1px solid rgba(23,25,35,.2);border-radius:16px;width:100%;height:350px;min-height:350px;position:relative;overflow:hidden}.village-map.leaflet-container{background:#e9e7df;width:100%;height:100%}@media (width<=600px){.navbar{top:12px}.navbar>.container{width:calc(100% - 24px)}.navbar-inner{border-radius:16px;width:54px;height:54px;padding:6px}.navbar.navbar-expanded .navbar-inner{height:54px;padding:6px 8px}.navbar-links{gap:10px}.navbar-links>a,.navbar-links>span,.navbar-links>.login-button,.navbar-links>a.login-button{font-size:12px}.navbar-links>.profile-icon-button{flex-basis:30px;width:30px;height:30px}.header-container{aspect-ratio:auto;height:clamp(300px,90vw,400px)}.header-container img{aspect-ratio:auto;object-fit:cover;object-position:center;width:100%;max-width:none;height:100%}.profile-wrapper{margin-top:30px}.profile-frame{width:min(180px,65%);padding:8px}.profile-frame:before{inset:-6px}.profile-frame:after{inset:-10px}.profile-image{aspect-ratio:3/4;object-fit:cover;width:100%}.profile-info{margin-top:22px}.profile-info h3{font-size:14px}.profile-info .profile-position{font-size:12px}.profile-info .profile-period{font-size:11px}.home-hero .hero-info{max-width:100%;margin-top:20px;padding-inline:20px}.home-hero .hero-info p{font-size:14px;line-height:1.7}.home-features{padding:24px 0}.home-features .container{width:calc(100% - 32px)}.features-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-auto-columns:100%;gap:12px;padding:4px 2px 10px}.feature-card{-webkit-backdrop-filter:none;border-radius:12px}.feature-card:hover{transform:none}.feature-image{aspect-ratio:auto;object-fit:cover;width:100%;height:clamp(120px,48vw,180px);display:block}.feature-card:hover .feature-image{transform:none}.feature-content{padding:10px 12px 12px}.feature-content h3{margin:5px 0;font-size:13px;line-height:1.4}.feature-content p{-webkit-line-clamp:3;line-clamp:3;text-align:justify;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.feature-category{font-size:11px}.feature-date{margin-top:2px;font-size:10px}.feature-link{margin-top:8px;font-size:11px}.public-detail{padding:85px 0 55px}.public-detail .container{width:min(100% - 28px,1400px)}.public-detail-article{border-radius:10px;padding:20px}.public-detail-image-wrapper{border-radius:8px;height:clamp(220px,55vw,360px)}.public-detail-article h1{font-size:26px;line-height:1.35}.public-detail-body{font-size:15px;line-height:1.8}.public-detail-body h1{font-size:1.6rem}.public-detail-body h2{font-size:1.4rem}.public-detail-body h3{font-size:1.2rem}.public-detail-body h4,.public-detail-body h5,.public-detail-body h6{font-size:1.05rem}.public-detail-body ul,.public-detail-body ol{padding-left:1.5rem}.public-detail-body blockquote{padding:.85rem 1rem}.public-detail-body img{border-radius:8px;margin:1.2rem auto}.public-detail-body th,.public-detail-body td{padding:.6rem;font-size:14px}.public-detail>.home-footer{margin-top:36px;padding-top:36px}.public-detail>.home-footer:before{width:calc(100% - 28px)}.home-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px;padding-block:40px 25px;display:grid}.home-footer .footer-column{gap:10px;min-width:0}.home-footer .footer-column h3{font-size:14px}.home-footer .footer-column a,.home-footer .footer-column p{overflow-wrap:anywhere;word-break:normal;font-size:12px;line-height:1.7}.home-footer .footer-image{justify-content:center;width:100%;margin:10px auto 30px}.home-footer .footer-logo-box{gap:7px;width:100%;max-width:310px;padding:10px 0 14px}.home-footer .footer-logo-item{flex:0 0 56px}.home-footer .footer-logo-item img{width:56px;height:65px}.home-footer .footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:20px;display:flex}.home-footer .footer-bottom p,.home-footer .footer-bottom .footer-aboutme{font-size:11px}.village-map-section{padding:24px 16px}.village-map-heading{margin-bottom:14px}.village-map-heading h2{font-size:14px;line-height:1.45}.village-map-heading p{font-size:12px;line-height:1.6}.village-map{border-radius:12px;height:280px;min-height:280px}}@media (prefers-reduced-motion:reduce){.navbar a,.button-primary,.button-secondary,.navbar-inner,.navbar-links,.home-footer .footer-column a,.home-footer .footer-bottom .footer-aboutme{transition:none}.button-primary:hover,.button-secondary:hover,.navbar-links>.login-button:hover{transform:none}.feature-card,.feature-image{transition:none}.village-map,.village-map *{scroll-behavior:auto}}.profile-page{--profile-accent:#39d7ff;--profile-muted:#9297a5;--profile-border:rgba(255,255,255,.09);isolation:isolate;box-sizing:border-box;color:#f5f7fb;background:radial-gradient(at 50% 0,rgba(57,215,255,.075),transparent 48%),#090a0d;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;gap:22px;width:100%;min-height:100vh;padding:clamp(100px,12vh,140px) 24px 64px;display:grid;position:relative;overflow:hidden}.profile-page:before{z-index:-1;content:"";filter:blur(100px);pointer-events:none;background:rgba(57,215,255,.035);width:min(680px,90vw);height:400px;position:absolute;top:100px;left:50%;transform:translate(-50%)}.profile-card{box-sizing:border-box;border:1px solid var(--profile-border);background:linear-gradient(145deg,rgba(24,26,32,.96),rgba(14,15,19,.98));border-radius:24px;width:min(100%,700px);min-width:0;margin-inline:auto;padding:clamp(24px,5vw,44px);animation:.45s both profile-appear;position:relative;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.024)}.profile-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,transparent,rgba(57,215,255,.65),transparent);width:80%;height:1px;position:absolute;top:0;left:10%}.profile-avatar-editor{box-sizing:border-box;border-bottom:1px solid var(--profile-border);flex-direction:column;align-items:stretch;width:100%;min-width:0;margin:0 0 30px;padding:0 0 30px;display:flex}.profile-avatar-preview{box-sizing:border-box;background:rgba(57,215,255,.06);border:2px solid rgba(57,215,255,.4);border-radius:50%;flex-shrink:0;place-items:center;width:160px;height:160px;margin:0 auto 26px;display:grid;overflow:hidden;box-shadow:0 0 0 6px rgba(57,215,255,.055),0 8px 28px rgba(0,190,232,.12)}.profile-avatar-preview img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.profile-avatar-placeholder{width:100%;height:100%;color:var(--profile-accent);background:rgba(57,215,255,.06);place-items:center;display:grid}.profile-avatar-placeholder span{font-size:3.5rem;line-height:1}.profile-avatar-file{gap:10px;width:100%;min-width:0;margin-bottom:22px;display:grid}.profile-avatar-file label{color:#f5f7fb;font-size:.875rem;font-weight:600}.profile-avatar-file input[type=file]{box-sizing:border-box;color:#d8deea;border:1px solid var(--profile-border);width:100%;min-width:0;max-width:100%;font:inherit;background:rgba(255,255,255,.024);border-radius:12px;padding:12px;font-size:.8rem;display:block}.profile-avatar-file input[type=file]::file-selector-button{color:#071319;background:var(--profile-accent);font:inherit;cursor:pointer;border:0;border-radius:7px;margin-right:12px;padding:8px 12px;font-weight:650;transition:background .2s}.profile-avatar-file input[type=file]::file-selector-button:hover{background:#70e5ff}.profile-avatar-file input[type=file]:focus-visible{outline:2px solid var(--profile-accent);outline-offset:3px}.profile-avatar-file input[type=file]:disabled{opacity:.55;cursor:not-allowed}.profile-avatar-file small{color:var(--profile-muted);font-size:.75rem;line-height:1.6}.profile-avatar-filename{color:var(--profile-accent);overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:.8rem}.profile-avatar-actions{flex-wrap:wrap;gap:12px;display:flex}.profile-avatar-btn{box-sizing:border-box;min-width:0;min-height:46px;font:inherit;cursor:pointer;border:1px solid transparent;border-radius:12px;justify-content:center;align-items:center;padding:12px 20px;font-size:.875rem;font-weight:650;transition:color .25s,background .25s,border-color .25s,box-shadow .25s,opacity .25s;display:inline-flex}.profile-avatar-btn:focus-visible{outline:2px solid var(--profile-accent);outline-offset:4px}.profile-avatar-btn:disabled{opacity:.45;cursor:not-allowed}.profile-avatar-btn-primary{color:#071319;background:var(--profile-accent)}.profile-avatar-btn-primary:hover:not(:disabled){background:#70e5ff;box-shadow:0 5px 22px rgba(57,215,255,.12)}.profile-avatar-btn-secondary{color:#ff9b9b;background:rgba(255,77,94,.055);border-color:rgba(255,100,115,.24)}.profile-avatar-btn-secondary:hover:not(:disabled){background:rgba(255,77,94,.12);border-color:rgba(255,100,115,.5);box-shadow:0 5px 22px rgba(255,77,94,.07)}.profile-avatar-error{color:#ff9b9b;overflow-wrap:anywhere;word-break:break-word;margin:16px 0 0;font-size:.85rem;line-height:1.7}.profile-avatar-success{color:#70e5a0;overflow-wrap:anywhere;margin:16px 0 0;font-size:.85rem;line-height:1.7}.profile-avatar-muted{color:var(--profile-muted);text-align:center;margin:0 0 16px;font-size:.8rem;line-height:1.6}.profile-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.profile-field{box-sizing:border-box;background:rgba(255,255,255,.024);border:1px solid rgba(255,255,255,.067);border-radius:14px;flex-direction:column;justify-content:center;gap:10px;min-width:0;min-height:88px;padding:18px 20px;transition:border-color .25s,background .25s,transform .25s;display:flex}.profile-field:hover{background:rgba(57,215,255,.035);border-color:rgba(57,215,255,.22);transform:translateY(-2px)}.profile-field span{color:var(--profile-muted);letter-spacing:.025em;font-size:.78rem;font-weight:500}.profile-field strong{overflow-wrap:anywhere;word-break:break-word;color:#f1f5f9;font-size:.95rem;font-weight:550;line-height:1.55}.profile-actions{border-top:1px solid var(--profile-border);flex-direction:column;gap:12px;width:100%;margin-top:30px;padding-top:24px;display:flex}.profile-logout-button{box-sizing:border-box;color:#ff9b9b;width:100%;min-height:48px;font:inherit;cursor:pointer;background:rgba(255,77,94,.055);border:1px solid rgba(255,100,115,.24);border-radius:12px;justify-content:center;align-items:center;gap:10px;margin:0;padding:12px 22px;font-size:.9rem;font-weight:650;transition:color .25s,background .25s,border-color .25s,box-shadow .25s,opacity .25s;display:inline-flex}.profile-logout-button:hover:not(:disabled){color:#ffc1c1;background:rgba(255,77,94,.11);border-color:rgba(255,100,115,.5);box-shadow:0 5px 22px rgba(255,77,94,.07)}.profile-logout-button:focus-visible{outline-offset:4px;outline:2px solid #ff8d9a}.profile-logout-button:disabled{opacity:.55;cursor:not-allowed}.profile-status{color:var(--profile-muted);text-align:center;padding:24px 0;line-height:1.7}.profile-error{color:#ff9b9b;overflow-wrap:anywhere;word-break:break-word;font-size:.875rem;line-height:1.7}.profile-login-link{min-height:42px;color:var(--profile-accent);justify-content:center;align-items:center;margin-top:12px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.profile-login-link:hover{text-underline-offset:4px;text-decoration:underline}.profile-login-link:focus-visible{outline:2px solid var(--profile-accent);outline-offset:4px}@keyframes profile-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.profile-page{gap:18px;min-height:100vh;padding:clamp(88px,15vw,108px) 16px 36px}.profile-page:before{filter:blur(80px);width:95vw;height:300px;top:80px}.profile-card{border-radius:20px;width:100%;max-width:100%;padding:clamp(20px,5vw,28px)}.profile-avatar-editor{margin-bottom:24px;padding-bottom:24px}.profile-avatar-preview{width:132px;height:132px;margin-bottom:24px}.profile-avatar-actions{flex-direction:column}.profile-avatar-btn{width:100%;min-height:46px}.profile-avatar-file input[type=file]{font-size:.75rem}.profile-details{grid-template-columns:minmax(0,1fr);gap:10px}.profile-field{min-height:76px;padding:15px 16px}.profile-field:hover{transform:none}.profile-field strong{font-size:.9rem}.profile-actions{gap:12px;margin-top:24px;padding-top:20px}.profile-logout-button{border-radius:12px;width:100%;min-height:48px;margin:0;padding:12px 16px;font-size:14px}.profile-error{font-size:13px;line-height:1.6}}@media (prefers-reduced-motion:reduce){.profile-card{animation:none}.profile-field,.profile-logout-button,.profile-avatar-btn{transition:none}}.statistik-section{color:#111827;background:#f8fafc;padding:64px 0}.statistik-container{width:min(100% - 48px,1400px);margin-inline:auto}.statistik-panel{background:#fff;border:1px solid #e5eaf2;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px rgba(15,23,42,.05)}.statistik-tabs{scrollbar-width:none;border-bottom:1px solid #e8edf5;align-items:center;gap:8px;padding:12px 24px 0;display:flex;overflow-x:auto}.statistik-tabs::-webkit-scrollbar{display:none}.statistik-tabs button{color:#64748b;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid transparent;border-radius:10px 10px 0 0;flex:none;padding:16px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:color .18s,background-color .18s,border-color .18s;position:relative}.statistik-tabs button:hover{color:#6d28d9;background:#faf7ff}.statistik-tabs button.active{color:#6d28d9;background:#f5f0ff;border-bottom-color:#7c3aed}.statistik-tabs button:focus-visible{outline-offset:-3px;outline:2px solid #a78bfa}.statistik-content{padding:32px}.statistik-content h2{color:#111827;text-align:center;margin:10px 0 8px;font-size:clamp(24px,3vw,36px)}.statistik-description{color:#64748b;text-align:center;margin:0}.statistik-body{grid-template-columns:minmax(220px,.85fr) minmax(0,1.4fr);align-items:center;gap:40px;padding-top:32px;display:grid}.pie-chart{aspect-ratio:1;border:2px solid #fff;border-radius:50%;width:min(100%,340px);margin-inline:auto}.statistik-legend{min-width:0;display:grid}.statistik-legend-item{border-bottom:1px solid #edf0f5;grid-template-columns:12px minmax(100px,1fr) auto auto;align-items:center;gap:14px;padding:16px 0;font-size:14px;display:grid}.statistik-legend-item:last-child{border-bottom:0}.statistik-legend-item strong{color:#2563eb;text-align:right;font-variant-numeric:tabular-nums;min-width:64px}.legend-dot{border-radius:50%;width:11px;height:11px}.legend-label{color:#1f2937}.legend-count{color:#64748b;white-space:nowrap}.statistik-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.summary-item{border:1px solid #e5eaf2;border-radius:16px;gap:10px;padding:22px;display:grid}.summary-item span{color:#64748b;font-size:14px}.summary-item strong{color:#111827;font-size:30px}.summary-item small{color:#64748b;font-size:14px;font-weight:400}@media (width<=600px){.statistik-container{box-sizing:border-box;width:calc(100% - 24px);min-width:0}.statistik-panel{box-sizing:border-box;border-radius:14px;width:100%;min-width:0;overflow:hidden}.statistik-tabs{box-sizing:border-box;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:stretch;gap:2px;width:100%;min-width:0;max-width:100%;padding:6px 8px 0;display:flex;overflow:auto hidden}.statistik-tabs::-webkit-scrollbar{display:none}.statistik-tabs button{white-space:nowrap;border-radius:8px 8px 0 0;flex:none;padding:11px 9px;font-family:inherit;font-size:clamp(9px,2.5vw,14px);line-height:1.3}.statistik-content{box-sizing:border-box;width:100%;min-width:0;padding:clamp(14px,4vw,20px)}.statistik-content h2{overflow-wrap:anywhere;text-align:center;font-size:clamp(19px,5vw,21px);line-height:1.3}.statistik-description{text-align:center;font-size:13px;line-height:1.5}.statistik-body{grid-template-columns:minmax(0,1fr);gap:20px;min-width:0;padding-top:22px;display:grid}.pie-chart{aspect-ratio:1;width:min(58%,190px);max-width:190px;margin-inline:auto}.statistik-legend{width:100%;min-width:0;display:grid}.statistik-legend-item{grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:12px 0;font-size:12px;display:grid}.statistik-legend-item .legend-dot{width:9px;height:9px}.statistik-legend-item .legend-label{overflow-wrap:anywhere;min-width:0}.statistik-legend-item .legend-count{display:none}.statistik-legend-item strong{text-align:right;font-variant-numeric:tabular-nums;min-width:48px;font-size:12px}.statistik-summary{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px;display:grid}.summary-item{box-sizing:border-box;min-width:0;padding:16px}.summary-item strong{font-size:clamp(22px,6vw,24px)}}.social-share{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.social-share-trigger{color:#0a0a0a;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:grid}.social-share-trigger:hover{color:#0a0a0a;background:rgba(99,93,185,.08)}.social-share-trigger:active{transform:scale(.92)}.social-share-trigger-icon{width:19px;height:19px}.social-share-menu{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:max-content;padding:6px;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 25px rgba(0,0,0,.12)}.social-share-options{justify-content:center;align-items:center;gap:6px;display:flex}.social-share-option{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;padding:0;text-decoration:none;transition:background .2s,transform .2s;display:grid}.social-share-option svg{width:21px;height:21px;display:block}.social-share-option:hover{transform:translateY(-2px)}.social-share-option.facebook{color:#1877f2}.social-share-option.facebook:hover{background:rgba(24,119,242,.1)}.social-share-option.whatsapp{color:#25d366}.social-share-option.whatsapp:hover{background:rgba(37,211,102,.1)}.social-share-option.telegram{color:#229ed9}.social-share-option.telegram:hover{background:rgba(34,158,217,.1)}.social-share-option.instagram{color:#c13584}.social-share-option.instagram:hover{background:rgba(193,53,132,.1)}.feature-content>.social-share{align-self:flex-end;margin-top:auto}.archive-card-actions .social-share{align-self:center;margin-left:auto}.archive-page{--archive-accent:#0a0a0a;--archive-accent-hover:#0a0a0a;--archive-background:#f8fafc;--archive-muted:#0a0a0a;background:var(--archive-background);color:#0a0a0a;min-height:100vh;font-family:inherit}.archive-page .archive-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:160px 0 85px;position:relative;overflow:hidden}.archive-page .archive-header h1{color:#0a0a0a;letter-spacing:-1.5px;margin:0;font-size:clamp(32px,5vw,52px);font-weight:750;line-height:1.15}.archive-page .archive-header p{color:#0a0a0a;max-width:620px;margin:18px 0 0;font-size:16px;line-height:1.8}.archive-page .archive-eyebrow{color:var(--archive-accent);letter-spacing:3px;text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:700;display:inline-block}.archive-page .archive-content{padding:55px 0 90px}.archive-page .archive-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.archive-page .archive-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.archive-page .archive-filters button{color:#0a0a0a;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:all .2s}.archive-page .archive-filters button:hover{color:var(--archive-accent);background:#f8fafc;border-color:#93c5fd}.archive-page .archive-filters button.active{border-color:var(--archive-accent);color:var(--archive-accent);background:#eff6ff}.archive-page .archive-search{background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;width:min(100%,390px);min-height:46px;transition:border-color .2s;display:flex;overflow:hidden}.archive-page .archive-search:focus-within{border-color:var(--archive-accent)}.archive-page .archive-search input{color:#0a0a0a;min-width:0;height:46px;font:inherit;background:0 0;border:none;outline:none;flex:1;padding:0 15px;font-size:13px}.archive-page .archive-search input::placeholder{color:#0a0a0a}.archive-page .archive-search button{background:var(--archive-accent);color:#fff;cursor:pointer;border:none;align-self:stretch;padding:0 20px;font-size:13px;font-weight:600;transition:all .2s}.archive-page .archive-search button:hover{background:var(--archive-accent-hover)}.archive-page .archive-result-info{color:var(--archive-muted);margin-bottom:22px;font-size:13px}.archive-page .archive-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.archive-page .archive-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;min-width:0;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,.04)}.archive-page .archive-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(15,23,42,.08)}.archive-page .archive-card-image{aspect-ratio:16/10;background:#f1f5f9;flex:none;width:100%;display:block;position:relative;overflow:hidden}.archive-page .archive-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.archive-page .archive-card:hover .archive-card-image img{transform:scale(1.035)}.archive-page .archive-image-placeholder{color:#0a0a0a;background:#f1f5f9;justify-content:center;align-items:center;width:100%;height:100%;font-size:13px;display:flex}.archive-page .archive-card-body{flex-direction:column;flex:1;padding:12px 16px 16px;display:flex}.archive-page .archive-card-body .archive-category{color:#0a0a0a;font-size:12px;font-weight:600;display:block}.archive-page .archive-card-body .archive-category-activity{color:#0a0a0a}.archive-page .archive-card-body .archive-date{color:#0a0a0a;margin-top:4px;font-size:12px;line-height:1.5;display:block}.archive-page .archive-card-body h3{color:#0a0a0a;margin:8px 0 6px;font-size:15px;font-weight:700;line-height:1.5}.archive-page .archive-card-body h3 a{color:inherit;text-decoration:none;transition:color .2s}.archive-page .archive-card-body h3 a:hover{color:var(--archive-accent)}.archive-page .archive-card-body p{-webkit-line-clamp:3;line-clamp:3;color:#4b5563;text-align:justify;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.archive-page .archive-card-actions{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:auto;padding-top:12px;display:flex}.archive-page .archive-read-more{color:var(--archive-accent);align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.archive-page .archive-read-more:hover{color:var(--archive-accent-hover)}.archive-page .social-share-trigger{color:var(--archive-accent)}.archive-page .social-share-trigger:hover{color:var(--archive-accent-hover);background:#eff6ff}.archive-page .archive-message{color:var(--archive-muted);text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:55px 20px;font-size:14px}.archive-page .archive-error{color:#b91c1c;border-color:#fecaca}.archive-page .archive-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:45px;display:flex}.archive-page .archive-pagination span{color:var(--archive-muted);font-size:13px}.archive-page .archive-pagination button{color:#0a0a0a;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:11px 18px;font-size:13px;font-weight:600;transition:all .2s}.archive-page .archive-pagination button:hover:not(:disabled){border-color:var(--archive-accent);color:var(--archive-accent);background:#eff6ff}.archive-page .archive-pagination button:disabled{opacity:.4;cursor:not-allowed}@media (width<=600px){.archive-page .archive-header{padding:115px 0 50px}.archive-page .archive-header .archive-eyebrow{letter-spacing:2px;margin-bottom:13px;font-size:10px}.archive-page .archive-header h1{letter-spacing:-.8px;font-size:30px}.archive-page .archive-header p{margin-top:13px;font-size:13px;line-height:1.7}.archive-page .archive-content{padding:35px 0 60px}.archive-page .archive-toolbar{align-items:stretch;gap:18px;margin-bottom:25px}.archive-page .archive-filters{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;display:grid}.archive-page .archive-filters button{padding:10px 5px;font-size:12px}.archive-page .archive-search{width:100%}.archive-page .archive-search input{font-size:12px}.archive-page .archive-search button{padding-inline:16px;font-size:12px}.archive-page .archive-result-info{font-size:12px}.archive-page .archive-grid{grid-template-columns:1fr;gap:16px}.archive-page .archive-card-body{padding:12px 16px 16px}.archive-page .archive-card-body p{text-align:justify;line-height:1.6}.archive-page .archive-pagination{gap:12px;margin-top:30px}.archive-page .archive-pagination button{padding:10px 13px;font-size:11px}.archive-page .archive-pagination span{font-size:11px}.social-share-menu{right:0}}.rich-text-editor{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow:hidden}.editor-toolbar{background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.toolbar-group button,.image-controls button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.toolbar-group button:hover,.image-controls button:hover{color:#2563eb;background:#eff6ff;border-color:#3b82f6}.toolbar-group button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.image-controls button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.toolbar-group button:disabled,.image-controls button:disabled{opacity:.5;cursor:not-allowed}.toolbar-group{border-right:1px solid #d1d5db;flex-wrap:wrap;align-items:center;gap:5px;padding-right:8px;display:flex}.toolbar-group:last-child{border-right:none}.toolbar-group button{min-height:34px;padding:7px 10px}.toolbar-group button:active{background:#dbeafe}.toolbar-group[aria-label=Table\ Controls]{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:8px}.toolbar-group[aria-label=Table\ Controls] button{white-space:nowrap}.editor-mode-toolbar{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.editor-mode-label{color:#172554;font-size:13px;font-weight:700}.editor-preview-button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:6px;min-height:34px;padding:7px 14px;font-size:12px;font-weight:600;transition:background .15s}.editor-preview-button:hover{background:#1d4ed8}.editor-import-error{color:#b91c1c;background:#fef2f2;border-bottom:1px solid #fecaca;padding:12px 16px}.editor-import-error strong{margin-bottom:4px;font-size:13px;display:block}.editor-import-error p{overflow-wrap:anywhere;margin:0;font-size:12px}.editor-preview{background:#fff;min-height:400px;padding:24px}.editor-preview-content{color:#374151;overflow-wrap:anywhere;width:100%;max-width:850px;margin:0 auto;font-size:15px;line-height:1.8}.editor-preview-content p{text-align:justify;text-justify:inter-word;margin:0 0 14px}.editor-preview-content h1,.editor-preview-content h2,.editor-preview-content h3{color:#111827;margin:20px 0 12px;line-height:1.4}.editor-preview-content h1{font-size:2em}.editor-preview-content h2{font-size:1.5em}.editor-preview-content h3{font-size:1.25em}.editor-preview-content ul,.editor-preview-content ol{margin:0 0 16px;padding-left:26px}.editor-preview-content li{margin-bottom:6px}.editor-preview-content blockquote{color:#4b5563;background:#f8fafc;border-left:4px solid #2563eb;margin:16px 0;padding:12px 16px}.editor-preview-content table{border-collapse:collapse;table-layout:fixed;width:100%;margin:20px 0}.editor-preview-content table th,.editor-preview-content table td{overflow-wrap:anywhere;border:1px solid #cbd5e1;min-width:50px;padding:12px}.editor-preview-content table th{color:#172554;text-align:center;background:#f1f5f9;font-weight:700}.editor-preview-content img{border-radius:8px;max-width:100%;height:auto;margin:14px 0;display:inline-block}.editor-preview-content a{color:#2563eb;text-decoration:underline}.editor-preview-content hr{border:none;border-top:1px solid #d1d5db;margin:24px 0}.editor-draft-restore-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-height:34px;padding:7px 14px;font-size:12px;font-weight:600}.editor-draft-restore-button:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#3b82f6}.editor-draft-restore-button:disabled{opacity:.4;cursor:not-allowed}.editor-draft-status{color:#64748b;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:8px 14px;font-size:11px}.rich-text-editor .taino-editor{box-sizing:border-box;color:#374151;overflow-wrap:anywhere;background:#fff;outline:none;width:100%;min-height:400px;padding:22px;font-size:15px;line-height:1.8}.rich-text-editor .taino-editor p{text-align:justify;text-justify:inter-word;margin:0 0 14px}.rich-text-editor .taino-editor h1,.rich-text-editor .taino-editor h2,.rich-text-editor .taino-editor h3{color:#111827;margin:20px 0 12px;line-height:1.4}.rich-text-editor .taino-editor h1{font-size:2em}.rich-text-editor .taino-editor h2{font-size:1.5em}.rich-text-editor .taino-editor h3{font-size:1.25em}.rich-text-editor .taino-editor ul,.rich-text-editor .taino-editor ol{margin:0 0 16px;padding-left:26px}.rich-text-editor .taino-editor li{margin-bottom:6px}.rich-text-editor .taino-editor blockquote{color:#4b5563;background:#f8fafc;border-left:4px solid #2563eb;margin:16px 0;padding:12px 16px}.rich-text-editor .taino-editor table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;margin:20px 0}.rich-text-editor .taino-editor table th,.rich-text-editor .taino-editor table td{vertical-align:middle;overflow-wrap:anywhere;border:1px solid #cbd5e1;min-width:50px;padding:12px;transition:background .15s;position:relative}.rich-text-editor .taino-editor table th{color:#172554;text-align:center;background:#f1f5f9;font-weight:700}.rich-text-editor .taino-editor table td{text-align:left}.rich-text-editor .taino-editor .taino-cell-selected{outline-offset:-2px;outline:2px solid #3b82f6;background:#dbeafe!important}.rich-text-editor .taino-editor img{vertical-align:middle;cursor:pointer;border-radius:8px;max-width:100%;height:auto;margin:14px 0;transition:opacity .2s;display:inline-block}.rich-text-editor .taino-editor img:hover{opacity:.92}.rich-text-editor .taino-editor .taino-image-selected{outline-offset:3px;border-radius:8px;outline:3px solid #3b82f6}.rich-text-editor .taino-editor a{color:#2563eb;cursor:pointer;text-decoration:underline}.rich-text-editor .taino-editor hr{border:none;border-top:1px solid #d1d5db;margin:24px 0}.image-controls{background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px;display:flex}.image-controls button{min-height:32px;padding:6px 12px}.image-controls-header{margin-bottom:0}.image-controls-title{color:#172554;font-size:13px;font-weight:700}.image-properties-form{flex-direction:column;gap:12px;display:flex}.image-properties-form label{flex-direction:column;gap:6px;display:flex}.image-properties-form label span{color:#475569;font-size:12px;font-weight:600}.image-properties-form label input{box-sizing:border-box;color:#374151;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;width:100%;min-height:38px;padding:8px 10px;font-size:13px}.image-properties-form label input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.image-size-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.image-aspect-lock{flex-direction:row;align-items:center;gap:9px;display:flex}.image-aspect-lock input[type=checkbox]{accent-color:#2563eb;cursor:pointer;width:16px;height:16px;margin:0}.image-aspect-lock span{color:#374151;font-size:12px;font-weight:600}.image-aspect-lock small{color:#64748b;margin-left:auto;font-size:11px}.image-alignment{flex-direction:column;gap:8px;display:flex}.image-alignment-title{color:#475569;font-size:12px;font-weight:700}.image-alignment-buttons{flex-wrap:wrap;gap:8px;display:flex}.image-alignment-buttons button{flex:1;min-height:34px;padding:7px 12px}.image-alignment small{color:#64748b;font-size:11px;line-height:1.5}.image-control-actions{justify-content:flex-end;gap:8px;display:flex}.image-control-actions button{min-height:34px;padding:7px 14px}.image-controls .image-reset-button{color:#475569;background:#fff;border:1px solid #cbd5e1}.image-controls .image-apply-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.image-controls .image-apply-button:hover{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.image-controls .image-delete-button{color:#dc2626;background:#fff;border:1px solid #fecaca}.image-controls .image-delete-button:hover{color:#b91c1c;background:#fef2f2;border-color:#ef4444}.image-controls .image-delete-button:disabled{opacity:.4;cursor:not-allowed}.image-controls-empty{color:#64748b;padding:8px 0;font-size:12px}.image-upload{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.image-upload-trigger{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;min-height:34px;padding:7px 12px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.image-upload-trigger:hover{color:#2563eb;background:#eff6ff;border-color:#3b82f6}.image-upload-trigger:focus-within{outline-offset:2px;outline:2px solid #3b82f6}.image-upload-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.image-upload-filename{color:#475569;overflow-wrap:anywhere;font-size:12px}.image-upload-error{color:#dc2626;width:100%;margin:0;font-size:12px}.image-upload-status{color:#2563eb;font-size:12px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{background:#0a0a0a;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}.container{width:min(100% - 48px,1400px);margin-inline:auto}img{max-width:100%;height:auto;display:block}section[id]{scroll-margin-top:100px}