.app{background:#fff;color:#f5f5f7}.logo-placeholder{display:flex;height:48px;width:48px}.logo-image{margin-right:10px}.header-logo{height:64px!important;width:164px!important}.header-text p{color:#c0c6d9}.sidebar{background:#ffffff05;border:1px solid #ffffff14;width:260px}.sidebar-title{color:#aab3d0;font-size:14px;letter-spacing:.06em;margin-bottom:12px}.sidebar-button{background:#ffffff08;border:1px solid #ffffff1f;border-radius:8px;color:#e4e8f5}.sidebar-button:hover{background:#00bcd429;border-color:#00bcd480}.sidebar-button-active{background:linear-gradient(135deg,#00bcd4,#4caf50)}.video-section{background:#ffffff05;border:1px solid #ffffff14}.video-title{margin-bottom:12px}.video-wrapper{flex:1 1}.video-description{color:#c0c6d9}@media (max-width:900px){.app-main{flex-direction:column}.sidebar{align-items:center;overflow-x:auto}.button-list,.sidebar{flex-direction:row;width:100%}}.sidebar-helper{color:#8e96b3;margin-bottom:10px}.sidebar-dot{background:#4caf50;box-shadow:0 0 8px #4caf50b3}.now-playing-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.now-playing-pill{align-items:center;background:#00bcd429;border:1px solid #00bcd499;border-radius:999px;color:#aeeaf5;display:inline-flex;font-size:11px;gap:6px;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase}.pill-dot{background:#00e676;border-radius:50%;height:6px;width:6px}.now-playing-label{color:#e4e8f5;font-size:14px;opacity:.9}.video-wrapper{position:relative}.video-overlay-badge{background:#0009;border-radius:999px;color:#f5f5f7;font-size:11px;left:10px;letter-spacing:.08em;padding:4px 10px;position:absolute;text-transform:uppercase;top:10px;z-index:2}.video-meta-card{background:#ffffff05;border:1px solid #ffffff0f}.video-meta-card h3{color:#c7cfee}.video-meta-card p{color:#e4e8f5}.video-meta-kpis li{color:#c0c6d9}@media (max-width:900px){.video-meta-grid{grid-template-columns:1fr}}*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;padding:0}.app{background:#f3f4fa;color:#111827;display:flex;flex-direction:column;min-height:100vh}.app-header{background:radial-gradient(circle at top left,#243b77,#050819 55%);border-bottom:1px solid #ffffff1f;color:#f9fafb;padding:16px 24px}.logo-block{align-items:center;display:flex;gap:16px}.logo-image{height:52px;object-fit:contain;width:52px}.logo-placeholder{align-items:center;background:linear-gradient(135deg,#00bcd4,#4caf50);border-radius:50%;color:#fff;display:none;font-size:24px;font-weight:700;height:52px;justify-content:center;width:52px}.header-text h1{font-size:22px;font-weight:650}.header-text p{color:#d1d5db;font-size:13px;margin-top:4px}.app-main{display:flex;flex:1 1;gap:16px;padding:16px 20px}.sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;padding:16px;width:280px}.sidebar-title{color:#6b7280;font-size:13px;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.sidebar-helper{color:#9ca3af;font-size:12px;margin-bottom:12px}.button-list{display:flex;flex-direction:column;gap:8px}.sidebar-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#111827;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;text-align:left;transition:all .15s ease-in-out;width:100%}.sidebar-button:hover{background:#f5f7ff;border-color:#c7d2fe}.sidebar-button-active{background:linear-gradient(135deg,#4f46e5,#0ea5e9);border-color:#0000;box-shadow:0 8px 18px #4f46e559;color:#fff}.sidebar-dot{background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55eb3;height:8px;width:8px}.sidebar-button-text{display:flex;flex-direction:column}.sidebar-button-label{font-size:14px;font-weight:500}.sidebar-button-tags{color:inherit;font-size:11px;opacity:.85}.video-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0f172a12;display:flex;flex:1 1;flex-direction:column;padding:16px}.video-title{color:#111827;font-size:18px;margin-bottom:10px}.video-wrapper{align-items:center;background:#000;border-radius:12px;display:flex;justify-content:center;min-height:260px;overflow:hidden}.video-player{max-height:65vh;width:100%}.video-placeholder{color:#e5e7eb;padding:40px 20px;text-align:center;width:100%}.video-placeholder p{color:#f9fafb}.video-placeholder-sub{color:#d1d5db;font-size:13px;margin-top:6px}.video-description{color:#4b5563;font-size:13px;margin-top:12px}.video-meta-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:14px;padding:14px 16px}.video-meta-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px}.video-meta-card h3{color:#4b5563;font-size:13px;margin-bottom:4px}.video-meta-card p{color:#111827;font-size:13px}.video-meta-bottom{display:flex;flex-wrap:wrap;gap:16px;margin-top:4px}.video-meta-kpis ul{margin-top:4px;padding-left:18px}.video-meta-kpis li{color:#4b5563;font-size:12px;margin-bottom:2px}.video-meta-tags{min-width:160px}.tag-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tag-chip{background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;color:#0369a1;font-size:11px;padding:4px 8px}@media (max-width:900px){.app-main{flex-direction:column}.sidebar{order:2;width:100%}.video-section{order:1}.video-meta-grid{grid-template-columns:1fr}}.login-page{align-items:center;background:#fff;color:#111827;display:flex;justify-content:center;min-height:100vh;padding:16px}.login-card{background:#f9fafb;border-radius:20px;box-shadow:0 8px 25px #0f172a1f;color:#111827;max-width:460px;padding:32px 28px;width:100%}.login-card-center{align-items:center;display:flex;flex-direction:column;text-align:center}.login-logo-big{height:180px;margin-bottom:12px;object-fit:contain;width:280px}.login-title-main{font-size:20px;font-weight:650;margin-bottom:4px}.login-subtitle-main{color:#6b7280;font-size:13px;margin-bottom:18px}.login-form{gap:12px;width:100%}.login-form,.login-form label{display:flex;flex-direction:column}.login-form label{color:#374151;font-size:13px;text-align:left}.login-form input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;margin-top:4px;padding:8px 10px}.login-form input:focus{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e54d;outline:none}.login-error{color:#b91c1c;font-size:12px;text-align:left}.login-button{background:linear-gradient(135deg,#4f46e5,#0ea5e9);border:none;border-radius:999px;box-shadow:0 12px 25px #3b82f673;color:#f9fafb;cursor:pointer;font-size:14px;font-weight:500;margin-top:6px;padding:10px 12px;width:100%}.login-button:hover{filter:brightness(1.05)}.login-footnote{color:#6b7280;font-size:11px;margin-top:8px}.header-user{align-items:flex-end;color:#e5e7eb;display:flex;flex-direction:column;font-size:11px}.header-user-name{font-weight:500}.header-user-email{opacity:.8}