body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;color:#fff}.App{min-height:100vh;display:flex;flex-direction:column}.presentation-container{display:grid;grid-template-columns:1fr 300px;grid-template-rows:auto 1fr auto;grid-template-areas:"header header" "content menu" "controls menu";min-height:100vh;gap:20px;padding:20px;background-color:#0f172a}.nav-header{grid-area:header;display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#1f2937;border-radius:10px;border:1px solid #10b981}.nav-title{font-size:1.5rem;font-weight:700;color:#10b981}.slide-counter{font-size:1.1rem;color:#e2e8f0;background-color:#374151;padding:8px 16px;border-radius:20px}.slide-content{grid-area:content;background-color:#1f2937;border-radius:10px;overflow:hidden;border:1px solid #374151}.nav-controls{grid-area:controls;display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#1f2937;border-radius:10px;border:1px solid #374151}.nav-btn{background-color:#10b981;color:#fff;border:none;padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.nav-btn:hover:not(:disabled){background-color:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.nav-btn:disabled{background-color:#374151;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.slide-dots{display:flex;gap:10px;align-items:center}.dot{width:12px;height:12px;border-radius:50%;border:none;background-color:#374151;cursor:pointer;transition:all .3s ease}.dot.active{background-color:#10b981;transform:scale(1.2)}.dot:hover{background-color:#10b981;opacity:.7}.slide-menu{grid-area:menu;background-color:#1f2937;border-radius:10px;padding:20px;border:1px solid #374151;overflow-y:auto;max-height:calc(100vh - 40px)}.slide-menu h3{color:#10b981;margin-top:0;margin-bottom:20px;font-size:1.2rem;font-weight:600}.slide-menu ul{list-style:none;padding:0;margin:0}.slide-menu li{margin-bottom:8px}.menu-item{width:100%;background:none;border:none;color:#e2e8f0;text-align:left;padding:12px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:flex-start;gap:12px}.menu-item:hover{background-color:#374151;color:#10b981}.menu-item.active{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.slide-number{background-color:#10b981;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0}.menu-item.active .slide-number{background-color:#059669}.slide-title{font-size:.9rem;line-height:1.3;flex-grow:1}@media (max-width: 1200px){.presentation-container{grid-template-columns:1fr;grid-template-areas:"header" "content" "controls" "menu"}.slide-menu{max-height:300px}}@media (max-width: 768px){.presentation-container{padding:10px;gap:10px}.nav-header{flex-direction:column;gap:10px;text-align:center}.nav-title{font-size:1.2rem}.nav-controls{flex-direction:column;gap:15px}.slide-dots{order:-1}.nav-btn{width:100%;max-width:200px}}