@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#f7f3ed;--bg-secondary:#fff;--bg-tertiary:#efe6da;--bg-glass:#ffffffd9;--border-color:#e6d8c8;--border-focus:#9a432d;--text-primary:#2b3339;--text-secondary:#52606b;--text-muted:#8493a0;--accent:#9a432d;--accent-light:#b34f37;--accent-dark:#78311f;--accent-glow:#9a432d14;--accent-gradient:linear-gradient(135deg, #b34f37 0%, #833420 100%);--accent-gradient-hover:linear-gradient(135deg, #c4573d 0%, #963d27 100%);--success:#059669;--success-bg:#0596691f;--warning:#d97706;--warning-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fee2e2;--info:#2563eb;--info-bg:#2563eb1f;--shadow-xs:0 1px 2px #9a432d0a;--shadow-sm:0 2px 6px -1px #9a432d0f, 0 1px 4px -1px #00000008;--shadow-md:0 8px 20px -4px #9a432d17, 0 4px 8px -2px #0000000a;--shadow-lg:0 16px 32px -6px #9a432d1f, 0 8px 16px -4px #0000000f;--shadow-glow:0 6px 20px #9a432d38;--radius-sm:4px;--radius-md:6px;--radius-lg:9px;--radius-xl:14px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.35s cubic-bezier(.34, 1.56, .64, 1)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--accent);letter-spacing:-.02em;font-weight:700}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.6;overflow-x:hidden}#root{min-height:100vh;background-color:var(--bg-primary);flex-direction:column;width:100%;max-width:1240px;min-height:100dvh;margin:0 auto;display:flex;position:relative}body.admin-mode-active #root,body.admin-mode-active{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}body:has(.admin-layout) #root{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}#root:has(.admin-layout){width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}body:has(.admin-app-wrapper) #root{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}#root:has(.admin-app-wrapper){width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.app-container{flex-direction:column;flex:1;width:100%;display:flex}.admin-app-wrapper{width:100%!important;max-width:100%!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin,.animate-spin{animation:.9s linear infinite spin}.animate-fade-in{animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeIn}.animate-slide-up{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards slideUp}.animate-scale-up{animation:.25s cubic-bezier(.34,1.56,.64,1) forwards scaleUp}@media (min-width:801px){.app-container{flex-direction:row}.desktop-sidebar{width:280px;height:100vh;height:100dvh;max-height:100vh;border-right:1px solid var(--border-color);background-color:var(--bg-glass);-webkit-backdrop-filter:blur(16px);z-index:200;box-sizing:border-box;flex-direction:column;max-height:100dvh;padding:22px 18px 18px;position:fixed;top:0;left:50%;overflow:hidden;transform:translate(-620px);box-shadow:2px 0 16px #9a432d08;display:flex!important}.main-content{box-sizing:border-box;width:calc(100% - 280px);margin-left:280px;padding:28px}@media (max-width:1240px){.desktop-sidebar{left:0;transform:none}}@media (max-width:1024px){.desktop-sidebar{width:250px;padding:16px 12px 14px;left:0;transform:none}.main-content{width:calc(100% - 250px);margin-left:250px;padding:20px 16px}.dashboard-grid{grid-template-columns:1fr!important;gap:18px!important}}.sidebar-header{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:12px;margin-bottom:22px;display:flex}.sidebar-logo-img{width:38px;height:38px;box-shadow:var(--shadow-sm);object-fit:cover;border-radius:10px;display:block}.sidebar-logo-title{letter-spacing:-.5px;color:var(--text-primary);font-size:20px;font-weight:800;font-family:var(--font-heading);margin:0}.sidebar-scroll-container{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#9a432d40 transparent;flex-direction:column;flex:1;min-height:0;margin-right:-4px;padding-bottom:20px;padding-right:4px;display:flex;overflow:hidden auto}.sidebar-scroll-container::-webkit-scrollbar{width:4px}.sidebar-scroll-container::-webkit-scrollbar-track{background:0 0}.sidebar-scroll-container::-webkit-scrollbar-thumb{background:#9a432d33;border-radius:4px}.sidebar-scroll-container::-webkit-scrollbar-thumb:hover{background:#9a432d66}.sidebar-nav-menu{flex-direction:column;gap:6px;width:100%;display:flex}.sidebar-category-group{flex-direction:column;gap:2px;width:100%;display:flex}.sidebar-nav-btn{color:var(--text-secondary);text-align:left;cursor:pointer;box-sizing:border-box;width:100%;transition:all var(--transition-fast,.15s ease);-webkit-user-select:none;user-select:none;background-color:#0000;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:600;display:flex}.sidebar-nav-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.sidebar-nav-btn.active{background-color:var(--accent-glow);color:var(--accent);font-weight:700}.sidebar-subcat-btn{gap:6px;padding:7px 12px 7px 28px;font-size:13px;font-weight:500}.sidebar-admin-btn{margin-top:10px}.sidebar-links-section{border-top:1px solid var(--border-color);flex-direction:column;gap:6px;margin-top:18px;padding-top:14px;display:flex}.sidebar-links-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:700}.sidebar-links-list{flex-direction:column;gap:3px;display:flex}.sidebar-link-item{color:var(--text-secondary);transition:all var(--transition-fast,.15s ease);border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:13px;text-decoration:none;display:flex}.sidebar-link-item:hover{background-color:var(--bg-primary);color:var(--accent)}.sidebar-footer{border-top:1px solid var(--border-color);background-color:inherit;flex-direction:column;flex-shrink:0;gap:10px;margin-top:auto;padding-top:14px;display:flex}.sidebar-user-row{justify-content:space-between;align-items:center;display:flex}.sidebar-user-info{min-width:0;overflow:hidden}.sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.sidebar-user-role{color:var(--text-secondary);text-transform:capitalize;font-size:11px}.sidebar-edit-profile-btn{color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:11px;font-weight:600}.sidebar-edit-profile-btn:hover{text-decoration:underline}.sidebar-logout-btn{justify-content:center;align-items:center;gap:6px;width:100%;padding:9px;font-size:13px;display:flex}@media (max-width:1024px){.sidebar-header{gap:10px;margin-bottom:14px}.sidebar-logo-img{border-radius:8px;width:32px;height:32px}.sidebar-logo-title{font-size:18px}.sidebar-nav-menu{gap:3px}.sidebar-nav-btn{gap:7px;padding:6.5px 10px;font-size:13px}.sidebar-subcat-btn{gap:5px;padding:5px 8px 5px 22px;font-size:12px}.sidebar-admin-btn{margin-top:6px}.sidebar-links-section{gap:4px;margin-top:12px;padding-top:10px}.sidebar-link-item{padding:4px 6px;font-size:12px}.sidebar-footer{gap:8px;padding-top:10px}.sidebar-logout-btn{padding:7px 10px;font-size:12px}}@media (max-height:600px){.desktop-sidebar{overflow-y:auto!important}.sidebar-scroll-container{flex:none!important;min-height:auto!important;overflow-y:visible!important}.sidebar-footer{margin-top:12px!important}}.mobile-bottom-nav-container,.mobile-bottom-nav{display:none!important}.dashboard-grid{grid-template-columns:6fr 4fr;align-items:start;gap:24px;display:grid}.reader-mode{width:100%;padding:0}}@media (max-width:800px){.desktop-sidebar{display:none!important}.main-content{padding:16px;width:100%!important;margin-left:0!important}.dashboard-grid{flex-direction:column;gap:16px;display:flex}.mobile-bottom-nav-container{display:block!important}.mobile-bottom-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;align-items:center;padding:7px 0 8px;overflow:auto hidden;display:flex!important}.mobile-bottom-nav::-webkit-scrollbar{display:none}}.mobile-bottom-nav-btn{min-width:50px;max-width:64px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:color var(--transition-fast,.15s ease);background-color:#0000;border:none;flex-direction:column;flex:0 0 14.7059%;justify-content:center;align-items:center;gap:2px;padding:2px 1px;font-size:10px;font-weight:400;display:flex;position:relative}.mobile-bottom-nav-btn.active{color:var(--accent);font-weight:600}.mobile-bottom-nav.nav-fit-all{justify-content:center}.mobile-bottom-nav.nav-fit-all .mobile-bottom-nav-btn{flex:1 0!important;min-width:0!important;max-width:66px!important}.mobile-bottom-nav-label{text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;max-width:100%;padding:0 2px;overflow:hidden}@media (min-width:480px) and (max-width:600px){.mobile-bottom-nav{padding:8px 0 9px}.mobile-bottom-nav-btn{flex:none!important;width:58px!important;min-width:52px!important;max-width:64px!important}}@media (min-width:601px) and (max-width:800px){.mobile-bottom-nav{padding:8px 0 9px}.mobile-bottom-nav-btn{gap:3px;font-size:10.5px;flex:none!important;width:60px!important;min-width:54px!important;max-width:66px!important}}.update-toast-banner{bottom:calc(64px + env(safe-area-inset-bottom,0px))}@media (min-width:801px){.update-toast-banner{bottom:0}.hide-on-desktop{display:none!important}}.mobile-only-checklists{margin-bottom:12px;display:block}.desktop-only-checklists{display:block}@media (min-width:1025px){.mobile-only-checklists{display:none!important}}@media (max-width:1024px){.desktop-only-checklists{display:none!important}.mobile-only-checklists{margin-bottom:16px;display:block!important}}.show-on-mobile{display:none!important}@media (max-width:800px){.hide-on-mobile,.hide-on-mobile-inline{display:none!important}.show-on-mobile{display:inline!important}}.article-detail-card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);padding:24px 28px}@media (max-width:800px){.article-detail-card{border-radius:var(--radius-md);padding:14px 12px}}.shift-status-card-clickable{transition:transform .18s,box-shadow .18s,border-color .18s}.shift-status-card-clickable:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)!important}.admin-tabs-scroll{scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-tertiary)}.admin-tabs-scroll::-webkit-scrollbar{height:5px}.admin-tabs-scroll::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.admin-tabs-scroll::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);margin-bottom:0;padding:22px}.card:hover{box-shadow:var(--shadow-md);border-color:#9a432d40;transform:translateY(-3px)}.card:active{transform:scale(.99)}.kb-container{flex-direction:column;gap:16px;display:flex}.kb-group{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);overflow:hidden}.kb-group:hover{border-color:#9a432d33}.kb-group-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-heading);color:var(--accent);transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;padding:14px 18px;font-size:14.5px;font-weight:700;display:flex}.kb-group-header:hover{background-color:var(--bg-tertiary)}.kb-table{border-collapse:collapse;width:100%}.kb-table-row{border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);color:inherit;align-items:center;gap:14px;padding:14px 18px;text-decoration:none;display:flex}.kb-table-row:last-child{border-bottom:none}.kb-table-row:hover{background-color:var(--accent-glow)}.kb-table-row:active{background-color:var(--bg-tertiary)}.kb-col-title{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.kb-doc-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.kb-doc-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.kb-col-meta{color:var(--text-muted);flex-shrink:0;align-items:center;gap:10px;font-size:12px;display:flex}.kb-badge{border-radius:var(--radius-sm);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.kb-badge-obligatorio{background-color:var(--danger-bg);color:var(--danger);border:1px solid #dc262640}.kb-badge-read{background-color:var(--success-bg);color:var(--success);border:1px solid #05966940}.kb-badge-cat{background-color:var(--accent-glow);color:var(--accent);border:1px solid #9a432d33}.emp-badge-jefe{background-color:var(--info-bg);color:var(--info);border:1px solid #2563eb4d}.emp-badge-admin{background-color:var(--accent-glow);color:var(--accent);border:1px solid #9a432d4d}.emp-badge-empleado{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.kb-badge-draft{color:#b45309;background-color:#d977061a;border:1px solid #d9770647}.card-draft{background-color:#d9770605!important;border:1.5px dashed #d9770666!important}.kb-table-row-draft{background-color:#d9770608!important}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:hover{transform:translateY(-1.5px)}.btn:active{transform:translateY(0)scale(.98)}.btn-primary{background:var(--accent-gradient);border:1px solid #9a432d4d;box-shadow:0 4px 14px #9a432d47;color:#fff!important}.btn-primary:hover{background:var(--accent-gradient-hover);box-shadow:0 6px 18px #9a432d61}.btn-draft{box-shadow:0 2px 6px #d977061a;color:#b45309!important;background-color:#d977061f!important;border:1px solid #d977064d!important}.btn-draft:hover{box-shadow:0 4px 10px #d9770633;color:#92400e!important;background-color:#d9770633!important;border-color:#d9770673!important}.btn-secondary{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.btn-secondary:hover{background-color:var(--border-color)!important;color:var(--text-primary)!important}.btn-danger{background-color:var(--danger-bg)!important;color:var(--danger)!important;border:1px solid #dc26264d!important}.btn-danger:hover{box-shadow:0 4px 14px #dc262647;background-color:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important}.btn-whatsapp{font-weight:600;box-shadow:0 2px 8px #25d36640;color:#fff!important;background-color:#25d366!important;border:1px solid #1ebd5a!important}.btn-whatsapp:hover{box-shadow:0 4px 14px #25d36666;color:#fff!important;background-color:#20ba5a!important;border-color:#1a9e4b!important}.btn-whatsapp-outline{font-weight:600;color:#15803d!important;background-color:#25d3661a!important;border:1px solid #25d36659!important}.btn-whatsapp-outline:hover{box-shadow:0 4px 12px #25d36659;color:#fff!important;background-color:#25d366!important;border-color:#25d366!important}.form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.form-group label{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.form-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;outline:none;padding:12px 14px}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.safe-bottom{padding-bottom:max(96px, calc(80px + env(safe-area-inset-bottom,0px)))!important}@media (min-width:801px){.safe-bottom{padding-bottom:24px!important}}.article-body{color:var(--text-primary);font-size:15.5px;line-height:1.7}.article-body img,.article-body-pdf img{border-radius:var(--radius-md);max-width:100%;height:auto;box-shadow:var(--shadow-sm);margin:18px auto;display:block}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{scroll-margin-top:140px;transition:background-color .4s,padding-left .3s}.article-body .heading-highlight{background-color:var(--accent-glow);border-radius:var(--radius-sm);padding-left:8px}.toc-item-link{transition:all .15s cubic-bezier(.4,0,.2,1)}.toc-item-link:hover{transform:translate(4px);background-color:var(--accent-glow)!important;color:var(--accent)!important}.article-body h1:first-child,.article-body h2:first-child,.article-body h3:first-child,.article-body h4:first-child{margin-top:0}.article-body p{margin-bottom:16px;line-height:1.7}.article-body p:last-child{margin-bottom:0}.article-body .numbered-item,.article-body-pdf .numbered-item{margin-bottom:8px;padding-left:30px;line-height:1.65;position:relative}.article-body .num-prefix,.article-body-pdf .num-prefix{color:var(--accent);font-weight:700;position:absolute;top:0;left:0}.article-body strong{color:var(--text-primary);-webkit-box-decoration-break:clone;box-decoration-break:clone;background-color:#9a432d14;border-radius:4px;padding:2px 6px;font-weight:600}.article-body ul,.article-body-pdf ul{margin-top:10px;margin-bottom:18px;padding-left:0;list-style:none}.article-body ul li,.article-body-pdf ul li{margin-bottom:6px;padding-left:24px;line-height:1.65;position:relative}.article-body ul li:before,.article-body-pdf ul li:before{content:"➜";color:var(--accent);font-size:13px;font-weight:700;position:absolute;top:1px;left:0}.article-body ul ul,.article-body-pdf ul ul{margin-top:6px;margin-bottom:8px;padding-left:12px}.article-body ul ul li,.article-body-pdf ul ul li{margin-bottom:4px;padding-left:20px;line-height:1.6}.article-body ul ul li:before,.article-body-pdf ul ul li:before{content:"•";color:var(--accent);font-size:16px;font-weight:700;position:absolute;top:-1px;left:2px}.article-body ul ul ul,.article-body-pdf ul ul ul{margin-top:4px;margin-bottom:6px;padding-left:10px}.article-body ul ul ul li:before,.article-body-pdf ul ul ul li:before{content:"–";color:var(--accent);font-size:13px;font-weight:700;top:0;left:2px}.article-body ol{margin-top:10px;margin-bottom:18px;padding-left:24px}.article-body ol li{margin-bottom:6px;line-height:1.65}.article-body ol li::marker{color:var(--accent);font-weight:700}.article-body blockquote{border-left:4px solid var(--accent);color:var(--text-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#9a432d0f;margin:20px 0;padding:14px 18px;font-style:italic}hr{border:0;border-top:1px solid var(--border-color);margin:24px 0}.article-body hr,.article-body-pdf hr{border:0;border-top:1px solid var(--border-color);clear:both;margin:28px 0}.article-table-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;margin:22px 0;overflow-x:auto}.article-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px;line-height:1.6}.article-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color)}.article-table th{font-family:var(--font-heading);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:700}.article-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:top;padding:14px 16px;line-height:1.65}.article-table tbody tr:last-child td{border-bottom:none}.article-table tbody tr:nth-child(2n){background-color:#efe6da40}.article-table tbody tr:hover{background-color:var(--accent-glow);transition:background-color var(--transition-fast)}.checklist-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}@media (max-width:800px){.checklist-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:14px!important}.checklist-kpi-card{padding:10px 12px!important}.checklist-kpi-card .kpi-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:2px!important;font-size:10px!important}.checklist-kpi-card .kpi-value{font-size:16px!important}}.checklist-sticky-progress{top:calc(var(--app-header-height,120px) + 8px);z-index:40;background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-direction:column;gap:8px;margin-bottom:20px;padding:12px 16px;transition:box-shadow .2s,border-color .2s;display:flex;position:sticky;box-shadow:0 4px 14px #9a432d14,0 2px 6px #0000000a}@media (max-width:600px){.checklist-filling-container{padding:16px 14px!important}}.task-filters-container{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.task-selects-row{flex:320px;align-items:center;gap:8px;display:flex}@media (max-width:640px){.task-filters-container{gap:8px!important}.task-selects-row{flex:100%!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}.task-selects-row>:last-child:nth-child(odd){grid-column:span 2}.task-selects-row select{width:100%!important;padding:0 8px!important;font-size:12px!important}}.header-reviews-pill{color:var(--text-primary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background-color:#f59e0b1a;border:1px solid #f59e0b47;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:2.5px 10px;font-size:11.5px;font-weight:700;line-height:1.2;transition:all .15s;display:inline-flex}.header-reviews-pill:hover{background-color:#f59e0b2e;border-color:#f59e0b73}.header-reviews-desktop{align-items:center;display:inline-flex}.header-reviews-mobile{display:none}@media (max-width:800px){.header-reviews-desktop{display:none!important}.header-reviews-mobile{align-items:center;width:100%;margin-top:4px;margin-bottom:10px;display:flex!important}.header-reviews-mobile .header-reviews-pill{box-sizing:border-box;border-radius:var(--radius-md,8px);background-color:#f59e0b14;justify-content:space-between;align-items:center;width:100%;padding:6px 12px;font-size:12px;display:flex}}.login-screen-root{width:100vw;height:100vh;z-index:9999;background-color:#f7f2eb;background-image:radial-gradient(at 50% 0,#fff 0%,#faf6f0 45%,#efe5d6 100%),radial-gradient(circle at 12% 18%,#b34f3714 0%,#0000 45%),radial-gradient(circle at 88% 22%,#d9770612 0%,#0000 40%),radial-gradient(circle at 50% 85%,#9a432d0f 0%,#0000 50%);justify-content:center;align-items:center;height:100dvh;padding:32px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden auto}.login-bg-ambient-orb-1{filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#b34f3724 0%,#f7f2eb00 70%);border-radius:50%;width:600px;height:600px;animation:9s ease-in-out infinite alternate loginPulse;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.login-bg-ambient-orb-2{filter:blur(45px);pointer-events:none;background:radial-gradient(circle,#d9770617 0%,#f7f2eb00 70%);border-radius:50%;width:480px;height:480px;animation:12s ease-in-out infinite alternate loginFloat;position:absolute;bottom:-100px;right:-50px}.login-bg-grid-pattern{opacity:.65;pointer-events:none;background-image:radial-gradient(#9a432d17 1.2px,#0000 1.2px);background-size:26px 26px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(85% 75% at 50% 45%,#000 25%,#0000 85%);mask-image:radial-gradient(85% 75% at 50% 45%,#000 25%,#0000 85%)}@keyframes loginPulse{0%{opacity:.75;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.18)}}@keyframes loginFloat{0%{transform:translate(0)}to{transform:translate(-30px,-40px)}}@keyframes loginShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.login-screen-content{z-index:10;flex-direction:column;align-items:center;width:100%;max-width:396px;margin:auto;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;position:relative}.login-header{text-align:center;margin-bottom:24px}.login-logo-frame{background:linear-gradient(135deg,#fff 0%,#faf4ec 100%);border:1.5px solid #e6d8c8e6;border-radius:22px;justify-content:center;align-items:center;width:82px;height:82px;margin:0 auto 14px;padding:4px;transition:transform .25s;display:flex;box-shadow:0 14px 28px -6px #9a432d2e,inset 0 0 0 1px #ffffffe6}.login-logo-frame:hover{transform:translateY(-2px)scale(1.02)}.login-logo-img{object-fit:cover;border-radius:18px;width:100%;height:100%;display:block}.login-brand-title{font-family:var(--font-heading);letter-spacing:-.5px;background:linear-gradient(135deg,#78311f 0%,#b34f37 55%,#9a432d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:32px;font-weight:800}.login-badge-pill{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;background:#9a432d14;border:1px solid #9a432d29;border-radius:9999px;align-items:center;gap:6px;margin-top:8px;padding:4px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.login-version-tag{color:var(--text-muted);letter-spacing:.04em;opacity:.8;margin-top:8px;font-size:11px;font-weight:600}.login-card{-webkit-backdrop-filter:blur(20px);background:#ffffffe0;border:1px solid #e6d8c8f2;border-radius:22px;width:100%;padding:24px 22px;box-shadow:0 24px 44px -12px #9a432d21,0 6px 18px -4px #00000008,inset 0 1px #fffffff2}.login-input-group{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.login-input-label{color:var(--text-secondary);text-align:center;font-size:13px;font-weight:600}.login-input{border:1.5px solid var(--border-color);width:100%;color:var(--text-primary);text-align:center;transition:all var(--transition-fast);background-color:#fff;border-radius:10px;outline:none;padding:12px 16px;font-size:15px;font-weight:600}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #9a432d26}.login-input::placeholder{color:var(--text-muted);font-weight:400}.login-pin-section{text-align:center;margin-bottom:20px}.login-pin-hint{color:var(--text-secondary);font-size:13px;font-weight:500}.login-pin-indicators{justify-content:center;align-items:center;gap:16px;margin:14px 0 16px;display:flex}.login-pin-dot{background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:50%;width:16px;height:16px;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.login-pin-dot.filled{background:var(--accent);border-color:var(--accent);transform:scale(1.2);box-shadow:0 0 12px #9a432d80}.login-remember-row{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:10px 0 14px;padding:6px 10px;display:flex}.login-remember-row:hover{background-color:#9a432d0a}.login-remember-checkbox{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.login-remember-label{color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500}.login-error-badge{color:#b91c1c;text-align:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:10px 14px;font-size:13px;font-weight:500;animation:.35s loginShake;display:flex}.login-keypad-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.login-key-btn{height:58px;color:var(--text-primary);font-family:var(--font-heading);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e6d8c8e6;border-radius:12px;justify-content:center;align-items:center;font-size:24px;font-weight:700;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #9a432d0a}.login-key-btn:hover{border-color:var(--accent-light);color:var(--accent);background:#fffdf9;transform:translateY(-2px);box-shadow:0 5px 12px #9a432d1a}.login-key-btn:active{background:var(--bg-tertiary);transform:scale(.95);box-shadow:0 1px 2px #9a432d0a}.login-key-action{height:58px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:all .15s;display:flex}.login-key-action:hover{color:var(--accent);background:#9a432d0f}.login-key-action:active{background:#9a432d1a;transform:scale(.95)}.login-footer-note{color:var(--text-muted);text-align:center;align-items:center;gap:6px;margin-top:20px;font-size:12px;display:flex}.pwa-install-top-bar{color:#fff;z-index:10000;box-sizing:border-box;background:linear-gradient(135deg,#b34f37 0%,#833420 100%);border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;gap:14px;padding:10px 18px;animation:.35s cubic-bezier(.16,1,.3,1) forwards slideDown;display:flex;box-shadow:0 4px 16px #83342038}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.login-pwa-bar{width:100vw;position:fixed;top:0;left:0;right:0}.main-pwa-bar{width:100%;position:sticky;top:0}.pwa-install-top-bar-content{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.pwa-install-top-bar-icon{background:#fff3;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.pwa-install-top-bar-title{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;line-height:1.25;overflow:hidden}.pwa-install-top-bar-sub{opacity:.9;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.2;overflow:hidden}.pwa-install-top-bar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.pwa-install-btn{color:#9a432d;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 15px;font-size:12.5px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 6px #00000026}.pwa-install-btn:hover{background:#faf6f0;transform:translateY(-1px);box-shadow:0 4px 10px #0003}.pwa-install-btn:active{transform:scale(.96)}.pwa-install-close-btn{color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;font-size:15px;font-weight:700;transition:all .15s;display:flex}.pwa-install-close-btn:hover{color:#fff;background:#fff3}@media (max-width:600px){.pwa-install-top-bar{gap:8px;padding:8px 12px}.pwa-install-top-bar-sub{display:none}.pwa-install-top-bar-title{font-size:12px}.pwa-install-btn{padding:6px 10px;font-size:11.5px}}.article-pdf-section{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal);border-left:4px solid #dc2626;margin-top:28px;margin-bottom:28px;padding:20px}.article-pdf-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.article-pdf-title{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:16px;font-weight:700;display:flex}.article-pdf-title-icon{color:#dc2626;align-items:center;display:flex}.article-pdf-count-badge{color:#dc2626;border-radius:var(--radius-full);background-color:#dc26261a;border:1px solid #dc262633;padding:2px 9px;font-size:11.5px;font-weight:700}.article-pdf-table-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-secondary);box-shadow:var(--shadow-xs);overflow-x:auto}.article-pdf-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.article-pdf-table th{background-color:var(--bg-tertiary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:700}.article-pdf-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:12px 14px}.article-pdf-table tbody tr:last-child td{border-bottom:none}.article-pdf-table tbody tr{transition:background-color var(--transition-fast)}.article-pdf-table tbody tr:hover{background-color:#9a432d08}.article-pdf-name-cell{color:var(--text-primary);word-break:break-word;align-items:center;gap:10px;font-weight:600;display:flex}.article-pdf-file-icon{color:#dc2626;background-color:#dc26261a;border:1px solid #dc262633;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.article-pdf-size-badge{color:var(--text-muted);background-color:var(--bg-primary);border:1px solid var(--border-color);white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-block}.article-pdf-actions{white-space:nowrap;align-items:center;gap:8px;display:flex}.article-pdf-btn-download{border-radius:var(--radius-md);background:var(--accent-gradient);cursor:pointer;transition:all var(--transition-fast);border:1px solid #9a432d4d;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex;color:#fff!important}.article-pdf-btn-download:hover{background:var(--accent-gradient-hover);transform:translateY(-1px);box-shadow:0 4px 10px #9a432d40}.article-pdf-btn-view{border-radius:var(--radius-md);background-color:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex;color:var(--text-primary)!important}.article-pdf-btn-view:hover{background-color:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)!important}.editor-pdf-section{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:6px;padding:14px 16px}.editor-pdf-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;background-color:var(--bg-secondary);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px 20px;display:flex}.editor-pdf-dropzone:hover,.editor-pdf-dropzone.active{border-color:var(--accent);background-color:var(--accent-glow)}.editor-pdf-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:10px 12px;display:flex}.editor-pdf-item:hover{border-color:#9a432d66}.checklist-long-press-target{border-radius:var(--radius-sm);transition:transform .15s,opacity .15s;position:relative}.checklist-long-press-target.is-holding{opacity:.9;transform:scale(.985)}.checklist-long-press-progress{background:linear-gradient(90deg, var(--accent,#9a432d), #10b981);pointer-events:none;border-radius:2px;height:3px;animation-name:checklistLongPressProgress;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:-3px;left:0;box-shadow:0 0 8px #10b98180}@keyframes checklistLongPressProgress{0%{opacity:.4;width:0%}15%{opacity:.85}to{opacity:1;width:100%}}.checklist-long-press-success{animation:.6s ease-out checklistLongPressSuccess}@keyframes checklistLongPressSuccess{0%{filter:brightness();transform:scale(1)}40%{filter:drop-shadow(0 0 8px #10b981a6);transform:scale(1.03)}to{filter:brightness();transform:scale(1)}}.task-header-interactive{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-sm);flex:1;align-items:flex-start;gap:10px;min-width:0;margin:-4px;padding:4px;transition:background-color .15s;display:flex}.task-header-interactive:active{background-color:#9a432d0f}.btn-task-checkbox{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin:-10px 0 -10px -10px;padding:10px;transition:transform .15s;display:inline-flex}.btn-task-checkbox:active{transform:scale(.88)}.task-circle-uncheck{border:2px solid var(--border-color);background-color:#0000;border-radius:50%;width:22px;height:22px;transition:all .15s}.btn-task-checkbox:hover .task-circle-uncheck{border-color:var(--accent);background-color:var(--accent-glow)}@keyframes taskBadgePulse{0%{transform:scale(1);box-shadow:0 0 #ef4444bf}50%{transform:scale(1.12);box-shadow:0 0 0 7px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.task-badge-pulse{animation:1.8s ease-in-out infinite taskBadgePulse;justify-content:center!important;align-items:center!important;display:inline-flex!important}.task-urgency-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:6px;padding:2px 0 4px;display:flex;overflow-x:auto}.task-urgency-pills::-webkit-scrollbar{display:none}.task-urgency-pill{border-radius:var(--radius-full);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.task-urgency-pill:hover{border-color:var(--accent);color:var(--text-primary)}.task-urgency-pill.active{background-color:var(--accent);border-color:var(--accent);color:#fff}.task-urgency-pill.pill-urgent{color:#ef4444;border-color:#ef444459}.task-urgency-pill.pill-urgent:hover{background-color:#ef44441a}.task-urgency-pill.pill-urgent.active{color:#fff;background-color:#ef4444;border-color:#ef4444}.quiz-admin-players-card table tbody tr:hover{background-color:#00000008!important}@media (max-width:640px){.quiz-admin-players-card{padding:14px 12px!important}}.unified-page-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;width:100%;margin-bottom:20px;padding-bottom:16px;display:flex}.unified-page-header-title-group{align-items:center;gap:14px;min-width:0;display:flex}.unified-page-header-back-btn{border-radius:var(--radius-md);background-color:var(--bg-tertiary);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.unified-page-header-back-btn:hover{border-color:var(--accent);color:var(--accent);background-color:var(--bg-secondary)}.unified-page-header-icon-box{background-color:var(--accent-glow);width:42px;height:42px;color:var(--accent);border:1px solid #9a432d29;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 8px #9a432d14}.unified-page-header-text{flex-direction:column;min-width:0;display:flex}.unified-page-header-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800;line-height:1.25;display:flex}.unified-page-header-subtitle{color:var(--text-secondary);margin:3px 0 0;font-size:12.5px;line-height:1.4}.unified-page-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.unified-page-header-badge{color:var(--accent);background-color:var(--accent-glow);border-radius:var(--radius-full);border:1px solid #9a432d33;align-items:center;padding:1px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.btn-header-subtle{color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:2px 9px;font-family:inherit;font-size:11.5px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.btn-header-subtle:hover{color:var(--accent);background-color:var(--accent-glow);border-color:#9a432d59;transform:translateY(-1px)}.btn-header-subtle:active{transform:translateY(0)}@media (max-width:640px){.unified-page-header{gap:12px;margin-bottom:16px;padding-bottom:14px}.unified-page-header-icon-box{border-radius:10px;width:38px;height:38px}.unified-page-header-icon-box svg{width:20px;height:20px}.unified-page-header-title{font-size:18px}.unified-page-header-subtitle{font-size:12px}.unified-page-header-actions{justify-content:flex-start;width:100%}}.checklist-day-card{background-color:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;box-shadow:0 1px 3px #00000008}.checklist-day-row{border-bottom:1px solid var(--border-color);transition:background-color .15s}.checklist-day-row:last-child{border-bottom:none}.checklist-day-row.is-clickable:hover{background-color:var(--bg-secondary)!important}.checklist-reminder-card{transition:transform .18s,filter .18s,box-shadow .18s}.checklist-reminder-card:hover{filter:brightness(1.03);transform:translateY(-2px);box-shadow:0 6px 16px #0000001a!important}.checklist-reminder-card:active{transform:translateY(0)}@media print{.article-table-wrapper{page-break-inside:auto;box-shadow:none!important;border:1px solid #ddd!important;overflow-x:visible!important}.article-table{page-break-inside:auto}.article-table tr{page-break-inside:avoid;page-break-after:auto}.article-table th,.article-table td{padding:8px 10px!important;font-size:10.5pt!important}body{color:#000!important;background-color:#fff!important}.desktop-sidebar,.mobile-bottom-nav-container,.mobile-bottom-nav,.btn,button,nav,header{display:none!important}#root,.app-container,.main-content,.reader-mode{width:100%!important;max-width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.article-body{color:#000!important;font-size:12pt!important;line-height:1.6!important}.article-body h1,.article-body h2,.article-body h3,.article-body h4{page-break-after:avoid;color:#9a432d!important}}.resenas-container{flex-direction:column;gap:24px;width:100%;max-width:1100px;margin:0 auto;display:flex}.resenas-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.resenas-page-title{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:22px;font-weight:800;display:flex}.resenas-page-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:13.5px;font-weight:500}.resenas-page-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.resenas-meta-badge{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.resenas-refresh-btn{border-radius:var(--radius-full);background-color:var(--bg-secondary);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs);justify-content:center;align-items:center;display:inline-flex}.resenas-refresh-btn:hover{background-color:var(--bg-tertiary);color:var(--accent);transform:scale(1.05)}.resenas-refresh-btn:active{transform:scale(.95)}.resenas-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.resenas-kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:860px){.resenas-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px}}.resenas-kpi-card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);text-align:center;transition:transform var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;justify-content:center;padding:16px 12px;display:flex;position:relative;overflow:hidden}@media (min-width:600px){.resenas-kpi-card{padding:22px 18px}}.resenas-kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.resenas-kpi-watermark{opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:-12px;right:-12px}.resenas-kpi-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:800}.resenas-kpi-value{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;margin-top:6px;font-size:26px;font-weight:800;line-height:1.1}@media (min-width:600px){.resenas-kpi-value{margin-top:8px;font-size:34px}}.resenas-kpi-subtitle{color:var(--text-secondary);margin-top:6px;font-size:12.5px;font-weight:500}.resenas-kpi-card-target1{background:linear-gradient(180deg, #2563eb0f 0%, var(--bg-secondary) 100%);border-color:#2563eb40}.resenas-kpi-card-target1 .resenas-kpi-label{color:#1d4ed8}.resenas-kpi-card-target1 .resenas-kpi-value{color:#2563eb}.resenas-kpi-card-target2{background:linear-gradient(180deg, #0596690f 0%, var(--bg-secondary) 100%);border-color:#05966940}.resenas-kpi-card-target2 .resenas-kpi-label{color:#047857}.resenas-kpi-card-target2 .resenas-kpi-value{color:#059669}.resenas-risk-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:768px){.resenas-risk-grid{gap:16px}}.resenas-risk-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background-color:var(--bg-secondary);transition:transform var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;justify-content:space-between;padding:16px 14px;display:flex}@media (min-width:600px){.resenas-risk-card{padding:22px 20px}}.resenas-risk-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.resenas-risk-card-drop{background:linear-gradient(180deg, #dc26260d 0%, var(--bg-secondary) 100%);border-color:#dc262640}.resenas-risk-card-recovery{background:linear-gradient(180deg, #d977060f 0%, var(--bg-secondary) 100%);border-color:#d9770640}.resenas-risk-header{justify-content:space-between;align-items:center;display:flex}.resenas-risk-header-title{text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:10.5px;font-weight:800;display:flex}@media (min-width:600px){.resenas-risk-header-title{letter-spacing:.05em;gap:8px;font-size:11.5px}}.resenas-pulse-dot{background-color:#dc2626;border-radius:50%;width:8px;height:8px;animation:2s cubic-bezier(.4,0,.6,1) infinite resenasPulse}.resenas-amber-dot{background-color:#d97706;border-radius:50%;width:8px;height:8px}@keyframes resenasPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.resenas-risk-value{font-family:var(--font-heading);margin-top:6px;font-size:26px;font-weight:800;line-height:1.1}@media (min-width:600px){.resenas-risk-value{margin-top:8px;font-size:34px}}.resenas-risk-desc{color:var(--text-secondary);margin-top:6px;font-size:11.5px;line-height:1.4}@media (min-width:600px){.resenas-risk-desc{font-size:12.5px;line-height:1.45}}.resenas-card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:24px}.resenas-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.resenas-card-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:800;display:flex}.resenas-dist-row{align-items:center;gap:12px;padding:4px 0;font-size:13px;display:flex}.resenas-dist-star{width:44px;color:var(--text-primary);align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.resenas-dist-track{background-color:var(--bg-tertiary);border-radius:var(--radius-full);flex:1;height:10px;position:relative;overflow:hidden}.resenas-dist-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.resenas-dist-stat{text-align:right;width:110px;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}.resenas-mini-kpis{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}@media (min-width:840px){.resenas-mini-kpis{grid-template-columns:repeat(4,1fr)}}.resenas-mini-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-primary);box-shadow:var(--shadow-xs);flex-direction:column;justify-content:space-between;padding:14px 16px;display:flex}.resenas-mini-title{text-transform:uppercase;color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.resenas-mini-val{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:4px;margin-top:6px;font-size:26px;font-weight:800;display:flex}.resenas-mini-sub{color:var(--text-muted);margin-top:4px;font-size:11px}.resenas-filter-bar{border-bottom:1px solid var(--border-color);flex-direction:column;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}@media (min-width:680px){.resenas-filter-bar{flex-direction:row;justify-content:space-between;align-items:center}}.resenas-year-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.resenas-pill-btn{border-radius:var(--radius-full);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:5px 12px;font-size:12px;font-weight:600}.resenas-pill-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.resenas-pill-btn.active{background-color:var(--accent);color:#fff;border-color:var(--accent)}.resenas-search-box{min-width:200px;position:relative}.resenas-search-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:6px 12px 6px 32px;font-size:12.5px}.resenas-search-input:focus{border-color:var(--accent);background-color:var(--bg-secondary)}.resenas-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.resenas-table-wrap{border-radius:var(--radius-md);border:1px solid var(--border-color);max-height:440px;overflow:auto}.resenas-table{border-collapse:collapse;text-align:left;width:100%;font-size:12.5px}.resenas-table thead{background-color:var(--bg-tertiary);z-index:2;position:sticky;top:0}.resenas-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}.resenas-table td{border-bottom:1px solid var(--border-color);padding:10px 14px}.resenas-table tr:last-child td{border-bottom:none}.resenas-table tr:hover{background-color:#9a432d08}.resenas-table tr.current-cycle{background-color:#f59e0b12}.resenas-reviews-feed{flex-direction:column;gap:16px;display:flex}.resenas-review-card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast);flex-direction:column;gap:12px;padding:20px;display:flex}.resenas-review-card:hover{border-color:#9a432d59}.resenas-review-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.resenas-reviewer-info{align-items:center;gap:12px;display:flex}.resenas-reviewer-avatar{border-radius:var(--radius-full);border:1px solid var(--border-color);object-fit:cover;background-color:var(--bg-tertiary);width:38px;height:38px}.resenas-reviewer-name{color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.2}.resenas-review-date{color:var(--text-muted);font-family:monospace;font-size:11.5px}.resenas-stars-row{color:#f59e0b;letter-spacing:-1px;font-size:15px;display:flex}.resenas-review-body{color:var(--text-primary);background-color:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);white-space:pre-line;padding:12px 14px;font-size:13.5px;line-height:1.55}.resenas-review-empty{color:var(--text-muted);padding:2px 4px;font-size:12px;font-style:italic}.resenas-reply-box{border-radius:0 var(--radius-md) var(--radius-md) 0;background-color:#2563eb0d;border-left:3px solid #2563eb;flex-direction:column;gap:4px;margin-left:12px;padding:12px 14px;display:flex}.resenas-reply-title{color:#1d4ed8;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.resenas-reply-text{color:#1e3a8a;white-space:pre-line;font-size:12.5px;line-height:1.5}.resenas-admin-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:24px;display:flex}.resenas-form-group{flex-direction:column;gap:8px;display:flex}.resenas-form-label{color:var(--text-primary);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.resenas-input-row{align-items:center;gap:8px;display:flex}.resenas-admin-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);outline:none;flex:1;padding:10px 14px;font-family:monospace;font-size:13px}.resenas-admin-input:focus{border-color:var(--accent);background-color:#fff}.resenas-qr-client-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);padding:20px 24px}.resenas-qr-client-content{flex-direction:column;align-items:center;gap:24px;display:flex}@media (min-width:720px){.resenas-qr-client-content{flex-direction:row;align-items:flex-start;gap:32px}}.resenas-qr-visual-col{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.resenas-qr-frame{border:2px solid var(--border-color);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;background:#fff;border-radius:16px;justify-content:center;align-items:center;padding:12px;display:flex;position:relative}.resenas-qr-frame:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:scale(1.03)}.resenas-qr-frame:hover .resenas-qr-hover-hint{opacity:1;transform:translateY(0)}.resenas-qr-img{border-radius:8px;width:170px;height:170px;display:block}.resenas-qr-placeholder{background:var(--bg-tertiary);width:170px;height:170px;color:var(--text-muted);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:12px;font-weight:600;display:flex}.resenas-qr-hover-hint{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border-radius:var(--radius-full);opacity:0;transition:all var(--transition-fast);pointer-events:none;white-space:nowrap;background:#000000c7;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)translateY(4px)}.resenas-qr-subhint{color:var(--text-muted);text-align:center;margin-top:8px;font-size:11px;font-weight:500}.resenas-qr-info-col{flex-direction:column;flex:1;gap:12px;width:100%;display:flex}.resenas-qr-badge-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.resenas-qr-stars-badge{color:#92400e;border-radius:var(--radius-full);background:#fef3c7;border:1px solid #fde68a;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.resenas-stars-icons{align-items:center;gap:2px;display:inline-flex}.resenas-qr-client-chip{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.resenas-qr-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:800}.resenas-qr-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.resenas-qr-url-box{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}.resenas-qr-url-input{min-width:180px;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:monospace;font-size:12px}.resenas-qr-url-actions{align-items:center;gap:6px;display:flex}.resenas-qr-btn-sm{border-radius:var(--radius-sm);align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.resenas-qr-print-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;display:flex}.resenas-qr-split-btn{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:inline-flex}.resenas-qr-print-btn{background:var(--accent);color:#fff;border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;border-top-right-radius:0;border-bottom-right-radius:0;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:700;display:inline-flex}.resenas-qr-split-btn:only-child .resenas-qr-print-btn,.resenas-qr-split-btn .resenas-qr-print-btn:only-child{border-radius:var(--radius-md)}.resenas-qr-print-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.resenas-qr-print-btn:disabled{opacity:.6;cursor:not-allowed}.resenas-qr-printer-select-btn{background:var(--accent);color:#fff;border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);cursor:pointer;border-left:1px solid #ffffff40;border-top-left-radius:0;border-bottom-left-radius:0;justify-content:center;align-items:center;padding:9px 10px;display:flex}.resenas-qr-printer-select-btn:hover:not(:disabled){background:#00000026}.resenas-qr-printer-dropdown{z-index:1000;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:220px;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.resenas-qr-printer-dropdown-header{color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:8px 12px;font-size:11.5px;font-weight:700}.resenas-qr-printer-option{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.resenas-qr-printer-option:hover{background:var(--bg-tertiary)}.resenas-qr-printer-option.active{background:var(--accent-glow);font-weight:700}.resenas-qr-printer-option small{color:var(--text-muted);font-size:11px;font-weight:400;display:block}.resenas-qr-printer-name-hint{color:var(--text-secondary);font-size:12px}.resenas-qr-printer-name-hint strong{color:var(--text-primary)}.resenas-qr-feedback-banner{border-radius:var(--radius-md);align-items:center;gap:10px;margin-top:4px;padding:10px 14px;font-size:12.5px;font-weight:500;display:flex}.resenas-qr-feedback-banner.success{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.resenas-qr-feedback-banner.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.resenas-qr-feedback-close{color:currentColor;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:2px;display:flex}.resenas-qr-feedback-close:hover{opacity:1}.resenas-fullscreen-overlay{-webkit-backdrop-filter:blur(8px);box-sizing:border-box;animation:.2s ease-out resenasOverlayFadeIn;z-index:9999999!important;background:#000000d9!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:24px!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:0!important}@keyframes resenasOverlayFadeIn{0%{opacity:0}to{opacity:1}}.resenas-fullscreen-card{box-sizing:border-box;color:#000!important;text-align:center!important;background:#fff!important;border-radius:24px!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:440px!important;padding:36px 32px!important;animation:.25s cubic-bezier(.16,1,.3,1) resenasCardZoomIn!important;display:flex!important;position:relative!important;box-shadow:0 25px 50px -12px #0009!important}@keyframes resenasCardZoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.resenas-fullscreen-close{cursor:pointer!important;color:#333!important;background:#00000014!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;transition:background .15s,transform .15s!important;display:flex!important;position:absolute!important;top:14px!important;right:14px!important}.resenas-fullscreen-close:hover{transform:scale(1.08);background:#00000029!important}.wifi-container{flex-direction:column;gap:24px;max-width:900px;margin:0 auto;padding:8px 0 40px;display:flex}.wifi-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.wifi-header-title{align-items:center;gap:12px;display:flex}.wifi-header-title h1{color:var(--accent);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.wifi-header-title p{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.wifi-header-actions{align-items:center;gap:10px;display:flex}.wifi-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:801px){.wifi-grid{grid-template-columns:1fr 1fr}}.wifi-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;align-items:center;padding:24px;display:flex;position:relative}.wifi-qr-frame{border:2px solid var(--border-color);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:16px;justify-content:center;align-items:center;margin-bottom:20px;padding:16px;display:flex}.wifi-qr-frame:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:scale(1.03)}.wifi-qr-frame:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.wifi-qr-img{width:220px;height:220px;display:block}.wifi-credentials-box{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-direction:column;gap:12px;width:100%;padding:16px 20px;display:flex}.wifi-credential-row{text-align:left;justify-content:space-between;align-items:center;gap:8px;display:flex}.wifi-credential-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);min-width:60px;font-size:12px;font-weight:700}.wifi-credential-value{color:var(--text-primary);word-break:break-all;flex:1;font-family:monospace;font-size:16px;font-weight:700}.wifi-config-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:18px;padding:24px;display:flex}.wifi-form-group{flex-direction:column;gap:6px;display:flex}.wifi-form-label{color:var(--text-primary);font-size:13px;font-weight:600}.wifi-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:10px 14px;font-size:14px}.wifi-input:focus{border-color:var(--accent)}.wifi-input-with-icon{align-items:center;display:flex;position:relative}.wifi-input-with-icon input{padding-right:42px}.wifi-input-eye-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;right:8px}.wifi-fullscreen-overlay{z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.wifi-fullscreen-card{color:#000;text-align:center;background:#fff;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:36px 32px;animation:.25s ease-out wifiFadeIn;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000080}@keyframes wifiFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.wifi-fullscreen-close{cursor:pointer;color:#333;background:#00000014;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:14px;right:14px}.photobooth-container{flex-direction:column;gap:24px;max-width:960px;margin:0 auto;padding:8px 0 40px;display:flex}.photobooth-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.photobooth-title{align-items:center;gap:12px;display:flex}.photobooth-title h1{color:var(--accent);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.photobooth-title p{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.photobooth-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.camera-viewport{aspect-ratio:1;border-radius:var(--radius-lg);border:2px solid var(--border-color);background:#0d1117;justify-content:center;align-items:center;width:100%;max-width:540px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006}.camera-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-video.back-camera{transform:none}.camera-overlay{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.camera-frame-guide{pointer-events:none;width:88%;height:88%;position:relative}.frame-corner{filter:drop-shadow(0 1px 3px #00000080);border-style:solid;border-color:#ffffffbf;width:24px;height:24px;position:absolute}.frame-corner-tl{border-width:2.5px 0 0 2.5px;border-top-left-radius:8px;top:0;left:0}.frame-corner-tr{border-width:2.5px 2.5px 0 0;border-top-right-radius:8px;top:0;right:0}.frame-corner-bl{border-width:0 0 2.5px 2.5px;border-bottom-left-radius:8px;bottom:0;left:0}.frame-corner-br{border-width:0 2.5px 2.5px 0;border-bottom-right-radius:8px;bottom:0;right:0}.frame-center-cross{opacity:.4;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frame-center-cross:before{content:"";background:#fff;border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:7px}.frame-center-cross:after{content:"";background:#fff;border-radius:1px;height:2px;position:absolute;top:7px;left:0;right:0}.camera-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.02em;background:#0009;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:flex;position:absolute;top:14px}.camera-floating-controls{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172aa6;border:1px solid #ffffff26;border-radius:24px;align-items:center;gap:8px;padding:4px 8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000059}.camera-zoom-pills{align-items:center;gap:4px;display:flex}.btn-zoom-pill{color:#fffc;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:15px;justify-content:center;align-items:center;min-width:38px;height:30px;padding:0 8px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.btn-zoom-pill:hover{color:#fff;background:#ffffff1f}.btn-zoom-pill.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-rgb,245, 158, 11), .4)}.btn-lens-switcher{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:15px;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.btn-lens-switcher:hover{background:#fff3}.camera-quick-actions{justify-content:center;width:100%;max-width:540px;margin-top:14px;display:flex}.btn-native-camera{background:linear-gradient(135deg, rgba(var(--accent-rgb,245, 158, 11), .12), rgba(var(--accent-rgb,245, 158, 11), .04));border:1.5px solid var(--accent);width:100%;color:var(--accent);border-radius:var(--radius-md,12px);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 10px #0000000a}.btn-native-camera:hover{background:var(--accent);color:#fff;box-shadow:0 4px 16px rgba(var(--accent-rgb,245, 158, 11), .3);transform:translateY(-1px)}.btn-native-camera:active{transform:translateY(0)}.camera-controls{justify-content:center;align-items:center;gap:20px;width:100%;margin-top:24px;display:flex}.btn-shutter{border:5px solid var(--accent);cursor:pointer;width:72px;height:72px;box-shadow:0 0 20px rgba(var(--accent-rgb,245, 158, 11), .35);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s;display:flex}.btn-shutter:hover{box-shadow:0 0 28px rgba(var(--accent-rgb,245, 158, 11), .5);transform:scale(1.08)}.btn-shutter:active{transform:scale(.92)}.btn-shutter-inner{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.btn-camera-aux{background:var(--bg-secondary);border:1.5px solid var(--border-color);width:52px;height:52px;color:var(--text-main);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s,background-color .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 4px 14px #0003}.btn-camera-aux:hover{background:var(--bg-card);border-color:var(--accent);transform:scale(1.08);box-shadow:0 6px 18px #00000047}.btn-camera-aux:active{transform:scale(.92)}.btn-camera-aux svg{width:22px;height:22px}.btn-camera-fallback-action{gap:8px;padding:10px 18px;font-size:14px}@media (max-width:640px){.btn-camera-fallback-action{padding:14px 22px;font-size:15px;font-weight:600}}.preview-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.preview-modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl,16px);flex-direction:column;width:100%;max-width:900px;max-height:94vh;animation:.2s cubic-bezier(.16,1,.3,1) modalScaleIn;display:flex;overflow:hidden;box-shadow:0 24px 48px #0009}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.preview-modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.preview-modal-header h2{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.preview-modal-body{grid-template-columns:1fr;gap:24px;padding:24px;display:grid;overflow-y:auto}@media (min-width:768px){.preview-modal-body{grid-template-columns:360px 1fr;align-items:start}}.thermal-receipt-wrapper{border-radius:var(--radius-md);background:#111418;border:1px solid #ffffff14;flex-direction:column;align-items:center;padding:20px 12px;display:flex;box-shadow:inset 0 2px 10px #00000080}.thermal-receipt-paper{color:#000;background:#fff;border-top:3px dashed #d1d5db;border-bottom:3px dashed #d1d5db;flex-direction:column;align-items:center;width:100%;max-width:320px;padding:16px 12px 24px;display:flex;position:relative;box-shadow:0 8px 30px #0009}.thermal-receipt-paper img{width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.preview-tuning-panel{flex-direction:column;gap:20px;display:flex}.tuning-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.tuning-section-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.tuning-slider-group{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.tuning-slider-header{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:13px;display:flex}.tuning-slider-val{color:var(--accent);font-family:monospace;font-weight:700}.tuning-range{width:100%;accent-color:var(--accent);cursor:pointer}.preview-modal-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.preview-btn-discard{white-space:nowrap;justify-content:center;align-items:center;padding:10px 18px;font-size:13.5px;display:inline-flex}.preview-print-split{align-items:stretch;display:inline-flex;position:relative}.preview-print-main-btn{box-shadow:0 4px 14px rgba(var(--accent-rgb,245, 158, 11), .4);justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex;border-right:none!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important;padding:10px 18px!important;font-size:14px!important}.preview-print-chevron-btn{background-color:var(--accent-hover,#7f2d1d);color:#fff;cursor:pointer;box-shadow:0 4px 14px rgba(var(--accent-rgb,245, 158, 11), .4);border:none;border-left:1px solid #ffffff40;border-top-right-radius:8px;border-bottom-right-radius:8px;justify-content:center;align-items:center;padding:10px 12px;transition:background-color .15s;display:inline-flex}.preview-print-chevron-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.camera-controls{gap:22px;margin-top:20px;padding:0 8px}.btn-camera-aux{border-width:2px;width:64px;height:64px;box-shadow:0 4px 18px #0000004d}.btn-camera-aux svg{width:28px;height:28px}.btn-shutter{border-width:6px;width:80px;height:80px}.btn-shutter-inner{width:54px;height:54px}.btn-shutter-inner svg{width:28px;height:28px}.preview-modal-overlay{padding:8px}.preview-modal-header{padding:14px 16px}.preview-modal-body{gap:16px;padding:14px 12px}.preview-modal-footer{flex-wrap:nowrap;gap:8px;padding:12px 14px}.preview-btn-discard{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:44%;min-width:0;padding:10px 8px;font-size:12.5px;overflow:hidden}.preview-print-split{flex:56%;min-width:0}.preview-print-main-btn{flex:1;min-width:0;gap:6px!important;padding:10px 6px!important;font-size:12.5px!important}.preview-print-main-btn span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preview-print-chevron-btn{flex-shrink:0;padding:10px 9px}}.photobooth-toast{border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 16px;font-size:13px;display:flex}.photobooth-toast.success{color:#4ade80;background:#22c55e26;border:1px solid #22c55e59}.photobooth-toast.error{color:#f87171;background:#ef444426;border:1px solid #ef444459}