:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{min-height:100vh}.sidebar{width:220px;min-height:100vh;background:#0f2b4a;color:#fff;display:flex;flex-direction:column;padding:32px 12px 16px;box-sizing:border-box;position:relative;transition:width .22s ease,padding .22s ease}.sidebar.collapsed{width:76px;padding:32px 10px 16px}.sidebar-toggle{position:absolute;top:18px;right:-14px;width:28px;height:28px;border-radius:999px;border:2px solid #0f2b4a;background:#fff;color:#0f2b4a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:20}.sidebar-toggle:hover{background:#f1f5f9}.sidebar-top{display:flex;justify-content:center;align-items:center;margin-top:8px;margin-bottom:36px}.sidebar-logo{width:145px;max-width:100%;height:auto;object-fit:contain;display:block;background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;transition:opacity .18s ease,width .18s ease}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.sidebar-item{border:none;background:transparent;color:#d7e3ef;text-align:left;padding:10px 12px;border-radius:8px;cursor:pointer;font-weight:700;letter-spacing:.2px;text-transform:uppercase;display:flex;align-items:center;gap:10px;width:100%}.sidebar-item-icon{flex-shrink:0;opacity:.95}.sidebar-item:hover{background:#ffffff1f}.sidebar-item.active{background:#00a6ce;color:#fff}.sidebar.collapsed .sidebar-logo,.sidebar.collapsed .sidebar-item-text{display:none}.sidebar.collapsed .sidebar-top{margin-bottom:20px}.sidebar.collapsed .sidebar-nav{gap:10px}.sidebar.collapsed .sidebar-item{justify-content:center;padding:10px 8px}.dashboard-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:200px;text-align:center}.dashboard-card:hover{transform:translateY(-4px);border-color:#00a6ce;box-shadow:0 10px 25px -5px #00a6ce33,0 8px 10px -6px #00a6ce1a}.dashboard-card:active{transform:translateY(-2px);box-shadow:0 5px 15px -3px #00a6ce33,0 4px 6px -4px #00a6ce1a}.dashboard-card__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,#00a6ce,#008bb0);color:#fff;font-size:40px;transition:all .3s ease}.dashboard-card:hover .dashboard-card__icon{transform:scale(1.1);box-shadow:0 8px 20px #00a6ce4d}.dashboard-card__content{display:flex;flex-direction:column;gap:8px}.dashboard-card__title{margin:0;font-size:20px;font-weight:600;color:#1f2937;transition:color .3s ease}.dashboard-card:hover .dashboard-card__title{color:#00a6ce}.dashboard-card__description{margin:0;font-size:14px;color:#6b7280;line-height:1.5}@media(max-width:768px){.dashboard-card{min-height:160px;padding:24px 16px}.dashboard-card__icon{width:64px;height:64px;font-size:32px}.dashboard-card__title{font-size:18px}.dashboard-card__description{font-size:13px}}#root{width:100%;min-height:100vh}.app-layout{display:flex;min-height:100vh;width:100%;background:#f4f6f8}.app-content{flex:1;padding:32px;min-width:0}.app-content h1{margin-top:0;color:#0f2b4a}.app-content--embed{padding:0;overflow:hidden}.embed-container{position:relative;width:100%;height:100vh}.embed-iframe{width:100%;height:100%;border:0;display:block;background:#fff}.section-placeholder,.kpis-container{padding:32px}.kpis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,320px));gap:18px}.embed-back-button{position:absolute;top:14px;left:14px;z-index:2;border:none;border-radius:10px;padding:8px 12px;background:#0f2b4adb;color:#fff;cursor:pointer;font-weight:600}.embed-back-button:hover{background:#0f2b4af5}