:root{--primary:#6366f1;--primary-dark:#4f46e5;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#06b6d4;--dark:#1f2937;--darker:#111827;--muted:#6b7280;--surface:#fff;--canvas:#f8fafc;--border:#e5e7eb;--sidebar:280px;--header:70px;font:15px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#374151;background:var(--canvas)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{overflow-x:hidden}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);height:100vh;z-index:1000;display:flex;flex-direction:column;color:#fff;background:linear-gradient(145deg,var(--dark),var(--darker));transition:transform .3s ease}.sidebar-header{height:72px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1a}.sidebar-brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:20px;font-weight:700}.sidebar-brand:hover{color:#fff}.brand-mark{width:36px;height:36px;border-radius:10px;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:800;box-shadow:0 5px 14px #6366f14d}.sidebar-close,.mobile-menu{display:none;border:0;background:none;cursor:pointer}.sidebar-user{padding:20px;display:flex;gap:14px;align-items:center;border-bottom:1px solid #ffffff1a}.user-avatar,.header-avatar{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border-radius:50%;background:var(--primary);color:#fff;font-weight:700}.user-info{min-width:0}.user-info b,.user-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info small{margin-top:4px;color:#9ca3af}.sidebar-menu{display:flex;flex:1;flex-direction:column;gap:4px;padding:20px 15px;overflow:auto}.menu-link{display:flex;align-items:center;gap:15px;padding:12px 20px;border-radius:10px;color:#d1d5db;font-weight:500;transition:.25s}.menu-link i{width:20px;text-align:center;font-style:normal;font-size:19px}.menu-link:hover{transform:translateX(5px);background:#ffffff1a;color:#fff}.menu-link.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 4px 12px #6366f14d}.sidebar-footer{padding:20px;margin:0;border-top:1px solid #ffffff1a}.logout-button{width:100%;padding:10px 14px;border:0;border-radius:8px;background:var(--danger);color:#fff;font-weight:600;cursor:pointer}.panel{min-height:100vh;margin-left:var(--sidebar)}.main-header{position:sticky;top:0;z-index:100;height:var(--header);padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#fff;box-shadow:0 2px 10px #0000000d}.main-header h1{margin:0;font-size:24px;font-weight:600;color:var(--dark)}.header-actions{display:flex;align-items:center;gap:14px}.header-dot{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--danger);background:var(--canvas);font-size:11px}.header-avatar{width:36px;height:36px}.dashboard-content{padding:30px;max-width:1500px;margin:auto}.card{margin:0 0 24px;padding:26px 30px;background:var(--surface);border:1px solid #edf0f4;border-radius:16px;box-shadow:0 4px 20px #0000000d;animation:fadeInUp .45s ease}.card h2{margin:0 0 20px;color:var(--dark);font-size:19px}.card h3{margin:26px 0 10px;padding-bottom:10px;border-bottom:1px solid var(--border);font-size:16px;color:var(--dark)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.grid>.card{margin:0}.kpis{margin-bottom:24px}.kpis .card{position:relative;min-height:120px;padding:28px 24px 24px 100px;overflow:hidden}.kpis .card:before{content:"";position:absolute;left:24px;top:28px;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 8px 18px #6366f133}.kpis .card:nth-child(2):before{background:linear-gradient(135deg,var(--success),#059669)}.kpis .card:nth-child(3):before{background:linear-gradient(135deg,var(--warning),#d97706)}.kpis .card:nth-child(4):before{background:linear-gradient(135deg,var(--info),#0891b2)}.kpis span{color:var(--muted);font-weight:500}.kpis strong{display:block;margin-top:7px;font-size:31px;line-height:1;color:var(--dark)}label{display:grid;gap:8px;margin:16px 0;color:#495057;font-weight:600}input,select,textarea{width:100%;padding:11px 13px;border:1px solid #d8dee7;border-radius:8px;background:#fff;color:#212529;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}textarea{min-height:120px;resize:vertical}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}button,.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:600;cursor:pointer;transition:.2s}.button:hover,button:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}button:disabled{opacity:.65;cursor:wait}.danger{padding:7px 10px;background:var(--danger)}.actions,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.actions{justify-content:flex-start}.toolbar{margin-bottom:20px;padding:18px 20px;background:#fff;border:1px solid var(--border);border-radius:12px}.toolbar form{display:flex;align-items:center;gap:9px;flex:1}.toolbar input{max-width:300px}.toolbar select{max-width:180px}.table{width:100%;overflow:auto;border-radius:10px;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:15px 13px;text-align:left;border-bottom:1px solid #f0f2f5;vertical-align:middle}th{background:var(--canvas);color:#495057;font-size:12px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbff}td small{display:block;margin-top:5px;color:var(--muted)}td .danger{margin-left:5px}.edit{grid-template-columns:minmax(0,3fr) minmax(240px,1fr)}.editor{min-height:55vh;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre;tab-size:2}.info dl{margin:0}.info dt{margin-top:15px;color:var(--muted);font-size:12px;text-transform:uppercase}.info dd{margin:4px 0;overflow-wrap:anywhere;color:var(--dark);font-weight:600}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.empty{grid-column:1/-1;padding:55px 24px;text-align:center;color:var(--muted);background:#fff;border:2px dashed var(--border);border-radius:14px}.error{border-left:4px solid var(--danger);color:#991b1b}.auth{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 70% 15%,#6366f11c,transparent 30%),var(--canvas)}.auth-header{position:absolute;top:28px;left:32px;display:flex;align-items:center;gap:10px;color:var(--dark);font-size:18px}.login{width:min(430px,100%);padding:38px}.login h2{font-size:26px;margin-bottom:7px}.login p{margin:0 0 25px;color:var(--muted)}.login button{width:100%;margin-top:8px;padding:12px}.sidebar-overlay{display:none}.app-modal{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px;background:#11182799}.app-modal[hidden]{display:none}.modal-box{width:min(430px,100%);padding:26px;background:#fff;border-radius:16px;box-shadow:0 24px 70px #0004}.modal-box h2{margin:0 0 10px;color:var(--dark)}.modal-box p{color:var(--muted);line-height:1.55}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.modal-cancel{background:#e5e7eb;color:#374151}.modal-cancel:hover{color:#111827;box-shadow:none}@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.sidebar{transform:translateX(-100%)}body.sidebar-open .sidebar{transform:none}body.sidebar-open .sidebar-overlay{display:block;position:fixed;inset:0;z-index:999;background:#0008}.sidebar-close,.mobile-menu{display:grid;place-items:center}.sidebar-close{color:#fff;font-size:26px}.mobile-menu{width:40px;height:40px;margin-right:15px;color:var(--dark);font-size:21px}.panel{margin-left:0}.main-header{justify-content:flex-start;padding:0 20px}.header-actions{margin-left:auto}.dashboard-content{padding:20px}.edit{grid-template-columns:1fr}}@media(max-width:640px){.dashboard-content{padding:15px}.main-header{padding:0 15px}.main-header h1{font-size:20px}.header-dot{display:none}.grid,.gallery{grid-template-columns:1fr;gap:14px}.kpis .card{min-height:105px}.card{padding:20px;margin-bottom:16px;border-radius:13px}.toolbar,.toolbar form{display:grid;width:100%}.toolbar input,.toolbar select,.toolbar .button,.toolbar button{max-width:none;width:100%}.actions>*{flex:1}.table{border:0}table{min-width:700px}th,td{padding:12px 9px}.login{padding:28px 22px}.auth-header{top:20px;left:20px}}

/* Elyoto V2 dashboard, action and image-library polish */
.secondary-button{background:#eef2ff;color:#4f46e5;box-shadow:none}.secondary-button:hover{background:#e0e7ff;color:#4338ca}.id-badge{display:inline-flex;padding:5px 8px;border-radius:7px;background:#f1f5f9;color:#64748b;font:700 12px ui-monospace,monospace}.row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.action-button{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:#f8fafc;color:#475569;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:none}.action-button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0f172a12}.edit-action{background:#eef2ff;color:#4f46e5;border-color:#e0e7ff}.preview-action{background:#ecfeff;color:#0e7490;border-color:#cffafe}.download-action{background:#ecfdf5;color:#047857;border-color:#d1fae5}.deploy-action{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.delete-action{margin:0!important;background:#fff1f2;color:#be123c;border-color:#ffe4e6}.image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:22px 25px;border-radius:16px;background:linear-gradient(135deg,#fff,#f5f7ff);border:1px solid #e8ecf5}.image-toolbar h2{margin:0 0 5px;color:#1f2937}.image-toolbar p{margin:0;color:#6b7280}.image-pack-card{padding:0;overflow:hidden}.image-pack-head{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 22px 16px}.image-pack-head h2{margin:5px 0 0}.pack-label,.eyebrow{color:#6366f1;font-size:10px;font-weight:800;letter-spacing:.12em}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:0 22px 22px}.asset-preview{min-height:104px;display:grid;grid-template-rows:1fr auto;place-items:center;padding:12px 7px 8px;border:1px solid #e8ecf3;border-radius:12px;background:linear-gradient(145deg,#fff,#f8fafc)}.asset-preview img{display:block;max-width:68px;max-height:58px;object-fit:contain;image-rendering:auto}.asset-preview small{margin-top:8px;color:#64748b;font-size:10px;font-weight:700}.asset-missing{color:#cbd5e1;background:#f8fafc}.image-pack-card footer{display:flex;justify-content:space-between;gap:10px;padding:13px 22px;background:#f8fafc;color:#94a3b8;font-size:11px}.image-pack-card footer b{color:#64748b}.analytics-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:20px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-heading h2{margin:5px 0 0}.peak-badge{padding:9px 12px;border-radius:10px;background:#f8fafc;text-align:right}.peak-badge small,.peak-badge b{display:block}.peak-badge small{color:#94a3b8;font-size:10px}.peak-badge b{margin-top:3px;color:#334155;font-size:12px}.bar-chart{height:250px;display:flex;align-items:flex-end;gap:8px;margin-top:28px;padding:20px 10px 0;border-bottom:1px solid #e2e8f0;background:repeating-linear-gradient(to top,#f1f5f9 0,#f1f5f9 1px,transparent 1px,transparent 25%)}.chart-column{height:100%;min-width:0;flex:1;display:grid;grid-template-rows:18px 1fr 22px;align-items:end;text-align:center}.chart-column i{display:block;width:min(24px,75%);min-height:5px;margin:auto;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#818cf8,#4f46e5);box-shadow:0 5px 12px #6366f129}.chart-column small{padding-top:7px;color:#94a3b8;font-size:9px;white-space:nowrap}.chart-value{align-self:start;color:#64748b;font-size:10px;font-weight:700}.chart-empty{align-self:center;width:100%;color:#94a3b8;text-align:center}.trophy{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#fef3c7;color:#d97706;font-size:19px}.ranking-list{list-style:none;margin:20px 0 0;padding:0}.ranking-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f1f5f9}.ranking-list li:last-child{border-bottom:0}.ranking-list li>div{min-width:0;flex:1}.ranking-list b,.ranking-list small{display:block}.ranking-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155}.ranking-list small{margin-top:3px;color:#94a3b8;font-size:10px}.ranking-list strong{color:#4f46e5;text-align:right}.ranking-list strong small{display:inline}.rank{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f1f5f9;color:#64748b;font-weight:800}.rank-1{background:#fef3c7;color:#b45309}.rank-2{background:#f1f5f9;color:#475569}.rank-3{background:#ffedd5;color:#c2410c}.ranking-empty{color:#94a3b8}.chart-card,.ranking-card{min-width:0}@media(max-width:1100px){.analytics-grid{grid-template-columns:1fr}.asset-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.image-toolbar{align-items:stretch;flex-direction:column}.image-toolbar .button{width:100%}.asset-grid{grid-template-columns:repeat(2,1fr)}.row-actions{min-width:310px}.bar-chart{gap:3px;height:220px}.chart-column small{font-size:8px;transform:rotate(-45deg);transform-origin:center}.peak-badge{display:none}}

/* Refined analytics and table actions */
.section-subtitle{margin:7px 0 0;color:#94a3b8;font-size:12px}.chart-summary{display:flex;align-items:stretch;gap:10px}.chart-summary>div{min-width:118px;padding:11px 13px;border:1px solid #e8ecf4;border-radius:12px;background:linear-gradient(145deg,#fff,#f8fafc)}.chart-summary small,.chart-summary strong{display:block}.chart-summary small{color:#94a3b8;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.chart-summary strong{margin-top:5px;color:#334155;font-size:13px}.chart-column .zero-bar{background:#e2e8f0;box-shadow:none}.row-actions{gap:8px}.row-actions .action-button{min-height:38px;padding:0 12px 0 7px;border-width:1px;border-style:solid;border-radius:10px;font-size:12px;box-shadow:0 2px 5px #0f172a0a}.row-actions .action-button:hover{transform:translateY(-2px);box-shadow:0 7px 16px #0f172a18}.action-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#ffffffb8;font-size:14px}.edit-action{border-color:#c7d2fe}.preview-action{border-color:#a5f3fc}.download-action{border-color:#a7f3d0}.delete-action{min-height:38px!important;padding:0 11px!important;border-color:#fecdd3!important}.image-pack-head h2{text-transform:none;overflow-wrap:anywhere}@media(max-width:760px){.chart-summary{display:none}.section-heading{align-items:center}.row-actions .action-button{min-width:96px}.row-actions{min-width:420px}}