:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sidebar-bg:#172e6c;--sidebar-active:#2563eb;--sidebar-text:#cbd5e1;--sidebar-text-active:#fff;--sidebar-width:220px;--page-bg:#f1f3f8;--card-bg:#fff;--card-border:#e5e7eb;--text-primary:#0f172a;--text-secondary:#64748b;--primary:#2563eb;--primary-hover:#1d4ed8;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--badge-img:#2563eb;--badge-vid:#dc2626;--kpi-icon-color:var(--sidebar-bg);--kpi-icon-bg:#e9effa;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--page-bg);color:var(--text-primary);font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}select{box-sizing:border-box;border:1px solid var(--card-border);color:var(--text-primary);background-color:var(--card-bg);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border-radius:8px;outline:none;padding:10px 40px 10px 12px;font-family:inherit;font-size:14px;line-height:1.4;transition:border-color .15s}select:focus{border-color:var(--primary)}select:disabled{opacity:.6;cursor:not-allowed}.shell{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);z-index:50;flex-direction:column;height:100vh;padding:0;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{cursor:pointer;border-radius:8px;padding:24px 16px 28px;text-decoration:none;transition:opacity .15s;display:block}.sidebar-logo:hover{opacity:.85}.sidebar-logo:focus-visible{outline:2px solid var(--accent,#2563eb);outline-offset:2px}.sidebar-logo-img{object-fit:contain;width:100%;max-width:168px;height:auto;margin:0 auto;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:0 10px;display:flex}.sidebar-nav-section{letter-spacing:.08em;text-transform:uppercase;color:#cbd5e180;-webkit-user-select:none;user-select:none;margin:0;padding:18px 12px 8px;font-size:11px;font-weight:600}.sidebar-nav-section:first-child{padding-top:4px}.sidebar-nav a{color:var(--sidebar-text);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-nav a:hover{color:#fff;background:#ffffff14}.sidebar-nav a.active{color:var(--sidebar-text-active);background:#ffffff1f}.sidebar-nav a svg{flex-shrink:0;width:20px;height:20px}.sidebar-nav .nav-chevron{opacity:.5;width:16px;height:16px;margin-left:auto;transition:transform .15s}.sidebar-nav-group.open .nav-chevron{transform:rotate(180deg)}.sidebar-nav-group-toggle{color:var(--sidebar-text);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-nav-group-toggle:hover{color:#fff;background:#ffffff14}.sidebar-nav-group-toggle.active{color:var(--sidebar-text-active)}.sidebar-nav-group-toggle svg:not(.nav-chevron){flex-shrink:0;width:20px;height:20px}.sidebar-sub-nav{flex-direction:column;gap:2px;padding:4px 0 4px 18px;display:none}.sidebar-nav-group.open .sidebar-sub-nav{display:flex}.sidebar-sub-link{color:#e2e8f0d1;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-sub-link:hover{color:#fff;background:#ffffff14}.sidebar-sub-link.active{color:var(--sidebar-text-active);background:#ffffff1f}.sidebar-sub-dot{opacity:.85;border:1.5px solid;border-radius:50%;flex-shrink:0;width:8px;height:8px}.sidebar-bottom{border-top:1px solid #ffffff1a;padding:16px 20px}.sidebar-bottom button{color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 4px;font-size:13px;transition:background .15s,color .15s;display:flex}.sidebar-bottom button:hover{color:#fff;background:#ffffff14}.sidebar-bottom button svg{width:18px;height:18px}.main{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:100vh;padding:28px 32px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header h1{margin-bottom:4px;font-size:22px;font-weight:700;line-height:1.25}.page-header h2{line-height:1.25}.page-header>.btn,.page-header>a.btn{flex-shrink:0;margin-top:3px}.page-header p{color:var(--text-secondary);font-size:13px}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:10px 20px;font-size:13px;font-weight:600;line-height:1.2;transition:background .15s,box-shadow .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 2px #0f172a14,0 2px 6px #2563eb2e}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 2px 4px #0f172a1a,0 4px 10px #2563eb38}.btn-outline{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary)}.btn-outline:hover{background:#f8fafc}.btn-danger{background:var(--danger);color:#fff;border:1px solid var(--danger)}.btn-danger:hover{filter:brightness(.95)}.btn svg{flex-shrink:0;width:16px;height:16px}.btn-ghost{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:6px 8px}.btn-ghost:hover{color:var(--text-primary)}.btn-sm{gap:10px;padding:6px 12px;font-size:12px}.btn-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.btn-icon:hover{color:var(--text-primary);background:#f1f5f9}.btn-icon svg{width:18px;height:18px}.filter-bar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.filter-tabs{border:1px solid var(--card-border);background:var(--card-bg);border-radius:8px;gap:0;display:flex;overflow:hidden}.filter-tabs button{cursor:pointer;color:var(--text-secondary);border:none;border-right:1px solid var(--card-border);background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:background .15s,color .15s;display:flex}.filter-tabs button:last-child{border-right:none}.filter-tabs button.active{background:var(--primary);color:#fff}.filter-tabs button:not(.active):hover{background:#f8fafc}.filter-tabs button svg{width:16px;height:16px}.segmented-tabs,.device-detail-tabs{background:#e4e8ef;border:none;border-radius:999px;align-items:center;gap:4px;width:auto;max-width:none;padding:4px;display:inline-flex;overflow:visible}.segmented-tabs button,.device-detail-tabs button{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.segmented-tabs button:hover:not(.active),.device-detail-tabs button:hover:not(.active){color:#64748b;background:#ffffff59}.segmented-tabs button.active,.device-detail-tabs button.active{color:#334155;background:#fff;font-weight:600;box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0d}.segmented-tabs button svg{flex-shrink:0;width:16px;height:16px}.filter-spacer{flex:1}.filter-bar-form{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.filter-bar-form .form-field{margin-bottom:0}.filter-bar-form .form-field select{min-width:220px}.search-box{border:1px solid var(--card-border);background:var(--card-bg);border-radius:8px;align-items:center;gap:8px;min-width:180px;padding:8px 12px;display:flex}.search-box svg{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.search-box input{background:0 0;border:none;outline:none;width:100%;font-size:13px}.sort-select{color:var(--text-primary);padding:8px 36px 8px 12px;font-size:13px}.view-toggle{border:1px solid var(--card-border);background:var(--card-bg);border-radius:999px;flex-shrink:0;gap:0;display:inline-flex;overflow:hidden}.view-toggle button{cursor:pointer;color:var(--text-secondary);border:none;border-right:1px solid var(--card-border);background:0 0;justify-content:center;align-items:center;padding:8px 12px;transition:background .15s,color .15s;display:flex}.view-toggle button:last-child{border-right:none}.view-toggle button.active{background:var(--primary);color:#fff}.view-toggle button:not(.active):hover{background:#f8fafc}.view-toggle button svg{width:16px;height:16px}.media-list-table .media-list-thumb{object-fit:cover;vertical-align:middle;background:#e5e7eb;border-radius:6px;width:48px;height:36px}.media-list-table .media-list-thumb-placeholder{color:#94a3b8;background:#e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:48px;height:36px;display:inline-flex}.media-list-table .media-list-thumb-placeholder svg{width:20px;height:20px}.media-list-table .media-type-badge{position:static}.media-list-table td.media-list-title{font-weight:500}.media-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.media-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;transition:box-shadow .15s;overflow:hidden}.media-card:hover{box-shadow:0 2px 12px #00000014}.media-card--clickable,.media-list-table tbody tr.media-list-row--clickable{cursor:pointer}.media-list-table tbody tr.media-list-row--clickable:hover{background:#f8fafc}.modal.media-detail-modal{width:min(650px,100vw - 32px);min-width:min(650px,100vw - 32px);max-height:calc(100vh - 48px);padding:20px 22px 22px;overflow-y:auto}.modal.media-detail-modal .modal-header-row{display:none}.media-detail-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.media-detail-header .modal-close{flex-shrink:0;margin-top:2px}.media-detail-title-row{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.media-detail-title-row h2,#media-detail-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;font-weight:700;line-height:1.25;overflow:hidden}.media-detail-edit-btn{width:17px;height:17px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.media-detail-edit-btn:hover{color:var(--text-primary)}.media-detail-edit-btn svg{width:17px;height:17px}.media-detail-title-edit{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.media-detail-title-input{border:2px solid var(--primary);border-radius:8px;outline:none;flex:1;min-width:0;padding:8px 12px;font-size:17px;font-weight:600}.media-detail-title-action{border:1px solid var(--card-border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.media-detail-title-action:hover:not(:disabled){background:#f8fafc}.media-detail-title-action--save{color:var(--success);background:#f0fdf4;border-color:#bbf7d0}.media-detail-title-action--save:hover:not(:disabled){background:#dcfce7}.media-detail-title-action svg{width:18px;height:18px}.media-detail-preview{aspect-ratio:16/10;background:#e8ecf1;border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;display:flex;overflow:hidden}.media-detail-preview img,.media-detail-preview video{object-fit:contain;background:#1e293b;width:100%;height:100%;display:block}.media-detail-preview-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;min-height:200px;font-size:13px;display:flex}.media-detail-meta-line{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.media-detail-date{align-items:center;gap:6px;font-size:12px;display:inline-flex}.media-detail-date svg{opacity:.7;flex-shrink:0;width:12px;height:12px}.media-detail-type-pill{color:#475569;border:1px solid var(--card-border);text-transform:uppercase;letter-spacing:.02em;background:#fff;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:9px;font-weight:600}.media-detail-usage-box{border-radius:10px;margin-bottom:20px;padding:12px 14px;font-size:13px}.media-detail-usage-box--used,.media-detail-usage-box--unused{border:1px solid var(--card-border);background:0 0}.media-detail-usage-badge{color:#047857;background:#ecfdf5;border-radius:999px;align-items:center;gap:5px;margin:0 0 8px;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.2;display:inline-flex}.media-detail-usage-badge:before{content:"";background:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px}.media-detail-usage-heading{color:var(--text-secondary);margin:0 0 4px;font-size:12px;font-weight:600}.media-detail-usage-box--unused p.text-secondary{color:#94a3b8;margin:0;font-size:11px}.media-detail-playlists{margin:0 0 0 18px;padding:0;list-style:none}.media-detail-playlists li{margin-bottom:2px;padding-left:12px;position:relative}.media-detail-playlists li:before{content:"•";color:#cbd5e1;position:absolute;left:0}.media-detail-playlists a{color:#94a3b8;font-size:11px;font-weight:400;text-decoration:none}.media-detail-playlists a:hover{color:#64748b;text-decoration:underline}.media-detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.btn-danger-solid{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.btn-danger-solid:hover:not(:disabled){background:#b91c1c}.btn-danger-solid:disabled{opacity:.6;cursor:not-allowed}.btn-danger-solid svg{width:16px;height:16px}.media-thumb{aspect-ratio:4/3;background:#e5e7eb;position:relative;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%}.media-thumb .placeholder{color:#94a3b8;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.media-thumb .placeholder svg{width:48px;height:48px}.media-badge{color:#fff;text-transform:uppercase;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.media-badge.img{background:var(--badge-img)}.media-badge.vid{background:var(--badge-vid)}.media-type-badge{letter-spacing:.02em;color:#fff;text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:8px;font-weight:700;line-height:1.25;position:absolute;top:6px;left:6px}.media-type-badge.img{background:var(--badge-img)}.media-type-badge.vid{background:var(--badge-vid)}.media-info{flex-direction:column;gap:8px;padding:10px 12px;display:flex}.media-info-main{min-width:0}.media-info-main h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.media-info-main p{color:var(--text-secondary);margin:2px 0 0;font-size:11px}.media-info-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.media-usage-pill{border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:500;line-height:1.2;display:inline-flex}.media-usage-pill--used{color:#047857;background:#ecfdf5}.media-usage-pill--used:before{content:"";background:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px}.media-usage-pill--unused{color:#64748b;background:#f1f5f9}.media-info-footer .btn-icon{color:#ef4444;flex-shrink:0}.media-info-text h3{white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:13px;font-weight:600;overflow:hidden}.media-info-text p{color:var(--text-secondary);font-size:11px}.stats-totem-section{margin-top:24px}.stats-totem-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.stats-totem-filters{margin-bottom:0}.stats-totem-filters .filter-bar-form{gap:12px}.stats-filter-select{border:1px solid var(--card-border);background-color:var(--card-bg);appearance:none;min-width:200px;color:var(--text-primary);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border-radius:8px;padding:8px 40px 8px 12px;font-size:13px}.stats-filter-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #2563eb26}.stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px 20px}.stat-card .label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:4px;font-size:11px;font-weight:600}.stat-card .value{font-size:28px;font-weight:700}.stat-card .value.primary{color:var(--primary)}.stat-card .value.success{color:var(--success)}.stats-page{width:100%;max-width:none}.stats-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.stats-filters-left,.stats-filters-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stats-filters .stats-filter-select,.stats-truncate-button{box-sizing:border-box;align-self:center;height:36px}.stats-truncate-button{color:var(--danger);box-shadow:none;white-space:nowrap;background:#fff;border:1px solid #dc262659;padding:0 14px}.stats-truncate-button:hover:not(:disabled){background:#fef2f2}.stats-filters-period{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stats-filter-range{color:var(--text-secondary);font-size:13px;line-height:1.2}.stats-overview-kpi-row{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=960px){.stats-overview-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.stats-overview-kpi-row{grid-template-columns:1fr}}.stats-overview-kpi .stat-card-sub{font-size:12px;font-weight:500}.stats-overview-kpi .stat-card-sub .stats-overview-kpi-trend-label{color:var(--text-secondary);font-weight:500}.stats-grid-2{grid-template-columns:1.4fr .9fr;gap:16px;margin-bottom:16px;display:grid}.stats-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.stats-panel-full{margin-bottom:16px}@media (width<=960px){.stats-grid-2,.stats-grid-3{grid-template-columns:1fr}}.stats-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px}.stats-panel-compact{min-height:280px}.stats-panel-title{margin:0 0 16px;font-size:15px;font-weight:700}.stats-line-chart{width:100%;height:240px}.stats-line-chart svg{width:100%;height:100%;display:block}.stats-sessions-chart,.stats-hourly-chart{width:100%;height:240px}.stats-chart-shell{width:100%;position:relative}.stats-chart-tooltip{z-index:5;pointer-events:none;color:#fff;text-align:center;white-space:nowrap;background:#0f172a;border-radius:8px;min-width:88px;padding:8px 10px;position:absolute;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 4px 14px #0f172a2e}.stats-chart-tooltip-title{color:#cbd5e1;margin-bottom:2px;font-size:11px;font-weight:500;display:block}.stats-chart-tooltip-value{font-size:13px;font-weight:700;display:block}.stats-chart-hit{fill:#0000;cursor:default}.stats-sessions-chart-svg,.stats-hourly-chart-svg{width:100%;height:100%;display:block;overflow:visible}.stats-sessions-grid{stroke:#e2e8f0;stroke-width:1px;stroke-dasharray:4 4}.stats-sessions-axis-text{fill:var(--text-secondary);font-family:inherit;font-size:11px}.stats-sessions-axis-x{font-size:10px}.stats-empty-chart{padding:24px 0}.stats-top-head{align-items:center;gap:10px;margin-bottom:18px;display:flex}.stats-top-panel-icon{background:var(--primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.stats-top-panel-icon svg{stroke:currentColor;width:20px;height:20px}.stats-top-panel-title{margin:0}.stats-top-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.stats-top-list li{align-items:center;gap:14px;display:flex}.stats-top-rank{background:var(--kpi-icon-bg,#e9effa);width:28px;height:28px;color:var(--kpi-icon-color,#172e6c);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.stats-top-body{flex-direction:column;gap:4px;min-width:0;display:flex}.stats-top-list .stats-top-title{color:var(--text-primary);font-family:inherit;font-size:12px;font-weight:500;line-height:1.35}.stats-top-meta{color:#94a3b8;font-size:12px;font-weight:400;line-height:1.2}.stats-lang-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.stats-lang-head{justify-content:space-between;gap:12px;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.stats-lang-track{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.stats-lang-fill{border-radius:999px;height:100%}.stats-hbar-list{flex-direction:column;gap:12px;display:flex}.stats-hbar-row{grid-template-columns:minmax(140px,220px) 1fr auto;align-items:center;gap:12px;display:grid}@media (width<=720px){.stats-hbar-row{grid-template-columns:1fr;gap:6px}}.stats-hbar-label{font-size:13px;font-weight:500}.stats-hbar-track{background:#e2e8f0;border-radius:999px;height:10px;overflow:hidden}.stats-hbar-fill{background:#2563eb;border-radius:999px;height:100%}.stats-hbar-value{color:var(--text-secondary);font-size:13px;font-weight:600}.stats-activity-panel{padding:24px}.stats-activity-search{border:1px solid var(--card-border);background:#fff;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;display:flex}.stats-activity-search svg{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.stats-activity-search input{background:0 0;border:none;outline:none;width:100%;font-size:14px}.stats-activity-table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.stats-activity-page-size{align-items:center;gap:8px;display:inline-flex}.stats-activity-page-size .stats-filter-select{min-width:72px;padding:6px 32px 6px 10px}.stats-activity-pagination{justify-content:center;align-items:center;gap:16px;margin-top:16px;padding-top:8px;display:flex}.stats-activity-table-wrap{overflow-x:auto}.stats-activity-table th,.stats-activity-table td{vertical-align:middle}.stats-num-col{text-align:right;white-space:nowrap}.stats-sort-btn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-weight:600;display:inline-flex}.stats-sort-icon{color:#cbd5e1;font-size:11px}.stats-sort-icon.active{color:var(--primary)}.item-list{flex-direction:column;gap:8px;display:flex}.item-row{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:box-shadow .15s;display:flex}.item-row:hover{box-shadow:0 1px 8px #0000000f}.item-order{flex-direction:column;gap:2px;display:flex}.item-order button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:2px;line-height:1}.item-order button:hover{color:var(--text-primary)}.item-thumb{background:#1a2744;border-radius:8px;flex-shrink:0;width:120px;height:70px;position:relative;overflow:hidden}.item-thumb img{object-fit:cover;width:100%;height:100%}.item-thumb .placeholder{color:#475569;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.item-thumb .placeholder svg{width:32px;height:32px}.item-name{flex:1;font-size:14px;font-weight:600}.item-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--card-border);color:var(--text-secondary);white-space:nowrap;background:#f1f5f9;border-radius:20px;padding:4px 10px;font-size:11px}.item-duration{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.item-duration svg{width:16px;height:16px}.item-duration input{border:1px solid var(--card-border);text-align:center;border-radius:6px;width:50px;padding:4px 8px;font-size:13px}.toggle{flex-shrink:0;width:42px;height:24px;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{cursor:pointer;background:#cbd5e1;border-radius:12px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--primary)}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}.device-list{flex-direction:column;gap:8px;display:flex}.device-row{background:var(--card-bg);border:1px solid var(--card-border);color:inherit;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:box-shadow .15s,border-color .15s,background .15s;display:flex;position:relative}.device-row:hover{background:#fafbfc;border-color:#cbd5e1;box-shadow:0 1px 8px #00000014}.device-icon{width:44px;height:44px;color:var(--text-secondary);background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.device-icon svg{width:24px;height:24px}.device-info{flex:1;min-width:0}.device-info h3{margin:0 0 4px;font-size:14px;font-weight:600}.device-info-location{color:var(--text-secondary);align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.device-info-location svg{flex-shrink:0;width:14px;height:14px}.device-info-sync{margin:4px 0 0}.device-row-edit{color:#64748b;opacity:0;pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:4px;transition:opacity .15s;display:flex}.device-row-edit svg{width:16px;height:16px}.device-row:hover .device-row-edit{opacity:1}.device-status{align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.device-status .dot{border-radius:50%;width:8px;height:8px}.device-status.online .dot{background:var(--success)}.device-status.online{color:var(--success)}.device-status.offline .dot{background:#94a3b8}.device-status.offline{color:#94a3b8}.login-page{background:var(--page-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;width:min(400px,100vw - 32px);padding:32px;box-shadow:0 4px 24px #0000000f}.login-logo{object-fit:contain;width:min(220px,100%);height:auto;margin:0 auto 8px;display:block}.login-card .subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:13px}.form-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-field label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-field input,.form-field textarea{border:1px solid var(--card-border);border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s}.form-field select{width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--primary)}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-overlay.modal-overlay-stacked{z-index:110}.modal{background:var(--card-bg);border-radius:16px;width:min(520px,100vw - 32px);max-height:85vh;padding:28px;animation:.2s slideUp;overflow-y:auto;box-shadow:0 8px 40px #00000026}.modal.wp-category-edit-modal{width:min(650px,100vw - 32px)}.wp-category-edit-body{flex-direction:column;gap:0;display:flex}.wp-category-edit-meta{flex-direction:column;gap:16px;padding-bottom:20px;display:flex}.wp-category-edit-field{flex-direction:column;gap:6px;display:flex}.wp-category-edit-field-label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;font-size:10px;font-weight:600;line-height:1.2}.wp-category-edit-field-value{color:#0f172a;font-size:14px;font-weight:400;line-height:1.35}.wp-category-edit-field-value--name{font-weight:700}.wp-category-edit-divider{border:none;border-top:1px solid var(--card-border);margin:0 0 20px}.wp-category-edit-asset{margin-bottom:20px}.wp-category-edit-asset:last-of-type{margin-bottom:0}.wp-category-edit-asset-row{align-items:flex-start;gap:16px;margin-top:8px;display:flex}.wp-category-edit-asset-preview{flex-shrink:0}.wp-category-edit-image-preview,.wp-category-edit-image-empty{object-fit:cover;border-radius:10px;width:176px;height:112px}.wp-category-edit-image-empty{color:#94a3b8;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);place-items:center;font-size:12px;display:grid}.wp-category-edit-pictogram-preview,.wp-category-edit-pictogram-empty{border-radius:10px;width:112px;height:112px}.wp-category-edit-pictogram-preview{background:#6b7280;place-items:center;display:grid}.wp-category-edit-pictogram-mask{background-color:#fff;width:72px;height:72px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.wp-category-edit-pictogram-empty{color:#94a3b8;border:1px dashed #cbd5e1;place-items:center;font-size:12px;display:grid}.wp-category-edit-asset-actions{flex-direction:column;align-items:flex-start;gap:6px;padding-top:4px;display:flex}.wp-category-edit-asset-actions .btn{justify-content:center;min-width:108px}.wp-category-edit-btn-delete{min-width:108px;color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.wp-category-edit-btn-delete:hover:not(:disabled){background:#fef2f2}.wp-category-edit-btn-delete:disabled{opacity:.5;cursor:not-allowed}.wp-category-edit-btn-delete svg{flex-shrink:0;width:14px;height:14px}.wp-category-edit-activities{border-top:1px solid var(--card-border);margin-top:20px;padding-top:20px}.modal h2{margin:0 0 4px;font-size:18px;font-weight:700}.modal-subtitle{margin:0}.modal-header-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.modal-header-row h2{margin-bottom:4px}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:24px;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-register-device{border:1px solid var(--primary)}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.modal.modal-add-content{flex-direction:column;width:90vw;max-width:none;height:90vh;max-height:90vh;padding:24px 28px;display:flex;overflow:hidden}.modal-add-content-header{flex-shrink:0;margin-bottom:16px}.modal-add-content-body{flex:1;gap:24px;min-height:0;display:flex;overflow:hidden}.modal-add-content-body-full .modal-add-content-gallery{width:100%}.modal-add-content-gallery{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.modal-add-content-filter-bar{flex-shrink:0;margin-bottom:12px}.modal-add-content-filter-bar .search-box{flex:1;min-width:240px;max-width:360px}.modal-add-content-gallery-scroll{flex:1;min-height:0;padding-right:4px;overflow-y:auto}.modal-add-content-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.modal-add-content-empty{text-align:center;padding:40px 20px}.modal-add-content-sidebar{border-left:1px solid var(--card-border);flex-direction:column;flex-shrink:0;gap:12px;width:280px;padding-left:24px;display:flex;overflow-y:auto}.modal-add-content-sidebar-title{margin:0;font-size:15px;font-weight:700}.upload-zone-sidebar{flex-direction:column;justify-content:center;align-items:center;min-height:140px;margin-bottom:0;padding:24px 16px;display:flex}.modal-add-content-sidebar-actions{justify-content:flex-end;gap:8px;display:flex}.modal-add-content-sidebar .form-field{margin-bottom:0}.modal-add-content-preview{aspect-ratio:4/3;background:#e5e7eb;border-radius:8px;position:relative;overflow:hidden}.modal-add-content-preview img,.modal-add-content-preview video{object-fit:cover;width:100%;height:100%;display:block}.modal-add-content-preview .media-type-badge{top:6px;left:6px}.modal-add-content-preview-name{word-break:break-all;margin:0}.modal-add-content-change-file{align-self:flex-start}.modal-add-content-actions{border-top:1px solid var(--card-border);flex-shrink:0;margin-top:16px;padding-top:16px}@media (width<=768px){.modal.modal-add-content{width:calc(100vw - 16px);height:calc(100vh - 16px);max-height:calc(100vh - 16px);padding:16px}.modal-add-content-body{flex-direction:column;overflow-y:auto}.modal-add-content-sidebar{border-left:none;border-top:1px solid var(--card-border);width:100%;padding-top:16px;padding-left:0}.upload-zone-sidebar{flex:none;min-height:120px}}@keyframes fadeIn{0%{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}}.upload-zone{border:2px dashed var(--card-border);text-align:center;cursor:pointer;border-radius:12px;margin-bottom:16px;padding:32px;transition:border-color .15s,background .15s}.upload-zone:hover{border-color:var(--primary);background:#eff6ff}.upload-zone svg{width:40px;height:40px;color:var(--text-secondary);margin-bottom:8px}.upload-zone p{color:var(--text-secondary);font-size:13px}.upload-zone.dragover,.upload-zone.uploading{border-color:var(--primary);background:#eff6ff}.upload-zone.uploading{cursor:wait;opacity:.85}.upload-zone .highlight{color:var(--primary);font-weight:600}.table{border-collapse:collapse;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;width:100%;overflow:hidden}.table th,.table td{border-bottom:1px solid var(--card-border);text-align:left;padding:12px 16px;font-size:13px}.table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.table tr.selected-row td{background:#eff6ff}.table-scroll-wrap{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.table-scroll-wrap>.table{min-width:480px}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.integration-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:18px 20px}.integration-card h2,.json-panel h2{margin-bottom:12px;font-size:16px;font-weight:700}.tech-list{gap:10px;display:grid}.tech-list div{grid-template-columns:150px 1fr;align-items:start;gap:12px;display:grid}.tech-list dt{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:700}.tech-list dd{word-break:break-word;font-size:13px}.chip-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chip{border:1px solid var(--card-border);color:var(--text-secondary);background:#f8fafc;border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.integration-content{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);align-items:start;gap:16px;display:grid}@media (width<=960px){.integration-grid,.integration-content{grid-template-columns:1fr}.json-panel{position:static}.tech-list div{grid-template-columns:1fr}}.integration-table-wrap{overflow:auto}.json-panel{color:#e2e8f0;background:#0f172a;border:1px solid #1e293b;border-radius:12px;position:sticky;top:24px;overflow:hidden}.json-panel-header{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.json-panel-header h2{color:#fff;margin:0}.json-panel-header span{color:#94a3b8;font-size:12px}.json-panel pre{white-space:pre-wrap;max-height:640px;padding:16px;font-size:12px;line-height:1.5;overflow:auto}.integration-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:18px;padding:14px 16px}.integration-error pre{white-space:pre-wrap;margin-top:8px;font-size:12px}.activity-preview-thumb{object-fit:cover;border:1px solid var(--card-border);color:#94a3b8;background:#e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:72px;height:52px;display:flex}.activity-preview-thumb svg{width:24px;height:24px}.json-panel-image{color:#fff;border-bottom:1px solid #1e293b;display:block;position:relative}.json-panel-image img{object-fit:cover;width:100%;max-height:260px;display:block}.json-panel-image span{background:#0f172ad1;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;bottom:12px;left:12px}.error{color:var(--danger);margin-bottom:12px;font-size:13px}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:13px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.gap-8{gap:8px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.page-stacked-header,.device-detail-header{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.page-stacked-header-top,.device-detail-header-top{align-items:center;display:flex}.page-stacked-back,.device-detail-back{color:var(--primary);font-size:13px;font-weight:500;text-decoration:none}.page-stacked-back:hover,.device-detail-back:hover{text-decoration:underline}.page-stacked-header-main,.device-detail-header-main,.page-stacked-title-block,.device-detail-title-block{width:100%}.page-stacked-title-row,.device-detail-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-stacked-title-row h1,.device-detail-title-row h1{min-width:0;margin:0;font-size:22px;font-weight:700}.page-stacked-subtitle,.device-detail-subtitle{margin:4px 0 0}.page-stacked-header-actions,.device-detail-header-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}@media (width<=640px){.page-stacked-title-row,.device-detail-title-row{flex-direction:column;align-items:flex-start}.page-stacked-header-actions,.device-detail-header-actions{width:100%}}.device-detail-warn-banner{color:#92400e;background:#f59e0b1f;border:1px solid #f59e0b;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:14px}.device-detail-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px;display:grid}.device-detail-stats-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=720px){.device-detail-stats-3{grid-template-columns:1fr}}.stat-card-sub{margin-top:6px;font-size:13px;font-weight:600}.stat-card-sub--ok{color:var(--success)}.stat-card-sub--warn{color:#b45309}.stat-card-sub--err{color:var(--danger)}.device-detail-stat-datetime{font-size:18px!important;font-weight:700!important}.device-detail-stat-connection{align-items:center;gap:8px;font-size:18px!important;display:flex!important}.device-detail-stat-connection .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.device-detail-stat-connection.online{color:var(--success)}.device-detail-stat-connection.online .dot{background:var(--success)}.device-detail-stat-connection.offline{color:#94a3b8}.device-detail-stat-connection.offline .dot{background:#94a3b8}.device-detail-tabs-bar{margin-bottom:20px}.device-detail-general{padding:24px 28px}.device-detail-general-block h2{margin-bottom:0}.device-detail-info-grid{grid-template-columns:1fr 1fr;gap:20px 48px;margin-top:20px;display:grid}.device-detail-info-col{flex-direction:column;gap:20px;display:flex}.device-detail-info-item{flex-direction:column;gap:6px;display:flex}.device-detail-info-label{text-transform:uppercase;letter-spacing:.06em;color:#596475;font-size:10px;font-weight:600;line-height:1.2}.device-detail-info-value{color:#0f172a;font-size:13px;font-weight:400;line-height:1.35}.device-detail-divider{border:none;border-top:1px solid var(--card-border);margin:24px 0}.device-detail-general-block .device-detail-field-hint{margin-top:6px;margin-bottom:0}.device-detail-general-block .device-detail-field-hint+.device-detail-select-full{margin-top:10px}.device-detail-select-full{color:#334155;border-radius:10px;width:100%;margin-top:14px;padding:12px 40px 12px 14px;font-size:14px;font-weight:500;display:block}.device-detail-select-full:disabled{opacity:.6;cursor:not-allowed}.device-detail-kiosk-row{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.device-detail-kiosk-copy{flex:1;min-width:0}.device-detail-kiosk-copy .device-detail-field-label{margin-bottom:0;display:block}.device-detail-kiosk-copy .device-detail-field-hint{margin-top:6px}.device-detail-maintenance .device-detail-kiosk-row{margin-top:18px}.device-detail-maintenance-divider{margin:20px 0 28px}.device-detail-maintenance-remote .section-lead{margin-bottom:16px}.device-detail-maintenance-remote .device-detail-actions{margin-top:0}@media (width<=640px){.device-detail-info-grid{grid-template-columns:1fr;gap:20px}.device-detail-kiosk-row{flex-direction:column;align-items:stretch}.device-detail-kiosk-row .toggle{align-self:flex-end}}.device-detail-screensaver{padding:24px 28px}.device-detail-screensaver>.section-lead{margin-bottom:24px}.device-detail-screensaver-block{margin-bottom:28px}.device-detail-screensaver-block .device-detail-select-full{margin-top:0}.device-detail-field-label{color:#0f172a;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.device-screensaver-playlist-row{align-items:stretch;gap:10px;display:flex}.device-screensaver-playlist-row .device-detail-select-full{flex:1;min-width:0}.device-screensaver-edit-list{white-space:nowrap;flex-shrink:0}.device-detail-idle-input{border:1px solid var(--card-border);color:#334155;background:var(--card-bg);border-radius:10px;width:88px;padding:10px 12px;font-size:14px;font-weight:500}.device-detail-idle-input:disabled{opacity:.6}.device-detail-field-hint{color:var(--text-secondary);margin:8px 0 0;font-size:12px;line-height:1.45}.device-detail-screensaver-footer{margin-top:8px;padding-top:8px}.device-detail-screensaver-footer .btn-primary{min-width:200px}.device-detail-poll-note{color:var(--text-secondary);margin:12px 0 0;font-size:12px}.device-detail-section{box-sizing:border-box;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;width:100%;max-width:100%;margin-bottom:20px;padding:20px 22px}.device-detail-section h2{margin:0 0 6px;font-size:16px;font-weight:700}.device-detail-section .section-lead{color:var(--text-secondary);margin:0 0 16px;font-size:12px;line-height:1.55}.device-detail-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.device-detail-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.device-detail-row select{flex:1;min-width:200px}.device-detail-check{cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:18px;font-size:14px;line-height:1.45;display:flex}.device-detail-check input{flex-shrink:0;margin-top:3px}.link-strong{color:var(--primary);font-weight:600}.error-banner{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;max-width:880px;margin-bottom:16px;padding:12px 14px;font-size:13px}.success-banner{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;max-width:880px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.45}.settings-section-title{margin-bottom:16px;font-size:16px;font-weight:700}.settings-perm-panel{border:1px solid var(--card-border);background:#f8fafc;border-radius:10px;max-height:320px;margin-bottom:16px;padding:12px;overflow-y:auto}.settings-perm-group{margin-bottom:14px}.settings-perm-group:last-child{margin-bottom:0}.settings-perm-group h4{text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:700}.settings-perm-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 12px;display:grid}.settings-perm-grid label{color:var(--text-primary);cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;line-height:1.35;display:flex}.settings-role-chip{border:1px solid var(--card-border);background:var(--card-bg);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.settings-role-chip strong{font-size:14px}.settings-role-chip-actions{flex-shrink:0;gap:6px;display:flex}.settings-form-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.notifications-page{width:100%;max-width:none}.notifications-grid{gap:16px;display:grid}.notifications-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:18px 20px}.notifications-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.notifications-card h2{margin-bottom:4px;font-size:16px;font-weight:700}.notifications-title-wrap{align-items:flex-start;gap:12px;display:flex}.notifications-type-icon{width:44px;height:44px;color:var(--primary);background:#e9effa;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.notifications-type-icon svg{width:22px;height:22px}.notifications-count-pill{color:#334155;white-space:nowrap;background:#eef2f7;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.notifications-list{gap:8px;margin-bottom:12px;display:grid}.notifications-email-chip{border:1px solid var(--card-border);background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex}.notifications-email-chip .btn-icon{color:#64748b;width:28px;height:28px;font-size:20px;line-height:1}.notifications-add-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.notifications-add-row input{border:1px solid var(--card-border);border-radius:8px;padding:10px 12px;font-size:14px}.notifications-add-row input:focus{border-color:var(--primary);outline:none}.notifications-save-row{justify-content:flex-end;margin-top:22px;display:flex}.badge{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-ok{color:#166534;background:#dcfce7}.badge-muted{color:var(--text-secondary);background:#f1f5f9}.inline-code{background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:12px}.activation-code-box{letter-spacing:.05em;border:1px solid var(--card-border);word-break:break-all;background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-family:ui-monospace,monospace;font-size:1rem}.cms-featured-layout{grid-template-columns:minmax(300px,1fr) minmax(0,1.2fr);align-items:start;gap:20px;display:grid}@media (width<=960px){.cms-featured-layout{grid-template-columns:1fr}}.featured-totem-panel,.activity-library-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:18px 20px}.featured-totem-panel h2,.activity-library-panel h2{margin-bottom:4px;font-size:15px;font-weight:700}.featured-totem-panel .kicker,.activity-library-panel .kicker{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:14px;font-size:11px}.featured-strip{flex-direction:column;gap:12px;max-height:min(70vh,620px);padding-right:4px;display:flex;overflow-y:auto}.featured-strip-card{border:1px solid var(--card-border);background:linear-gradient(90deg,#c5a0281f 0%,#fafbfc 12px);border-left:4px solid #b8941e;border-radius:10px;grid-template-columns:88px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.featured-strip-card .thumb{background:#e2e8f0;border-radius:8px;width:88px;height:66px;overflow:hidden}.featured-strip-card .thumb img{object-fit:cover;width:100%;height:100%}.featured-strip-actions{flex-direction:column;align-items:stretch;gap:6px;display:flex}.activity-pick-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;max-height:min(62vh,560px);margin-top:4px;padding:8px 2px 4px 0;display:grid;overflow-y:auto}.activity-pick-card{border:1px solid var(--card-border);background:var(--card-bg);border-radius:10px;transition:box-shadow .15s;position:relative;overflow:hidden}.activity-pick-card:hover{box-shadow:0 4px 14px #0f172a12}.activity-pick-card .ap-thumb{aspect-ratio:4/3;background:#eef2f7}.activity-pick-card .ap-thumb img{object-fit:cover;width:100%;height:100%}.activity-pick-card .ap-body{padding:8px 10px 10px}.activity-pick-card .ap-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-right:28px;font-size:12px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.activity-pick-card .ap-meta{color:var(--text-secondary);margin-top:4px;font-size:10px}.star-feature-btn{cursor:pointer;color:#94a3b8;background:#fffffff0;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:color .15s,transform .1s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 1px 4px #0000001a}.star-feature-btn:hover{color:var(--text-primary)}.star-feature-btn.on{color:#b8941e}.activities-page{--activities-featured-color:#ffbc08}.activities-page .activities-filter-bar{margin-bottom:12px}.activities-page .stat-card .value.featured{color:var(--activities-featured-color)}.activities-search-row{margin-bottom:16px}.activities-page .activities-search-box{width:min(100%,420px);min-width:280px;max-width:420px}.activities-category-select-wrap{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.activities-category-label{color:var(--text-primary);flex-shrink:0;margin:0;font-size:14px;font-weight:500}.activities-category-select{flex:0 360px;width:min(360px,100%);max-width:100%;padding:9px 40px 9px 12px}.activities-empty-hint{text-align:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;margin-top:12px;padding:24px}.activities-table-wrap{background:var(--card-bg);border:1px solid var(--card-border);-webkit-overflow-scrolling:touch;border-radius:12px;overflow-x:auto}.activities-table-wrap>.table{min-width:560px}.activities-table .col-move{width:72px}.activities-table .col-star{text-align:center;width:48px}.activities-table .col-views{text-align:right;white-space:nowrap;width:128px}.activities-views-th{white-space:nowrap;line-height:1.2;display:inline-block}.activities-views-th-sub{color:var(--text-secondary);font-size:11px;font-weight:500}.activities-move-col{flex-direction:column;align-items:center;gap:4px;display:flex}.activities-table-title{font-weight:600}.activities-table tbody tr.row-featured{background:linear-gradient(90deg,#ffbc081a 0%,#0000 48px)}.star-feature-btn.table-star{width:34px;height:34px;box-shadow:none;background:0 0;position:static}.activities-page .star-feature-btn.table-star.on,.activities-page .star-feature-btn.on{color:var(--activities-featured-color)}.screensaver-assign-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;margin-top:32px;padding:24px}.screensaver-assign-section h2{margin:0 0 4px;font-size:16px;font-weight:700}.screensaver-assign-lead{margin:0 0 20px}.screensaver-assign-list{flex-direction:column;gap:8px;display:flex}.screensaver-assign-row{border:1px solid var(--card-border);background:var(--surface-elevated,#f8fafc);cursor:pointer;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;display:flex}.screensaver-assign-row.readonly{cursor:default}.screensaver-assign-row.pending{border-color:var(--primary);background:#2563eb0a}.screensaver-assign-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);flex-shrink:0}.screensaver-assign-checkbox-placeholder{text-align:center;width:18px;color:var(--primary);flex-shrink:0;font-weight:700}.screensaver-assign-row-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.screensaver-assign-row-body strong{font-size:14px}.screensaver-assign-status{color:var(--text-secondary);font-size:12px}.screensaver-assign-status.online{color:var(--success,#16a34a)}.screensaver-assign-badge{color:var(--text-secondary);background:#e2e8f0;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:600}.screensaver-assign-footer{flex-direction:column;align-items:flex-end;gap:12px;margin-top:20px;display:flex}.screensaver-unsaved-banner{color:#92400e;background:#fef3c7;border-radius:8px;width:100%;margin:0;padding:10px 14px;font-size:13px;font-weight:500}.screensaver-assign-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.screensaver-assign-success{color:#166534;background:#dcfce7;border-radius:8px;margin:0 0 12px;padding:10px 14px;font-size:13px}.screensaver-confirm-block{margin-bottom:12px}.screensaver-confirm-block-warn .screensaver-confirm-label{color:#b45309}.screensaver-confirm-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:700}.screensaver-confirm-list{margin:0;padding-left:18px;font-size:14px;line-height:1.6}.screensaver-table-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (width<=960px){.main{padding:20px 16px}.filter-bar-form .form-field select{width:100%;min-width:0}.stats-filter-select{width:100%;min-width:0;max-width:100%}.search-box{flex:160px;min-width:0}.activities-page .activities-search-box{width:100%;max-width:none}.activities-category-select{flex:100%;width:100%;max-width:none}}@media (width<=640px){.page-header{flex-direction:column;align-items:stretch}.page-header>.btn,.page-header>a.btn{align-self:flex-start;margin-top:0}.filter-bar{flex-direction:column;align-items:stretch}.filter-spacer{display:none}.stats-filters{flex-direction:column;align-items:stretch}.stats-filters-left,.stats-filters-right,.stats-truncate-button{width:100%}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}